@nebula.js/stardust 5.8.1 → 5.9.0

package/core/esm/dev.js

@@ -1,6 +1,6 @@
 /*
-* @nebula.js/stardust v5.8.1
-* Copyright (c) 2024 QlikTech International AB
+* @nebula.js/stardust v5.9.0
+* Copyright (c) 2025 QlikTech International AB
 * Released under the MIT license.
 */
 
@@ -268,7 +268,7 @@ function requireRuntime() {
       // AsyncIterator objects; they just return a Promise for the value of
       // the final result produced by the iterator.
       exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-        if (PromiseImpl === void 0) PromiseImpl = Promise;
+        if (PromiseImpl === undefined) PromiseImpl = Promise;
         var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
         return exports.isGeneratorFunction(outerFn) ? iter // If outerFn is a generator, return the full iterator.
         : iter.next().then(function (result) {
@@ -720,9 +720,9 @@ requireRuntime();
 function _defineProperty(e, r, t) {
   return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
+    enumerable: true,
+    configurable: true,
+    writable: true
   }) : e[r] = t, e;
 }
 function _extends$6() {
@@ -747,7 +747,7 @@ function ownKeys(e, r) {
 function _objectSpread2(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
       _defineProperty(e, r, t[r]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
@@ -778,7 +778,7 @@ function _objectWithoutPropertiesLoose$2(r, e) {
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
+  if (undefined !== e) {
     var i = e.call(t, r || "default");
     if ("object" != typeof i) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
@@ -2073,7 +2073,7 @@ function requireNodeEventEmitter () {
 	};
 
 	util.isUndefined = function isUndefined(arg) {
-	  return arg === void 0;
+	  return arg === undefined;
 	};
 
 	util.isFunction = function isFunction(arg){
@@ -2822,7 +2822,7 @@ function requireExtend () {
 	var getProperty = function getProperty(obj, name) {
 		if (name === '__proto__') {
 			if (!hasOwn.call(obj, name)) {
-				return void 0;
+				return undefined;
 			} else if (gOPD) {
 				// In early versions of node, obj['__proto__'] is buggy when obj has
 				// __proto__ as an own property. Object.getOwnPropertyDescriptor() works.
@@ -4871,8 +4871,8 @@ function theme$1(resolvedTheme) {
       };
     },
     uiColor(c, shift) {
-      const indexIsValid = typeof (c === null || c === void 0 ? void 0 : c.index) === 'number' && !Number.isNaN(c === null || c === void 0 ? void 0 : c.index);
-      const colorIsValid = typeof (c === null || c === void 0 ? void 0 : c.color) === 'string';
+      const indexIsValid = typeof (c === null || c === undefined ? undefined : c.index) === 'number' && !Number.isNaN(c === null || c === undefined ? undefined : c.index);
+      const colorIsValid = typeof (c === null || c === undefined ? undefined : c.color) === 'string';
       const somethingIsValid = indexIsValid || colorIsValid;
       if (!somethingIsValid) {
         return undefined;
@@ -4880,7 +4880,7 @@ function theme$1(resolvedTheme) {
       const getColor = () => {
         // eslint-disable-next-line no-param-reassign
         shift = !!shift;
-        if ((c === null || c === void 0 ? void 0 : c.index) < 0 || typeof (c === null || c === void 0 ? void 0 : c.index) === 'undefined') {
+        if ((c === null || c === undefined ? undefined : c.index) < 0 || typeof (c === null || c === undefined ? undefined : c.index) === 'undefined') {
           return c.color;
         }
         if (typeof uiPalette === 'undefined') {
@@ -5225,12 +5225,13 @@ styleResolver.resolveRawTheme = raw => {
 };
 
 function luminance(colStr) {
-  const c = color$3(colStr).rgb();
+  const c = color$3(colStr); // this needs to handle bad colors
+  if (!c) return 0;
   const {
     r,
     g,
     b
-  } = c;
+  } = c.rgb();
 
   // https://www.w3.org/TR/WCAG20/#relativeluminancedef
   const [sR, sG, sB] = [r, g, b].map(v => v / 255);
@@ -6339,6 +6340,8 @@ function memoize$1(fn) {
   };
 }
 
+var isBrowser = typeof document !== 'undefined';
+
 var identifierWithPointTracking = function identifierWithPointTracking(begin, points, index) {
   var previous = 0;
   var character = 0;
@@ -6676,7 +6679,20 @@ var prefixer = function prefixer(element, index, children, callback) {
   }
 };
 
-var isBrowser = typeof document !== 'undefined';
+/* import type { StylisPlugin } from './types' */
+
+/*
+export type Options = {
+  nonce?: string,
+  stylisPlugins?: StylisPlugin[],
+  key: string,
+  container?: HTMLElement,
+  speedy?: boolean,
+  prepend?: boolean,
+  insertionPoint?: HTMLElement
+}
+*/
+
 var getServerStylisCache = isBrowser ? undefined : weakMemoize(function () {
   return memoize$1(function () {
     var cache = {};
@@ -6687,7 +6703,11 @@ var getServerStylisCache = isBrowser ? undefined : weakMemoize(function () {
 });
 var defaultStylisPlugins = [prefixer];
 
-var createCache = function createCache(options) {
+var createCache = function
+  /*: EmotionCache */
+createCache(options
+/*: Options */
+) {
   var key = options.key;
 
   if (isBrowser && key === 'css') {
@@ -6696,7 +6716,9 @@ var createCache = function createCache(options) {
     // note this very very intentionally targets all style elements regardless of the key to ensure
     // that creating a cache works inside of render of a React component
 
-    Array.prototype.forEach.call(ssrStyles, function (node) {
+    Array.prototype.forEach.call(ssrStyles, function (node
+    /*: HTMLStyleElement */
+    ) {
       // we want to only move elements which have a space in the data-emotion attribute value
       // because that indicates that it is an Emotion 11 server-side rendered style elements
       // while we will already ignore Emotion 11 client-side inserted styles because of the :not([data-s]) part in the selector
@@ -6708,6 +6730,7 @@ var createCache = function createCache(options) {
       if (dataEmotionAttribute.indexOf(' ') === -1) {
         return;
       }
+
       document.head.appendChild(node);
       node.setAttribute('data-s', '');
     });
@@ -6717,14 +6740,18 @@ var createCache = function createCache(options) {
 
   var inserted = {};
   var container;
+  /* : Node */
+
   var nodesToHydrate = [];
 
   if (isBrowser) {
     container = options.container || document.head;
     Array.prototype.forEach.call( // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
-    document.querySelectorAll("style[data-emotion^=\"" + key + " \"]"), function (node) {
-      var attrib = node.getAttribute("data-emotion").split(' '); // $FlowFixMe
+    document.querySelectorAll("style[data-emotion^=\"" + key + " \"]"), function (node
+    /*: HTMLStyleElement */
+    ) {
+      var attrib = node.getAttribute("data-emotion").split(' ');
 
       for (var i = 1; i < attrib.length; i++) {
         inserted[attrib[i]] = true;
@@ -6735,6 +6762,13 @@ var createCache = function createCache(options) {
   }
 
   var _insert;
+  /*: (
+  selector: string,
+  serialized: SerializedStyles,
+  sheet: StyleSheet,
+  shouldCache: boolean
+  ) => string | void */
+
 
   var omnipresentPlugins = [compat, removeLabel];
 
@@ -6749,7 +6783,17 @@ var createCache = function createCache(options) {
       return serialize(compile(styles), serializer);
     };
 
-    _insert = function insert(selector, serialized, sheet, shouldCache) {
+    _insert = function
+      /*: void */
+    insert(selector
+    /*: string */
+    , serialized
+    /*: SerializedStyles */
+    , sheet
+    /*: StyleSheet */
+    , shouldCache
+    /*: boolean */
+    ) {
       currentSheet = sheet;
 
       stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
@@ -6765,12 +6809,17 @@ var createCache = function createCache(options) {
 
     var _stylis = function _stylis(styles) {
       return serialize(compile(styles), _serializer);
-    }; // $FlowFixMe
-
+    };
 
     var serverStylisCache = getServerStylisCache(stylisPlugins)(key);
 
-    var getRules = function getRules(selector, serialized) {
+    var getRules = function
+      /*: string */
+    getRules(selector
+    /*: string */
+    , serialized
+    /*: SerializedStyles */
+    ) {
       var name = serialized.name;
 
       if (serverStylisCache[name] === undefined) {
@@ -6780,7 +6829,17 @@ var createCache = function createCache(options) {
       return serverStylisCache[name];
     };
 
-    _insert = function _insert(selector, serialized, sheet, shouldCache) {
+    _insert = function
+      /*: string | void */
+    _insert(selector
+    /*: string */
+    , serialized
+    /*: SerializedStyles */
+    , sheet
+    /*: StyleSheet */
+    , shouldCache
+    /*: boolean */
+    ) {
       var name = serialized.name;
       var rules = getRules(selector, serialized);
 
@@ -6810,7 +6869,9 @@ var createCache = function createCache(options) {
     };
   }
 
-  var cache = {
+  var cache
+  /*: EmotionCache */
+  = {
     key: key,
     sheet: new StyleSheet({
       key: key,
@@ -6848,8 +6909,8 @@ var hasRequiredReactJsxRuntime_production_min;
 function requireReactJsxRuntime_production_min () {
 	if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
 	hasRequiredReactJsxRuntime_production_min = 1;
-var f=React__default,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};
-	function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return {$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}reactJsxRuntime_production_min.Fragment=l;reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
+var f=React__default,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:true,ref:true,__self:true,__source:true};
+	function q(c,a,g){var b,d={},e=null,h=null;undefined!==g&&(e=""+g);undefined!==a.key&&(e=""+a.key);undefined!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)undefined===d[b]&&(d[b]=a[b]);return {$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}reactJsxRuntime_production_min.Fragment=l;reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
 	return reactJsxRuntime_production_min;
 }
 
@@ -6900,7 +6961,7 @@ function GlobalStyles(props) {
 }
 
 /**
- * @mui/styled-engine v5.16.6
+ * @mui/styled-engine v5.16.14
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -6983,7 +7044,7 @@ function isPlainObject(item) {
   return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(Symbol.toStringTag in item) && !(Symbol.iterator in item);
 }
 function deepClone(source) {
-  if (!isPlainObject(source)) {
+  if ( /*#__PURE__*/React.isValidElement(source) || !isPlainObject(source)) {
     return source;
   }
   const output = {};
@@ -6998,7 +7059,9 @@ function deepmerge$1(target, source, options = {
   const output = options.clone ? _extends$3({}, target) : target;
   if (isPlainObject(target) && isPlainObject(source)) {
     Object.keys(source).forEach(key => {
-      if (isPlainObject(source[key]) &&
+      if ( /*#__PURE__*/React.isValidElement(source[key])) {
+        output[key] = source[key];
+      } else if (isPlainObject(source[key]) &&
       // Avoid prototype pollution
       Object.prototype.hasOwnProperty.call(target, key) && isPlainObject(target[key])) {
         // Since `output` is a clone of `target` and we have narrowed `target` in this block we can cast to the same type.
@@ -7157,7 +7220,7 @@ function handleBreakpoints(props, propValue, styleFromPropValue) {
 }
 function createEmptyBreakpointObject(breakpointsInput = {}) {
   var _breakpointsInput$key;
-  const breakpointsInOrder = (_breakpointsInput$key = breakpointsInput.keys) == null ? void 0 : _breakpointsInput$key.reduce((acc, key) => {
+  const breakpointsInOrder = (_breakpointsInput$key = breakpointsInput.keys) == null ? undefined : _breakpointsInput$key.reduce((acc, key) => {
     const breakpointStyleKey = breakpointsInput.up(key);
     acc[breakpointStyleKey] = {};
     return acc;
@@ -7582,13 +7645,13 @@ const maxWidth = props => {
   if (props.maxWidth !== undefined && props.maxWidth !== null) {
     const styleFromPropValue = propValue => {
       var _props$theme, _props$theme2;
-      const breakpoint = ((_props$theme = props.theme) == null || (_props$theme = _props$theme.breakpoints) == null || (_props$theme = _props$theme.values) == null ? void 0 : _props$theme[propValue]) || values[propValue];
+      const breakpoint = ((_props$theme = props.theme) == null || (_props$theme = _props$theme.breakpoints) == null || (_props$theme = _props$theme.values) == null ? undefined : _props$theme[propValue]) || values[propValue];
       if (!breakpoint) {
         return {
           maxWidth: sizingTransform(propValue)
         };
       }
-      if (((_props$theme2 = props.theme) == null || (_props$theme2 = _props$theme2.breakpoints) == null ? void 0 : _props$theme2.unit) !== 'px') {
+      if (((_props$theme2 = props.theme) == null || (_props$theme2 = _props$theme2.breakpoints) == null ? undefined : _props$theme2.unit) !== 'px') {
         return {
           maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`
         };
@@ -8140,7 +8203,7 @@ function createTheme$2(options = {}, ...args) {
   }, other);
   muiTheme.applyStyles = applyStyles;
   muiTheme = args.reduce((acc, argument) => deepmerge$1(acc, argument), muiTheme);
-  muiTheme.unstable_sxConfig = _extends$4({}, defaultSxConfig, other == null ? void 0 : other.unstable_sxConfig);
+  muiTheme.unstable_sxConfig = _extends$4({}, defaultSxConfig, other == null ? undefined : other.unstable_sxConfig);
   muiTheme.unstable_sx = function sx(props) {
     return styleFunctionSx$1({
       sx: props,
@@ -8177,7 +8240,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;
+  const config = (_props$theme$unstable = props == null || (_props$theme = props.theme) == null ? undefined : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig;
   Object.keys(props).forEach(prop => {
     if (config[prop]) {
       result.systemProps[prop] = props[prop];
@@ -8290,9 +8353,9 @@ function requireReactIs_production_min () {
 	hasRequiredReactIs_production_min = 1;
 var b=Symbol.for("react.element"),c=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),e=Symbol.for("react.strict_mode"),f=Symbol.for("react.profiler"),g=Symbol.for("react.provider"),h=Symbol.for("react.context"),k=Symbol.for("react.server_context"),l=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),n=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),q=Symbol.for("react.lazy"),t=Symbol.for("react.offscreen"),u;u=Symbol.for("react.module.reference");
 	function v(a){if("object"===typeof a&&null!==a){var r=a.$$typeof;switch(r){case b:switch(a=a.type,a){case d:case f:case e:case m:case n:return a;default:switch(a=a&&a.$$typeof,a){case k:case h:case l:case q:case p:case g:return a;default:return r}}case c:return r}}}reactIs_production_min.ContextConsumer=h;reactIs_production_min.ContextProvider=g;reactIs_production_min.Element=b;reactIs_production_min.ForwardRef=l;reactIs_production_min.Fragment=d;reactIs_production_min.Lazy=q;reactIs_production_min.Memo=p;reactIs_production_min.Portal=c;reactIs_production_min.Profiler=f;reactIs_production_min.StrictMode=e;reactIs_production_min.Suspense=m;
-	reactIs_production_min.SuspenseList=n;reactIs_production_min.isAsyncMode=function(){return !1};reactIs_production_min.isConcurrentMode=function(){return !1};reactIs_production_min.isContextConsumer=function(a){return v(a)===h};reactIs_production_min.isContextProvider=function(a){return v(a)===g};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===b};reactIs_production_min.isForwardRef=function(a){return v(a)===l};reactIs_production_min.isFragment=function(a){return v(a)===d};reactIs_production_min.isLazy=function(a){return v(a)===q};reactIs_production_min.isMemo=function(a){return v(a)===p};
+	reactIs_production_min.SuspenseList=n;reactIs_production_min.isAsyncMode=function(){return false};reactIs_production_min.isConcurrentMode=function(){return false};reactIs_production_min.isContextConsumer=function(a){return v(a)===h};reactIs_production_min.isContextProvider=function(a){return v(a)===g};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===b};reactIs_production_min.isForwardRef=function(a){return v(a)===l};reactIs_production_min.isFragment=function(a){return v(a)===d};reactIs_production_min.isLazy=function(a){return v(a)===q};reactIs_production_min.isMemo=function(a){return v(a)===p};
 	reactIs_production_min.isPortal=function(a){return v(a)===c};reactIs_production_min.isProfiler=function(a){return v(a)===f};reactIs_production_min.isStrictMode=function(a){return v(a)===e};reactIs_production_min.isSuspense=function(a){return v(a)===m};reactIs_production_min.isSuspenseList=function(a){return v(a)===n};
-	reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===d||a===f||a===e||a===m||a===n||a===t||"object"===typeof a&&null!==a&&(a.$$typeof===q||a.$$typeof===p||a.$$typeof===g||a.$$typeof===h||a.$$typeof===l||a.$$typeof===u||void 0!==a.getModuleId)?!0:!1};reactIs_production_min.typeOf=v;
+	reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===d||a===f||a===e||a===m||a===n||a===t||"object"===typeof a&&null!==a&&(a.$$typeof===q||a.$$typeof===p||a.$$typeof===g||a.$$typeof===h||a.$$typeof===l||a.$$typeof===u||undefined!==a.getModuleId)?true:false};reactIs_production_min.typeOf=v;
 	return reactIs_production_min;
 }
 
@@ -8476,7 +8539,7 @@ function isMuiElement(element, muiNames) {
   return /*#__PURE__*/React.isValidElement(element) && muiNames.indexOf( // For server components `muiName` is avaialble in element.type._payload.value.muiName
   // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
   // eslint-disable-next-line no-underscore-dangle
-  (_muiName = element.type.muiName) != null ? _muiName : (_element$type = element.type) == null || (_element$type = _element$type._payload) == null || (_element$type = _element$type.value) == null ? void 0 : _element$type.muiName) !== -1;
+  (_muiName = element.type.muiName) != null ? _muiName : (_element$type = element.type) == null || (_element$type = _element$type._payload) == null || (_element$type = _element$type.value) == null ? undefined : _element$type.muiName) !== -1;
 }
 
 function ownerDocument(node) {
@@ -8956,7 +9019,7 @@ function ThemeProvider$1(props) {
       children: /*#__PURE__*/jsxRuntimeExports.jsx(RtlProvider, {
         value: rtlValue,
         children: /*#__PURE__*/jsxRuntimeExports.jsx(DefaultPropsProvider, {
-          value: engineTheme == null ? void 0 : engineTheme.components,
+          value: engineTheme == null ? undefined : engineTheme.components,
           children: children
         })
       })
@@ -9092,7 +9155,7 @@ function requireColorManipulator () {
 	});
 	colorManipulator.alpha = alpha;
 	colorManipulator.blend = blend;
-	colorManipulator.colorChannel = void 0;
+	colorManipulator.colorChannel = undefined;
 	colorManipulator.darken = darken;
 	colorManipulator.decomposeColor = decomposeColor;
 	colorManipulator.emphasize = emphasize;
@@ -9102,7 +9165,7 @@ function requireColorManipulator () {
 	colorManipulator.hslToRgb = hslToRgb;
 	colorManipulator.lighten = lighten;
 	colorManipulator.private_safeAlpha = private_safeAlpha;
-	colorManipulator.private_safeColorChannel = void 0;
+	colorManipulator.private_safeColorChannel = undefined;
 	colorManipulator.private_safeDarken = private_safeDarken;
 	colorManipulator.private_safeEmphasize = private_safeEmphasize;
 	colorManipulator.private_safeLighten = private_safeLighten;
@@ -9201,9 +9264,6 @@ function requireColorManipulator () {
 	  try {
 	    return colorChannel(color);
 	  } catch (error) {
-	    if (warning && "production" !== 'production') {
-	      console.warn(warning);
-	    }
 	    return color;
 	  }
 	};
@@ -9341,9 +9401,6 @@ function requireColorManipulator () {
 	  try {
 	    return alpha(color, value);
 	  } catch (error) {
-	    if (warning && "production" !== 'production') {
-	      console.warn(warning);
-	    }
 	    return color;
 	  }
 	}
@@ -9370,9 +9427,6 @@ function requireColorManipulator () {
 	  try {
 	    return darken(color, coefficient);
 	  } catch (error) {
-	    if (warning && "production" !== 'production') {
-	      console.warn(warning);
-	    }
 	    return color;
 	  }
 	}
@@ -9403,9 +9457,6 @@ function requireColorManipulator () {
 	  try {
 	    return lighten(color, coefficient);
 	  } catch (error) {
-	    if (warning && "production" !== 'production') {
-	      console.warn(warning);
-	    }
 	    return color;
 	  }
 	}
@@ -9424,9 +9475,6 @@ function requireColorManipulator () {
 	  try {
 	    return emphasize(color, coefficient);
 	  } catch (error) {
-	    if (warning && "production" !== 'production') {
-	      console.warn(warning);
-	    }
 	    return color;
 	  }
 	}
@@ -10037,7 +10085,7 @@ function createTheme(options = {}, ...args) {
   });
   muiTheme = deepmerge$1(muiTheme, other);
   muiTheme = args.reduce((acc, argument) => deepmerge$1(acc, argument), muiTheme);
-  muiTheme.unstable_sxConfig = _extends$5({}, defaultSxConfig, other == null ? void 0 : other.unstable_sxConfig);
+  muiTheme.unstable_sxConfig = _extends$5({}, defaultSxConfig, other == null ? undefined : other.unstable_sxConfig);
   muiTheme.unstable_sx = function sx(props) {
     return styleFunctionSx$1({
       sx: props,
@@ -10132,7 +10180,7 @@ function requireCreateStyled () {
 	});
 	createStyled$1.default = createStyled;
 	createStyled$1.shouldForwardProp = shouldForwardProp;
-	createStyled$1.systemDefaultTheme = void 0;
+	createStyled$1.systemDefaultTheme = undefined;
 	var _extends2 = _interopRequireDefault(require_extends());
 	var _objectWithoutPropertiesLoose2 = _interopRequireDefault(requireObjectWithoutPropertiesLoose());
 	var _styledEngine = _interopRequireWildcard(require$$3);
@@ -10211,7 +10259,7 @@ function requireCreateStyled () {
 	        }, props, ownerState));
 	      } else {
 	        Object.keys(variant.props).forEach(key => {
-	          if ((ownerState == null ? void 0 : ownerState[key]) !== variant.props[key] && props[key] !== variant.props[key]) {
+	          if ((ownerState == null ? undefined : ownerState[key]) !== variant.props[key] && props[key] !== variant.props[key]) {
 	            isMatch = false;
 	          }
 	        });
@@ -10328,7 +10376,7 @@ function requireCreateStyled () {
 	            defaultTheme,
 	            themeId
 	          }));
-	          const themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[componentName]) == null ? void 0 : _theme$components.variants;
+	          const themeVariants = theme == null || (_theme$components = theme.components) == null || (_theme$components = _theme$components[componentName]) == null ? undefined : _theme$components.variants;
 	          return processStyleArg({
 	            variants: themeVariants
 	          }, (0, _extends2.default)({}, props, {
@@ -10426,7 +10474,7 @@ function _inheritsLoose(subClass, superClass) {
 }
 
 function _assertThisInitialized(self) {
-  if (self === void 0) {
+  if (self === undefined) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   }
 
@@ -10772,7 +10820,7 @@ function create$3(definition) {
   return cache[key];
 }
 
-const NEBULA_VERSION_HASH = "c2a3";
+const NEBULA_VERSION_HASH = "3166";
 ClassNameGenerator.configure(componentName => {
   return "njs-".concat(NEBULA_VERSION_HASH, "-").concat(componentName.replace('Mui', ''));
 });
@@ -11004,7 +11052,7 @@ function boot(_ref2) {
   const appRef = React__default.createRef();
   const element = document.createElement('div');
   element.style.display = 'none';
-  element.setAttribute('data-nebulajs-version', "5.8.1");
+  element.setAttribute('data-nebulajs-version', "5.9.0");
   element.setAttribute('data-app-id', app.id);
   document.body.appendChild(element);
   if (context) {
@@ -11817,7 +11865,7 @@ const rowColClasses = {
 
 /* eslint-disable no-underscore-dangle */
 const dataItemSelector = ".".concat(rowColClasses.fieldRoot);
-const getKeyAsToggleSelected = event => !(event !== null && event !== void 0 && event.metaKey || event !== null && event !== void 0 && event.ctrlKey);
+const getKeyAsToggleSelected = event => !(event !== null && event !== undefined && event.metaKey || event !== null && event !== undefined && event.ctrlKey);
 function useSelectionsInteractions(_ref) {
   var _loaderRef$current2;
   let {
@@ -11838,7 +11886,7 @@ function useSelectionsInteractions(_ref) {
   });
   useEffect$1(() => {
     var _loaderRef$current;
-    if (!((_loaderRef$current = loaderRef.current) !== null && _loaderRef$current !== void 0 && (_loaderRef$current = _loaderRef$current._listRef) !== null && _loaderRef$current !== void 0 && _loaderRef$current._outerRef)) {
+    if (!((_loaderRef$current = loaderRef.current) !== null && _loaderRef$current !== undefined && (_loaderRef$current = _loaderRef$current._listRef) !== null && _loaderRef$current !== undefined && _loaderRef$current._outerRef)) {
       return undefined;
     }
     const preventGestureStart = e => e.preventDefault();
@@ -11853,12 +11901,12 @@ function useSelectionsInteractions(_ref) {
       listRef.removeEventListener('gesturechange', preventGestureChange);
       listRef.removeEventListener('gestureend', preventGestureEnd);
     };
-  }, [(_loaderRef$current2 = loaderRef.current) === null || _loaderRef$current2 === void 0 || (_loaderRef$current2 = _loaderRef$current2._listRef) === null || _loaderRef$current2 === void 0 ? void 0 : _loaderRef$current2._outerRef]);
+  }, [(_loaderRef$current2 = loaderRef.current) === null || _loaderRef$current2 === undefined || (_loaderRef$current2 = _loaderRef$current2._listRef) === null || _loaderRef$current2 === undefined ? undefined : _loaderRef$current2._outerRef]);
 
   // eslint-disable-next-line arrow-body-style
   const doSelect = async () => {
     var _selectionState$selec;
-    if ((_selectionState$selec = selectionState.selectDisabled) !== null && _selectionState$selec !== void 0 && _selectionState$selec.call(selectionState)) {
+    if ((_selectionState$selec = selectionState.selectDisabled) !== null && _selectionState$selec !== undefined && _selectionState$selec.call(selectionState)) {
       return false;
     }
     selectionState.setSelectableValuesUpdating();
@@ -11888,10 +11936,10 @@ function useSelectionsInteractions(_ref) {
     let elementIds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let additive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     let event = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
-    if ((_selectionState$selec2 = selectionState.selectDisabled) !== null && _selectionState$selec2 !== void 0 && _selectionState$selec2.call(selectionState)) {
+    if ((_selectionState$selec2 = selectionState.selectDisabled) !== null && _selectionState$selec2 !== undefined && _selectionState$selec2.call(selectionState)) {
       return false;
     }
-    const toggle = !selectionState.isSingleSelect && getKeyAsToggleSelected(event === null || event === void 0 ? void 0 : event.nativeEvent);
+    const toggle = !selectionState.isSingleSelect && getKeyAsToggleSelected(event === null || event === undefined ? undefined : event.nativeEvent);
     if (!toggle) {
       selectionState.clearItemStates(true);
     }
@@ -11990,8 +12038,8 @@ function useSelectionsInteractions(_ref) {
       doSelect();
       return;
     }
-    const startTouchElemNumber = Number((_event$touches$0$targ = event.touches[0].target) === null || _event$touches$0$targ === void 0 || (_event$touches$0$targ = _event$touches$0$targ.closest(dataItemSelector)) === null || _event$touches$0$targ === void 0 ? void 0 : _event$touches$0$targ.getAttribute('data-n'));
-    const endTouchElemNumber = Number((_event$touches$1$targ = event.touches[1].target) === null || _event$touches$1$targ === void 0 || (_event$touches$1$targ = _event$touches$1$targ.closest(dataItemSelector)) === null || _event$touches$1$targ === void 0 ? void 0 : _event$touches$1$targ.getAttribute('data-n'));
+    const startTouchElemNumber = Number((_event$touches$0$targ = event.touches[0].target) === null || _event$touches$0$targ === undefined || (_event$touches$0$targ = _event$touches$0$targ.closest(dataItemSelector)) === null || _event$touches$0$targ === undefined ? undefined : _event$touches$0$targ.getAttribute('data-n'));
+    const endTouchElemNumber = Number((_event$touches$1$targ = event.touches[1].target) === null || _event$touches$1$targ === undefined || (_event$touches$1$targ = _event$touches$1$targ.closest(dataItemSelector)) === null || _event$touches$1$targ === undefined ? undefined : _event$touches$1$targ.getAttribute('data-n'));
     if (Number.isNaN(startTouchElemNumber) || Number.isNaN(startTouchElemNumber)) {
       doSelect();
       return;
@@ -12325,9 +12373,6 @@ const RowColRoot = styled('div', {
     styles
   } = _ref4;
   const _styles$content = styles.content,
-    {
-      backgroundColor: _
-    } = _styles$content,
     contentFontStyles = _objectWithoutProperties(_styles$content, _excluded$6);
   const rowSelectionStyle = getRowSelectionStyle({
     theme,
@@ -12873,6 +12918,7 @@ function Histogram(_ref) {
   }
   const width = getBarWidth({
     qFrequency,
+    checkboxes,
     frequencyMax
   });
   return /*#__PURE__*/React__default.createElement(Box, {
@@ -12890,7 +12936,7 @@ function Frequency(_ref) {
     dense,
     showGray
   } = _ref;
-  const frequencyText = getFrequencyText(cell === null || cell === void 0 ? void 0 : cell.qFrequency);
+  const frequencyText = getFrequencyText(cell === null || cell === undefined ? undefined : cell.qFrequency);
   return /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     style: {
@@ -13017,17 +13063,17 @@ const KEYS = Object.freeze({
 });
 
 function removeInnnerTabStops(container) {
-  container === null || container === void 0 || container.querySelectorAll('[tabIndex="0"]').forEach(elm => {
+  container === null || container === undefined || container.querySelectorAll('[tabIndex="0"]').forEach(elm => {
     elm.setAttribute('tabIndex', -1);
   });
 }
 function removeLastFocused(container) {
-  container === null || container === void 0 || container.querySelectorAll('.last-focused').forEach(elm => {
+  container === null || container === undefined || container.querySelectorAll('.last-focused').forEach(elm => {
     elm.classList.remove('last-focused');
   });
 }
 function getVizCell(container) {
-  return (container === null || container === void 0 ? void 0 : container.closest('.njs-cell')) || (container === null || container === void 0 ? void 0 : container.closest('.qv-gridcell')) || (container === null || container === void 0 ? void 0 : container.closest('.qv-gs-listbox'));
+  return (container === null || container === undefined ? undefined : container.closest('.njs-cell')) || (container === null || container === undefined ? undefined : container.closest('.qv-gridcell')) || (container === null || container === undefined ? undefined : container.closest('.qv-gs-listbox'));
 }
 
 // Emulate the keyboard hook, until we support it in the Listbox.
@@ -13050,7 +13096,7 @@ function useTempKeyboard(_ref) {
         return;
       }
       setKeyboardActive(false);
-      const vizCell = getVizCell(containerRef.current) || ((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.parentElement);
+      const vizCell = getVizCell(containerRef.current) || ((_containerRef$current = containerRef.current) === null || _containerRef$current === undefined ? undefined : _containerRef$current.parentElement);
       removeInnnerTabStops(containerRef.current);
       removeLastFocused(containerRef.current);
       if (resetFocus && vizCell) {
@@ -13066,22 +13112,22 @@ function useTempKeyboard(_ref) {
       }
       setKeyboardActive(true);
       const c = containerRef.current;
-      const searchField = c === null || c === void 0 ? void 0 : c.querySelector('.search input');
-      const lastSelectedRow = c === null || c === void 0 ? void 0 : c.querySelector('.value.last-focused');
-      const firstRowElement = c === null || c === void 0 ? void 0 : c.querySelector('.value.selector, .value');
-      const confirmButton = c === null || c === void 0 ? void 0 : c.querySelector('.actions-toolbar-default-actions .actions-toolbar-confirm');
-      const unlockCoverButton = c === null || c === void 0 ? void 0 : c.querySelector('#listbox-unlock-button');
-      const cyclicButton = c === null || c === void 0 ? void 0 : c.querySelector('.listbox-cyclic-button');
+      const searchField = c === null || c === undefined ? undefined : c.querySelector('.search input');
+      const lastSelectedRow = c === null || c === undefined ? undefined : c.querySelector('.value.last-focused');
+      const firstRowElement = c === null || c === undefined ? undefined : c.querySelector('.value.selector, .value');
+      const confirmButton = c === null || c === undefined ? undefined : c.querySelector('.actions-toolbar-default-actions .actions-toolbar-confirm');
+      const unlockCoverButton = c === null || c === undefined ? undefined : c.querySelector('#listbox-unlock-button');
+      const cyclicButton = c === null || c === undefined ? undefined : c.querySelector('.listbox-cyclic-button');
       const elementToFocus = cyclicButton || searchField || lastSelectedRow || firstRowElement || unlockCoverButton || confirmButton;
-      elementToFocus === null || elementToFocus === void 0 || elementToFocus.setAttribute('tabIndex', 0);
-      elementToFocus === null || elementToFocus === void 0 || elementToFocus.focus();
+      elementToFocus === null || elementToFocus === undefined || elementToFocus.setAttribute('tabIndex', 0);
+      elementToFocus === null || elementToFocus === undefined || elementToFocus.focus();
     },
     focusSelection() {
       const unlockCoverButton = document.querySelector('#listbox-unlock-button');
       const confirmButton = document.querySelector('.actions-toolbar-default-actions .actions-toolbar-confirm:not(:disabled)');
       const btnToFocus = unlockCoverButton || confirmButton;
-      btnToFocus === null || btnToFocus === void 0 || btnToFocus.setAttribute('tabIndex', 0);
-      btnToFocus === null || btnToFocus === void 0 || btnToFocus.focus();
+      btnToFocus === null || btnToFocus === undefined || btnToFocus.setAttribute('tabIndex', 0);
+      btnToFocus === null || btnToFocus === undefined || btnToFocus.focus();
       return btnToFocus;
     }
   };
@@ -13090,24 +13136,24 @@ function useTempKeyboard(_ref) {
 
 const getElementIndex = currentTarget => +currentTarget.getAttribute('data-n');
 const focusSearch = container => {
-  const searchField = container === null || container === void 0 ? void 0 : container.querySelector('.search input');
-  searchField === null || searchField === void 0 || searchField.focus();
+  const searchField = container === null || container === undefined ? undefined : container.querySelector('.search input');
+  searchField === null || searchField === undefined || searchField.focus();
   return searchField;
 };
 const focusRow = container => {
-  const lastFocusedRow = container === null || container === void 0 ? void 0 : container.querySelector('.value.last-focused');
-  const selectorRow = container === null || container === void 0 ? void 0 : container.querySelector('.value.selector');
-  const row = container === null || container === void 0 ? void 0 : container.querySelector('.value');
+  const lastFocusedRow = container === null || container === undefined ? undefined : container.querySelector('.value.last-focused');
+  const selectorRow = container === null || container === undefined ? undefined : container.querySelector('.value.selector');
+  const row = container === null || container === undefined ? undefined : container.querySelector('.value');
   const rowToFocus = lastFocusedRow || selectorRow || row;
-  rowToFocus === null || rowToFocus === void 0 || rowToFocus.setAttribute('tabIndex', 0);
-  rowToFocus === null || rowToFocus === void 0 || rowToFocus.focus();
+  rowToFocus === null || rowToFocus === undefined || rowToFocus.setAttribute('tabIndex', 0);
+  rowToFocus === null || rowToFocus === undefined || rowToFocus.focus();
   removeLastFocused(container);
   return rowToFocus;
 };
 const focusCyclicButton = container => {
-  const button = container === null || container === void 0 ? void 0 : container.querySelector('.listbox-cyclic-button:not(:disabled)');
-  button === null || button === void 0 || button.setAttribute('tabIndex', 0);
-  button === null || button === void 0 || button.focus();
+  const button = container === null || container === undefined ? undefined : container.querySelector('.listbox-cyclic-button:not(:disabled)');
+  button === null || button === undefined || button.setAttribute('tabIndex', 0);
+  button === null || button === undefined || button.focus();
   return button;
 };
 const blur$1 = (event, keyboard) => {
@@ -13119,7 +13165,7 @@ const blur$1 = (event, keyboard) => {
   const isFocusedOnListbox = target.classList.contains('listbox-container');
   const container = currentTarget.closest('.listbox-container');
   const vizCell = getVizCell(container);
-  const isSingleListbox = (vizCell === null || vizCell === void 0 ? void 0 : vizCell.querySelectorAll('.listbox-container').length) === 1;
+  const isSingleListbox = (vizCell === null || vizCell === undefined ? undefined : vizCell.querySelectorAll('.listbox-container').length) === 1;
   if (isFocusedOnListbox || isSingleListbox) {
     // Move the focus from listbox container to the viz container.
     keyboard.blur(true);
@@ -13136,7 +13182,7 @@ const blur$1 = (event, keyboard) => {
     keyboard.blur();
     const c = currentTarget.closest('.listbox-container');
     c.setAttribute('tabIndex', -1);
-    c === null || c === void 0 || c.focus();
+    c === null || c === undefined || c.focus();
   }
 };
 
@@ -13209,11 +13255,11 @@ function getRowsKeyboardNavigation(_ref) {
   const getElement = function (keyCode, elm) {
     let next = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     if (keyCode === KEYS.ARROW_LEFT || keyCode === KEYS.ARROW_RIGHT || !(typeof rowIndex === 'number' && typeof columnIndex === 'number')) {
-      const parentElm = elm === null || elm === void 0 ? void 0 : elm.parentElement[next ? 'nextElementSibling' : 'previousElementSibling'];
-      return parentElm === null || parentElm === void 0 ? void 0 : parentElm.querySelector('[role]');
+      const parentElm = elm === null || elm === undefined ? undefined : elm.parentElement[next ? 'nextElementSibling' : 'previousElementSibling'];
+      return parentElm === null || parentElm === undefined ? undefined : parentElm.querySelector('[role]');
     }
-    const gridElm = elm === null || elm === void 0 ? void 0 : elm.parentElement.parentElement;
-    const numCells = gridElm === null || gridElm === void 0 ? void 0 : gridElm.childElementCount;
+    const gridElm = elm === null || elm === undefined ? undefined : elm.parentElement.parentElement;
+    const numCells = gridElm === null || gridElm === undefined ? undefined : gridElm.childElementCount;
     if (numCells) {
       const nextIndex = findNextItemIndex({
         rowIndex,
@@ -13224,8 +13270,8 @@ function getRowsKeyboardNavigation(_ref) {
         keyCode,
         numCells
       });
-      const nextElm = elm === null || elm === void 0 ? void 0 : elm.parentElement.parentElement.children[nextIndex];
-      return nextElm === null || nextElm === void 0 ? void 0 : nextElm.querySelector('[role]');
+      const nextElm = elm === null || elm === undefined ? undefined : elm.parentElement.parentElement.children[nextIndex];
+      return nextElm === null || nextElm === undefined ? undefined : nextElm.querySelector('[role]');
     }
     return undefined;
   };
@@ -13254,7 +13300,7 @@ function getRowsKeyboardNavigation(_ref) {
           // TODO: use a store to keep track of this row.
           currentTarget.classList.add('last-focused'); // so that we can go back here when we tab back
 
-          const useDefaultBrowserSupport = !(keyboard !== null && keyboard !== void 0 && keyboard.enabled);
+          const useDefaultBrowserSupport = !(keyboard !== null && keyboard !== undefined && keyboard.enabled);
           if (useDefaultBrowserSupport) {
             if (!inSelection) return;
             keyboard.focusSelection();
@@ -13329,18 +13375,18 @@ function getRowsKeyboardNavigation(_ref) {
       case KEYS.HOME:
         focusListItems.setFirst(true);
         if (ctrlKey) {
-          setScrollPosition === null || setScrollPosition === void 0 || setScrollPosition('overflowStart');
+          setScrollPosition === null || setScrollPosition === undefined || setScrollPosition('overflowStart');
           break;
         }
-        setScrollPosition === null || setScrollPosition === void 0 || setScrollPosition('start');
+        setScrollPosition === null || setScrollPosition === undefined || setScrollPosition('start');
         break;
       case KEYS.END:
         focusListItems.setLast(true);
         if (ctrlKey) {
-          setScrollPosition === null || setScrollPosition === void 0 || setScrollPosition('overflowEnd');
+          setScrollPosition === null || setScrollPosition === undefined || setScrollPosition('overflowEnd');
           break;
         }
-        setScrollPosition === null || setScrollPosition === void 0 || setScrollPosition('end');
+        setScrollPosition === null || setScrollPosition === undefined || setScrollPosition('end');
         break;
       case KEYS.A:
         if (ctrlKey || metaKey) {
@@ -13373,7 +13419,7 @@ function getValueTextAlign(_ref) {
     cell,
     textAlign
   } = _ref;
-  const isNumeric = !['NaN', undefined].includes(cell === null || cell === void 0 ? void 0 : cell.qNum);
+  const isNumeric = !['NaN', undefined].includes(cell === null || cell === undefined ? undefined : cell.qNum);
   let valueTextAlign;
   const isAutoTextAlign = !textAlign || textAlign.auto;
   const dirToTextAlignMap = {
@@ -13387,7 +13433,7 @@ function getValueTextAlign(_ref) {
       valueTextAlign = direction === 'rtl' ? 'left' : 'right';
     }
   } else {
-    valueTextAlign = (textAlign === null || textAlign === void 0 ? void 0 : textAlign.align) || 'left';
+    valueTextAlign = (textAlign === null || textAlign === undefined ? undefined : textAlign.align) || 'left';
   }
   const ALLOWED_OPTIONS = ['left', 'center', 'right'];
   return ALLOWED_OPTIONS.includes(valueTextAlign) ? valueTextAlign : 'left';
@@ -13533,18 +13579,18 @@ function RowColumn(_ref) {
     rowIndex,
     columnIndex,
     layoutOrder
-  })), [actions, keyboard === null || keyboard === void 0 ? void 0 : keyboard.innerTabStops, rowCount, columnCount, rowIndex, columnIndex, layoutOrder]);
+  })), [actions, keyboard === null || keyboard === undefined ? undefined : keyboard.innerTabStops, rowCount, columnCount, rowIndex, columnIndex, layoutOrder]);
   const cell = useMemo$1(() => getCellFromPages({
     pages,
     cellIndex
   }), [pages, cellIndex]);
-  const isSelected = (cell === null || cell === void 0 ? void 0 : cell.qState) === 'S' || (cell === null || cell === void 0 ? void 0 : cell.qState) === 'XS' || (cell === null || cell === void 0 ? void 0 : cell.qState) === 'L' || (cell === null || cell === void 0 ? void 0 : cell.qState) === 'XL';
+  const isSelected = (cell === null || cell === undefined ? undefined : cell.qState) === 'S' || (cell === null || cell === undefined ? undefined : cell.qState) === 'XS' || (cell === null || cell === undefined ? undefined : cell.qState) === 'L' || (cell === null || cell === undefined ? undefined : cell.qState) === 'XL';
   const classArr = useMemo$1(() => getValueStateClasses({
     column,
     histogram,
     cell,
     showGray
-  }), [cell === null || cell === void 0 ? void 0 : cell.qState, histogram, dense]);
+  }), [cell === null || cell === undefined ? undefined : cell.qState, histogram, dense]);
   const preventContextMenu = useCallback(event => {
     event.preventDefault();
   }, [checkboxes]);
@@ -13557,11 +13603,11 @@ function RowColumn(_ref) {
     return null; // prevent rendering empty rows
   }
   const isGridCol = dataLayout === 'grid' && layoutOrder === 'column';
-  const label = (_cell$qText = cell === null || cell === void 0 ? void 0 : cell.qText) !== null && _cell$qText !== void 0 ? _cell$qText : '';
+  const label = (_cell$qText = cell === null || cell === undefined ? undefined : cell.qText) !== null && _cell$qText !== undefined ? _cell$qText : '';
   // Search highlights. Split up labelText span into several and add the highlighted class to matching sub-strings.
 
   let labels;
-  if ((_cell$qHighlightRange = cell.qHighlightRanges) !== null && _cell$qHighlightRange !== void 0 && (_cell$qHighlightRange = _cell$qHighlightRange.qRanges) !== null && _cell$qHighlightRange !== void 0 && _cell$qHighlightRange.length) {
+  if ((_cell$qHighlightRange = cell.qHighlightRanges) !== null && _cell$qHighlightRange !== undefined && (_cell$qHighlightRange = _cell$qHighlightRange.qRanges) !== null && _cell$qHighlightRange !== undefined && _cell$qHighlightRange.length) {
     const ranges = cell.qHighlightRanges.qRanges.sort((a, b) => a.qCharPos - b.qCharPos) || [];
     labels = getSegmentsFromRanges(label, ranges);
   }
@@ -13634,11 +13680,11 @@ function RowColumn(_ref) {
     onTouchEnd: onTouchEnd,
     onContextMenu: preventContextMenu,
     tabIndex: isFirstElement && keyboard.innerTabStops ? 0 : -1,
-    "data-n": cell === null || cell === void 0 ? void 0 : cell.qElemNumber,
+    "data-n": cell === null || cell === undefined ? undefined : cell.qElemNumber,
     direction: direction,
     fillHeight: fillHeight
-  }, (cell === null || cell === void 0 ? void 0 : cell.qFrequency) && /*#__PURE__*/React__default.createElement(Histogram, {
-    qFrequency: cell === null || cell === void 0 ? void 0 : cell.qFrequency,
+  }, (cell === null || cell === undefined ? undefined : cell.qFrequency) && /*#__PURE__*/React__default.createElement(Histogram, {
+    qFrequency: cell === null || cell === undefined ? undefined : cell.qFrequency,
     histogram: histogram,
     checkboxes: checkboxes,
     isSelected: isSelected,
@@ -13758,7 +13804,7 @@ function areInputsEqual(newInputs, lastInputs) {
 }
 
 function memoizeOne(resultFn, isEqual) {
-    if (isEqual === void 0) { isEqual = areInputsEqual; }
+    if (isEqual === undefined) { isEqual = areInputsEqual; }
     var lastThis;
     var lastArgs = [];
     var lastResult;
@@ -13811,7 +13857,7 @@ function requestTimeout(callback, delay) {
 var size = -1; // This utility copied from "dom-helpers" package.
 
 function getScrollbarSize(recalculate) {
-  if (recalculate === void 0) {
+  if (recalculate === undefined) {
     recalculate = false;
   }
 
@@ -13836,7 +13882,7 @@ var cachedRTLResult = null; // TRICKY According to the spec, scrollLeft should b
 // If it does not match, then we can assume a non-standard RTL scroll implementation.
 
 function getRTLOffsetType(recalculate) {
-  if (recalculate === void 0) {
+  if (recalculate === undefined) {
     recalculate = false;
   }
 
@@ -13912,7 +13958,7 @@ function createGridComponent(_ref2) {
       _this = _PureComponent.call(this, props) || this;
       _this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized(_this));
       _this._resetIsScrollingTimeoutId = null;
-      _this._outerRef = void 0;
+      _this._outerRef = undefined;
       _this.state = {
         instance: _assertThisInitialized(_this),
         isScrolling: false,
@@ -13922,7 +13968,7 @@ function createGridComponent(_ref2) {
         scrollUpdateWasRequested: false,
         verticalScrollDirection: 'forward'
       };
-      _this._callOnItemsRendered = void 0;
+      _this._callOnItemsRendered = undefined;
       _this._callOnItemsRendered = memoizeOne(function (overscanColumnStartIndex, overscanColumnStopIndex, overscanRowStartIndex, overscanRowStopIndex, visibleColumnStartIndex, visibleColumnStopIndex, visibleRowStartIndex, visibleRowStopIndex) {
         return _this.props.onItemsRendered({
           overscanColumnStartIndex: overscanColumnStartIndex,
@@ -13935,7 +13981,7 @@ function createGridComponent(_ref2) {
           visibleRowStopIndex: visibleRowStopIndex
         });
       });
-      _this._callOnScroll = void 0;
+      _this._callOnScroll = undefined;
       _this._callOnScroll = memoizeOne(function (scrollLeft, scrollTop, horizontalScrollDirection, verticalScrollDirection, scrollUpdateWasRequested) {
         return _this.props.onScroll({
           horizontalScrollDirection: horizontalScrollDirection,
@@ -13945,7 +13991,7 @@ function createGridComponent(_ref2) {
           scrollUpdateWasRequested: scrollUpdateWasRequested
         });
       });
-      _this._getItemStyle = void 0;
+      _this._getItemStyle = undefined;
 
       _this._getItemStyle = function (rowIndex, columnIndex) {
         var _this$props = _this.props,
@@ -13977,7 +14023,7 @@ function createGridComponent(_ref2) {
         return style;
       };
 
-      _this._getItemStyleCache = void 0;
+      _this._getItemStyleCache = undefined;
       _this._getItemStyleCache = memoizeOne(function (_, __, ___) {
         return {};
       });
@@ -14111,7 +14157,7 @@ function createGridComponent(_ref2) {
 
     _proto.scrollToItem = function scrollToItem(_ref4) {
       var _ref4$align = _ref4.align,
-          align = _ref4$align === void 0 ? 'auto' : _ref4$align,
+          align = _ref4$align === undefined ? 'auto' : _ref4$align,
           columnIndex = _ref4.columnIndex,
           rowIndex = _ref4.rowIndex;
       var _this$props2 = this.props,
@@ -14222,7 +14268,7 @@ function createGridComponent(_ref2) {
           innerTagName = _this$props4.innerTagName,
           itemData = _this$props4.itemData,
           _this$props4$itemKey = _this$props4.itemKey,
-          itemKey = _this$props4$itemKey === void 0 ? defaultItemKey : _this$props4$itemKey,
+          itemKey = _this$props4$itemKey === undefined ? defaultItemKey : _this$props4$itemKey,
           outerElementType = _this$props4.outerElementType,
           outerTagName = _this$props4.outerTagName,
           rowCount = _this$props4.rowCount,
@@ -14431,7 +14477,7 @@ function createListComponent(_ref) {
 
       _this = _PureComponent.call(this, props) || this;
       _this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized(_this));
-      _this._outerRef = void 0;
+      _this._outerRef = undefined;
       _this._resetIsScrollingTimeoutId = null;
       _this.state = {
         instance: _assertThisInitialized(_this),
@@ -14440,7 +14486,7 @@ function createListComponent(_ref) {
         scrollOffset: typeof _this.props.initialScrollOffset === 'number' ? _this.props.initialScrollOffset : 0,
         scrollUpdateWasRequested: false
       };
-      _this._callOnItemsRendered = void 0;
+      _this._callOnItemsRendered = undefined;
       _this._callOnItemsRendered = memoizeOne(function (overscanStartIndex, overscanStopIndex, visibleStartIndex, visibleStopIndex) {
         return _this.props.onItemsRendered({
           overscanStartIndex: overscanStartIndex,
@@ -14449,7 +14495,7 @@ function createListComponent(_ref) {
           visibleStopIndex: visibleStopIndex
         });
       });
-      _this._callOnScroll = void 0;
+      _this._callOnScroll = undefined;
       _this._callOnScroll = memoizeOne(function (scrollDirection, scrollOffset, scrollUpdateWasRequested) {
         return _this.props.onScroll({
           scrollDirection: scrollDirection,
@@ -14457,7 +14503,7 @@ function createListComponent(_ref) {
           scrollUpdateWasRequested: scrollUpdateWasRequested
         });
       });
-      _this._getItemStyle = void 0;
+      _this._getItemStyle = undefined;
 
       _this._getItemStyle = function (index) {
         var _this$props = _this.props,
@@ -14492,7 +14538,7 @@ function createListComponent(_ref) {
         return style;
       };
 
-      _this._getItemStyleCache = void 0;
+      _this._getItemStyleCache = undefined;
       _this._getItemStyleCache = memoizeOne(function (_, __, ___) {
         return {};
       });
@@ -14624,7 +14670,7 @@ function createListComponent(_ref) {
     };
 
     _proto.scrollToItem = function scrollToItem(index, align) {
-      if (align === void 0) {
+      if (align === undefined) {
         align = 'auto';
       }
 
@@ -14730,7 +14776,7 @@ function createListComponent(_ref) {
           itemCount = _this$props5.itemCount,
           itemData = _this$props5.itemData,
           _this$props5$itemKey = _this$props5.itemKey,
-          itemKey = _this$props5$itemKey === void 0 ? defaultItemKey$1 : _this$props5$itemKey,
+          itemKey = _this$props5$itemKey === undefined ? defaultItemKey$1 : _this$props5$itemKey,
           layout = _this$props5.layout,
           outerElementType = _this$props5.outerElementType,
           outerTagName = _this$props5.outerTagName,
@@ -15182,13 +15228,13 @@ function getStyledComponents() {
 }
 
 const getIndex = (renderProps, isColumnLayout) => {
-  if ((renderProps === null || renderProps === void 0 ? void 0 : renderProps.visibleRowStopIndex) !== undefined || renderProps.visibleColumnStopIndex !== undefined) {
+  if ((renderProps === null || renderProps === undefined ? undefined : renderProps.visibleRowStopIndex) !== undefined || renderProps.visibleColumnStopIndex !== undefined) {
     return isColumnLayout ? renderProps.visibleColumnStopIndex : renderProps.visibleRowStopIndex;
   }
   return renderProps.visibleStopIndex;
 };
 const getIsScrollTop = (renderProps, isColumnLayout) => {
-  if ((renderProps === null || renderProps === void 0 ? void 0 : renderProps.visibleRowStartIndex) !== undefined || renderProps.visibleColumnStartIndex !== undefined) {
+  if ((renderProps === null || renderProps === undefined ? undefined : renderProps.visibleRowStartIndex) !== undefined || renderProps.visibleColumnStartIndex !== undefined) {
     return isColumnLayout ? renderProps.visibleColumnStartIndex === 0 : renderProps.visibleRowStartIndex === 0;
   }
   return renderProps.visibleStartIndex === 0;
@@ -15205,7 +15251,7 @@ function handleSetOverflowDisclaimer(_ref) {
     qCardinal,
     dataOffset
   } = _ref;
-  const isColumnLayout = (layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.layoutOrder) === 'column' && layoutOptions.dataLayout !== 'singleColumn';
+  const isColumnLayout = (layoutOptions === null || layoutOptions === undefined ? undefined : layoutOptions.layoutOrder) === 'column' && layoutOptions.dataLayout !== 'singleColumn';
   const index = getIndex(renderProps, isColumnLayout);
   const stopIndex = isColumnLayout ? maxCount.column : maxCount.row;
   const count = isColumnLayout ? columnCount : rowCount;
@@ -15275,7 +15321,7 @@ function getListBoxComponents(_ref) {
     useIsScrolling: true,
     className: classes$9.styledScrollbars
   };
-  const isLocked = layout === null || layout === void 0 ? void 0 : layout.qListObject.qDimensionInfo.qLocked;
+  const isLocked = layout === null || layout === undefined ? undefined : layout.qListObject.qDimensionInfo.qLocked;
   const fillHeight = listHeight <= itemHeight;
 
   // Item data common for List and Grid.
@@ -15293,8 +15339,8 @@ function getListBoxComponents(_ref) {
     sizes,
     actions: {
       select,
-      confirm: () => selections === null || selections === void 0 ? void 0 : selections.confirm.call(selections),
-      cancel: () => selections === null || selections === void 0 ? void 0 : selections.cancel.call(selections),
+      confirm: () => selections === null || selections === undefined ? undefined : selections.confirm.call(selections),
+      cancel: () => selections === null || selections === undefined ? undefined : selections.cancel.call(selections),
       setScrollPosition,
       selectAll,
       onCtrlF
@@ -15324,7 +15370,7 @@ function getListBoxComponents(_ref) {
     // eslint-disable-next-line react/jsx-props-no-spreading
     , _extends$6({}, commonComponentOptions, {
       dataTestid: "fixed-size-list",
-      scrollDisabled: constraints === null || constraints === void 0 ? void 0 : constraints.active,
+      scrollDisabled: constraints === null || constraints === undefined ? undefined : constraints.active,
       height: listHeight,
       width: width,
       itemCount: listCount,
@@ -15348,7 +15394,7 @@ function getListBoxComponents(_ref) {
           columnCount,
           rowCount,
           overflowDisclaimer,
-          qCardinal: 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.qCardinal,
+          qCardinal: layout === null || layout === undefined || (_layout$qListObject = layout.qListObject) === null || _layout$qListObject === undefined || (_layout$qListObject = _layout$qListObject.qDimensionInfo) === null || _layout$qListObject === undefined ? undefined : _layout$qListObject.qCardinal,
           dataOffset: local.current.dataOffset
         });
         onItemsRendered(_objectSpread2({}, renderProps));
@@ -15392,7 +15438,7 @@ function getListBoxComponents(_ref) {
         columnCount,
         rowCount,
         overflowDisclaimer,
-        qCardinal: 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.qCardinal,
+        qCardinal: layout === null || layout === undefined || (_layout$qListObject2 = layout.qListObject) === null || _layout$qListObject2 === undefined || (_layout$qListObject2 = _layout$qListObject2.qDimensionInfo) === null || _layout$qListObject2 === undefined ? undefined : _layout$qListObject2.qCardinal,
         dataOffset: local.current.dataOffset
       });
       onItemsRendered(renderOptions);
@@ -15401,7 +15447,7 @@ function getListBoxComponents(_ref) {
     // eslint-disable-next-line react/jsx-props-no-spreading
     , _extends$6({}, commonComponentOptions, {
       dataTestid: "fixed-size-grid",
-      scrollDisabled: constraints === null || constraints === void 0 ? void 0 : constraints.active,
+      scrollDisabled: constraints === null || constraints === undefined ? undefined : constraints.active,
       height: gridHeight,
       width: width,
       columnCount: columnCount,
@@ -15435,7 +15481,7 @@ function calculateColumnMode(_ref) {
     itemMinWidth
   } = _ref;
   let rowCount;
-  const maxRows = (maxVisibleRows === null || maxVisibleRows === void 0 ? void 0 : maxVisibleRows.maxRows) || 3;
+  const maxRows = (maxVisibleRows === null || maxVisibleRows === undefined ? undefined : maxVisibleRows.maxRows) || 3;
   const autoRowCount = Math.floor(listHeight / itemHeight);
   if (maxVisibleRows.auto !== false) {
     rowCount = autoRowCount;
@@ -15460,11 +15506,11 @@ function calculateRowMode(_ref) {
     columnAutoWidth,
     itemMinWidth
   } = _ref;
-  const maxColumns = (maxVisibleColumns === null || maxVisibleColumns === void 0 ? void 0 : maxVisibleColumns.maxColumns) || 3;
+  const maxColumns = (maxVisibleColumns === null || maxVisibleColumns === undefined ? undefined : maxVisibleColumns.maxColumns) || 3;
   const innerWidth = containerWidth - SCROLL_BAR_WIDTH;
   let columnCount;
   const autoColumnCount = Math.min(listCount, Math.max(1, Math.round(innerWidth / Math.max(itemMinWidth, columnAutoWidth)))); // TODO: smarter sizing... based on glyph count + font size etc...??
-  if ((maxVisibleColumns === null || maxVisibleColumns === void 0 ? void 0 : maxVisibleColumns.auto) !== false) {
+  if ((maxVisibleColumns === null || maxVisibleColumns === undefined ? undefined : maxVisibleColumns.auto) !== false) {
     columnCount = autoColumnCount;
   } else {
     columnCount = Math.min(listCount, maxColumns, autoColumnCount);
@@ -15547,7 +15593,7 @@ function useListSizes(_ref) {
   const {
     fontSize = '12px',
     fontFamily = 'Source sans pro'
-  } = (styles === null || styles === void 0 ? void 0 : styles.content) || {};
+  } = (styles === null || styles === undefined ? undefined : styles.content) || {};
   const font = "".concat(fontSize, " ").concat(fontFamily); // font format as supported by HTML canvas
   const textWidth = useTextWidth({
     text: getMeasureText(layout),
@@ -15582,7 +15628,7 @@ function useListSizes(_ref) {
     isGridMode,
     dense
   });
-  const listHeight = height !== null && height !== void 0 ? height : 8 * itemHeight;
+  const listHeight = height !== null && height !== undefined ? height : 8 * itemHeight;
   if (layoutOrder) {
     // Modify container width to achieve the exact design with 8px margins on each side (left and right).
     let containerWidth = width;
@@ -15761,7 +15807,7 @@ function getListCount(_ref2) {
     count,
     calculatePagesHeight = false
   } = _ref2;
-  const listCount = pages !== null && pages !== void 0 && pages.length && calculatePagesHeight ? getCalculatedHeight({
+  const listCount = pages !== null && pages !== undefined && pages.length && calculatePagesHeight ? getCalculatedHeight({
     pages,
     minimumBatchSize,
     count
@@ -15883,19 +15929,19 @@ const SvgIconRoot = styled('svg', {
     // 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', {
-      duration: (_theme$transitions2 = theme.transitions) == null || (_theme$transitions2 = _theme$transitions2.duration) == null ? void 0 : _theme$transitions2.shorter
+    transition: (_theme$transitions = theme.transitions) == null || (_theme$transitions$cr = _theme$transitions.create) == null ? undefined : _theme$transitions$cr.call(_theme$transitions, 'fill', {
+      duration: (_theme$transitions2 = theme.transitions) == null || (_theme$transitions2 = _theme$transitions2.duration) == null ? undefined : _theme$transitions2.shorter
     }),
     fontSize: {
       inherit: 'inherit',
-      small: ((_theme$typography = theme.typography) == null || (_theme$typography$pxT = _theme$typography.pxToRem) == null ? void 0 : _theme$typography$pxT.call(_theme$typography, 20)) || '1.25rem',
-      medium: ((_theme$typography2 = theme.typography) == null || (_theme$typography2$px = _theme$typography2.pxToRem) == null ? void 0 : _theme$typography2$px.call(_theme$typography2, 24)) || '1.5rem',
-      large: ((_theme$typography3 = theme.typography) == null || (_theme$typography3$px = _theme$typography3.pxToRem) == null ? void 0 : _theme$typography3$px.call(_theme$typography3, 35)) || '2.1875rem'
+      small: ((_theme$typography = theme.typography) == null || (_theme$typography$pxT = _theme$typography.pxToRem) == null ? undefined : _theme$typography$pxT.call(_theme$typography, 20)) || '1.25rem',
+      medium: ((_theme$typography2 = theme.typography) == null || (_theme$typography2$px = _theme$typography2.pxToRem) == null ? undefined : _theme$typography2$px.call(_theme$typography2, 24)) || '1.5rem',
+      large: ((_theme$typography3 = theme.typography) == null || (_theme$typography3$px = _theme$typography3.pxToRem) == null ? undefined : _theme$typography3$px.call(_theme$typography3, 35)) || '2.1875rem'
     }[ownerState.fontSize],
     // TODO v5 deprecate, v6 remove for sx
-    color: (_palette$ownerState$c = (_palette = (theme.vars || theme).palette) == null || (_palette = _palette[ownerState.color]) == null ? void 0 : _palette.main) != null ? _palette$ownerState$c : {
-      action: (_palette2 = (theme.vars || theme).palette) == null || (_palette2 = _palette2.action) == null ? void 0 : _palette2.active,
-      disabled: (_palette3 = (theme.vars || theme).palette) == null || (_palette3 = _palette3.action) == null ? void 0 : _palette3.disabled,
+    color: (_palette$ownerState$c = (_palette = (theme.vars || theme).palette) == null || (_palette = _palette[ownerState.color]) == null ? undefined : _palette.main) != null ? _palette$ownerState$c : {
+      action: (_palette2 = (theme.vars || theme).palette) == null || (_palette2 = _palette2.action) == null ? undefined : _palette2.active,
+      disabled: (_palette3 = (theme.vars || theme).palette) == null || (_palette3 = _palette3.action) == null ? undefined : _palette3.disabled,
       inherit: undefined
     }[ownerState.color]
   };
@@ -16026,7 +16072,7 @@ function requireClose () {
 	Object.defineProperty(Close$1, "__esModule", {
 	  value: true
 	});
-	Close$1.default = void 0;
+	Close$1.default = undefined;
 	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
 	var _jsxRuntime = requireJsxRuntime();
 	Close$1.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
@@ -16113,7 +16159,7 @@ function getScrollIndex(_ref) {
   } = _ref;
   let scrollIndex;
   let triggerRerender = false;
-  let newOffset = offset !== null && offset !== void 0 ? offset : 0;
+  let newOffset = offset !== null && offset !== undefined ? offset : 0;
   switch (position) {
     case 'start':
       scrollIndex = 0;
@@ -16149,7 +16195,7 @@ function getFrequencyAllowed(_ref) {
   const widthPermitsFreq = itemWidth > FREQUENCY_MIN_SHOW_WIDTH;
   const {
     frequencyEnabled = false
-  } = (layout === null || layout === void 0 ? void 0 : layout.qListObject) || {};
+  } = (layout === null || layout === undefined ? undefined : layout.qListObject) || {};
   const hasValidFreqOption = !['N', undefined].includes(frequencyMode);
   return !!(widthPermitsFreq && (hasValidFreqOption || frequencyEnabled));
 }
@@ -16163,7 +16209,7 @@ const escapeField = field => {
   }
   return "[".concat(field.replace(/\]/g, ']]'), "]");
 };
-const needToFetchFrequencyMax = layout => (layout === null || layout === void 0 ? void 0 : layout.frequencyMax) === 'fetch';
+const needToFetchFrequencyMax = layout => (layout === null || layout === undefined ? undefined : layout.frequencyMax) === 'fetch';
 const getFrequencyMaxExpression = field => {
   const escapedField = escapeField(field);
   return "Max(AGGR(Count(".concat(escapedField, "), ").concat(escapedField, "))");
@@ -16192,7 +16238,7 @@ const useFrequencyMax = (app, layout) => {
     fetch();
   }, [needFetch && layout]);
   return {
-    frequencyMax: needFetch ? frequencyMax : layout === null || layout === void 0 ? void 0 : layout.frequencyMax,
+    frequencyMax: needFetch ? frequencyMax : layout === null || layout === undefined ? undefined : layout.frequencyMax,
     awaitingFrequencyMax
   };
 };
@@ -16212,7 +16258,7 @@ function getSRForSelectedState(_ref) {
   } = _ref;
   const {
     qStateCounts: s = {}
-  } = (layout === null || layout === void 0 || (_layout$qListObject = layout.qListObject) === null || _layout$qListObject === void 0 ? void 0 : _layout$qListObject.qDimensionInfo) || {};
+  } = (layout === null || layout === undefined || (_layout$qListObject = layout.qListObject) === null || _layout$qListObject === undefined ? undefined : _layout$qListObject.qDimensionInfo) || {};
   const count = s.qSelected + s.qSelectedExcluded + s.qLocked + s.qLockedExcluded;
   let t;
   switch (count) {
@@ -16254,7 +16300,7 @@ function getScreenReaderAssertiveText(_ref2) {
     translator: translatorDynamic
   } = useContext(InstanceContext);
   const finalStringArr = [];
-  if (searchInputText !== null && searchInputText !== void 0 && searchInputText.length) {
+  if (searchInputText !== null && searchInputText !== undefined && searchInputText.length) {
     // Add search result text.
     const srSearchTranslationString = getSearchTranslationString(listCount);
     const srSearchString = translatorDynamic.get(srSearchTranslationString, [listCount]);
@@ -16269,7 +16315,7 @@ function getScreenReaderAssertiveText(_ref2) {
   finalStringArr.push(srSelectionValueText);
 
   // Merge texts into one text string, targeting the assertive screen reader.
-  const finalString = finalStringArr.filter(v => !!(v !== null && v !== void 0 && v.length)).join('. ');
+  const finalString = finalStringArr.filter(v => !!(v !== null && v !== undefined && v.length)).join('. ');
   return finalString;
 }
 
@@ -16281,7 +16327,7 @@ function deduceFrequencyMode(pages) {
     return qMatrix.some(_ref2 => {
       var _item$qFrequency;
       let [item] = _ref2;
-      return !!((_item$qFrequency = item.qFrequency) !== null && _item$qFrequency !== void 0 && _item$qFrequency.match('%'));
+      return !!((_item$qFrequency = item.qFrequency) !== null && _item$qFrequency !== undefined && _item$qFrequency.match('%'));
     });
   });
   const OTHER = '-'; // treat all other as '-' (change later if we need to identify other modes)
@@ -16340,7 +16386,7 @@ function ListBox(_ref) {
   const {
     checkboxes = checkboxOption,
     histogram
-  } = layout !== null && layout !== void 0 ? layout : {};
+  } = layout !== null && layout !== undefined ? layout : {};
   const loaderRef = useRef$1(null);
   const local = useRef$1({
     queue: [],
@@ -16366,9 +16412,6 @@ function ListBox(_ref) {
       postProcessPages,
       listData
     }),
-    {
-      isLoadingData
-    } = _useItemsLoader,
     itemsLoader = _objectWithoutProperties(_useItemsLoader, _excluded$4);
   const {
     getStoreValue,
@@ -16383,7 +16426,7 @@ function ListBox(_ref) {
     show
   }));
   const [pages, setPages] = useState$1([]);
-  if (itemsLoader !== null && itemsLoader !== void 0 && itemsLoader.pages) {
+  if (itemsLoader !== null && itemsLoader !== undefined && itemsLoader.pages) {
     selectionState.update({
       setPages,
       pages: itemsLoader.pages,
@@ -16391,13 +16434,13 @@ function ListBox(_ref) {
       layout
     });
   }
-  const cardinal = layout === null || layout === void 0 ? void 0 : layout.qListObject.qDimensionInfo.qCardinal;
-  if (itemsLoader !== null && itemsLoader !== void 0 && itemsLoader.pages.length && !awaitingFrequencyMax || cardinal === 0) {
+  const cardinal = layout === null || layout === undefined ? undefined : layout.qListObject.qDimensionInfo.qCardinal;
+  if (itemsLoader !== null && itemsLoader !== undefined && itemsLoader.pages.length && !awaitingFrequencyMax || cardinal === 0) {
     // All necessary data fetching done - signal rendering done!
-    renderedCallback === null || renderedCallback === void 0 || renderedCallback();
+    renderedCallback === null || renderedCallback === undefined || renderedCallback();
   }
   const isItemLoaded = useCallback(index => {
-    if (!(pages !== null && pages !== void 0 && pages.length) || !local.current.validPages) {
+    if (!(pages !== null && pages !== undefined && pages.length) || !local.current.validPages) {
       return false;
     }
     local.current.checkIdx = index;
@@ -16420,9 +16463,9 @@ function ListBox(_ref) {
   } = layout || {};
   let isRow = true;
   if (layoutOptions.dataLayout) {
-    isRow = layoutOptions.dataLayout === 'singleColumn' ? true : (layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.layoutOrder) === 'row';
+    isRow = layoutOptions.dataLayout === 'singleColumn' ? true : (layoutOptions === null || layoutOptions === undefined ? undefined : layoutOptions.layoutOrder) === 'row';
   }
-  const isGrid = (layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.dataLayout) === 'grid';
+  const isGrid = (layoutOptions === null || layoutOptions === undefined ? undefined : layoutOptions.dataLayout) === 'grid';
   const scrollToIndex = index => {
     const gridIndex = _objectSpread2({}, isRow ? {
       rowIndex: index
@@ -16464,12 +16507,15 @@ function ListBox(_ref) {
   }, [layout, local.current.dataOffset]);
   let minimumBatchSize = DEFAULT_MIN_BATCH_SIZE;
   const isVertical = layoutOptions.dataLayout !== 'grid';
-  const count = layout === null || layout === void 0 || (_layout$qListObject$q = layout.qListObject.qSize) === null || _layout$qListObject$q === void 0 ? void 0 : _layout$qListObject$q.qcy;
+  const count = layout === null || layout === undefined || (_layout$qListObject$q = layout.qListObject.qSize) === null || _layout$qListObject$q === undefined ? undefined : _layout$qListObject$q.qcy;
   const unlimitedListCount = getListCount({
     pages,
     minimumBatchSize,
     count,
-    calculatePagesHeight});
+    calculatePagesHeight,
+    layoutOptions,
+    model
+  });
   let freqIsAllowed = getFrequencyAllowed({
     itemWidth: width,
     layout,
@@ -16538,7 +16584,7 @@ function ListBox(_ref) {
   }, [keyScroll.state.up, keyScroll.state.down, keyScroll.state.scrollPosition]);
   const {
     textAlign
-  } = (layout === null || layout === void 0 ? void 0 : layout.qListObject.qDimensionInfo) || {};
+  } = (layout === null || layout === undefined ? undefined : layout.qListObject.qDimensionInfo) || {};
   const [focusListItem, setFocusListItem] = useState$1({
     first: false,
     last: false
@@ -16563,6 +16609,7 @@ function ListBox(_ref) {
   } = getListBoxComponents({
     direction,
     layout,
+    height,
     width,
     checkboxes,
     deducedFrequencyMode,
@@ -16602,7 +16649,7 @@ function ListBox(_ref) {
     columnWidth,
     listHeight,
     itemHeight
-  } = sizes || {};
+  } = sizes;
   if (!isVertical) {
     minimumBatchSize = getHorizontalMinBatchSize({
       width,
@@ -16633,8 +16680,8 @@ function ListBox(_ref) {
     dismiss: () => setOverflowDisclaimer(state => _objectSpread2(_objectSpread2({}, state), {}, {
       dismissed: true
     })),
-    parentWidth: loaderRef === null || loaderRef === void 0 || (_loaderRef$current = loaderRef.current) === null || _loaderRef$current === void 0 || (_loaderRef$current = _loaderRef$current._listRef) === null || _loaderRef$current === void 0 || (_loaderRef$current = _loaderRef$current.props) === null || _loaderRef$current === void 0 ? void 0 : _loaderRef$current.width,
-    dense: layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.dense
+    parentWidth: loaderRef === null || loaderRef === undefined || (_loaderRef$current = loaderRef.current) === null || _loaderRef$current === undefined || (_loaderRef$current = _loaderRef$current._listRef) === null || _loaderRef$current === undefined || (_loaderRef$current = _loaderRef$current.props) === null || _loaderRef$current === undefined ? undefined : _loaderRef$current.width,
+    dense: layoutOptions === null || layoutOptions === undefined ? undefined : layoutOptions.dense
   }));
 }
 
@@ -16995,12 +17042,12 @@ const More$1 = React__default.forwardRef((_ref3, ref) => {
 
 const getActionButtonIndex = btn => {
   const toolbar = btn.closest('#actions-toolbar');
-  const nodeList = toolbar === null || toolbar === void 0 ? void 0 : toolbar.querySelectorAll('.njs-cell-action');
+  const nodeList = toolbar === null || toolbar === undefined ? undefined : toolbar.querySelectorAll('.njs-cell-action');
   return Array.from(nodeList).indexOf(btn);
 };
 const focusButton = index => {
   const toolbar = document.querySelector('#actions-toolbar');
-  const nodeList = toolbar === null || toolbar === void 0 ? void 0 : toolbar.querySelectorAll('.njs-cell-action');
+  const nodeList = toolbar === null || toolbar === undefined ? undefined : toolbar.querySelectorAll('.njs-cell-action');
   if (!nodeList.length) {
     return;
   }
@@ -17045,7 +17092,7 @@ function getActionsKeyDownHandler(_ref) {
         evt.preventDefault(); // prevent scrolling in listbox
         break;
       case KEYS.TAB:
-        if (keyboardNavigation && focusHandler !== null && focusHandler !== void 0 && focusHandler.refocusContent) {
+        if (keyboardNavigation && focusHandler !== null && focusHandler !== undefined && focusHandler.refocusContent) {
           const isTabbingOut = evt.shiftKey && getEnabledButton(false) === evt.target || !evt.shiftKey && getEnabledButton(true) === evt.target;
           if (isTabbingOut) {
             evt.preventDefault();
@@ -17169,7 +17216,7 @@ function ActionsToolbar(_ref3) {
   const [showMoreItems, setShowMoreItems] = useState$1(false);
   const popoverAnchorOrigin = {
     vertical: 12,
-    horizontal: ((_popover$anchorEl$cli = (_popover$anchorEl = popover.anchorEl) === null || _popover$anchorEl === void 0 ? void 0 : _popover$anchorEl.clientWidth) !== null && _popover$anchorEl$cli !== void 0 ? _popover$anchorEl$cli : 0) - 7
+    horizontal: ((_popover$anchorEl$cli = (_popover$anchorEl = popover.anchorEl) === null || _popover$anchorEl === undefined ? undefined : _popover$anchorEl.clientWidth) !== null && _popover$anchorEl$cli !== undefined ? _popover$anchorEl$cli : 0) - 7
   };
   const actionsRef = useRef$1();
   const moreRef = useRef$1();
@@ -17197,11 +17244,11 @@ function ActionsToolbar(_ref3) {
     if (!focusHandler) return;
     const focusFirst = () => {
       const enabledButton = getEnabledButton(false);
-      enabledButton === null || enabledButton === void 0 || enabledButton.focus();
+      enabledButton === null || enabledButton === undefined || enabledButton.focus();
     };
     const focusLast = () => {
       const enabledButton = getEnabledButton(true);
-      enabledButton === null || enabledButton === void 0 || enabledButton.focus();
+      enabledButton === null || enabledButton === undefined || enabledButton.focus();
     };
     focusHandler.on('focus_toolbar_first', focusFirst);
     focusHandler.on('focus_toolbar_last', focusLast);
@@ -17246,7 +17293,7 @@ function ActionsToolbar(_ref3) {
     sx: {
       flexDirection: isRtl ? 'row-reverse' : 'row'
     }
-  }, (extraItems === null || extraItems === void 0 ? void 0 : extraItems.length) && /*#__PURE__*/React__default.createElement(ActionsGroup, {
+  }, (extraItems === null || extraItems === undefined ? undefined : extraItems.length) && /*#__PURE__*/React__default.createElement(ActionsGroup, {
     className: "actions-toolbar-extra-actions",
     actions: extraItems,
     isRtl: isRtl
@@ -17318,7 +17365,7 @@ var SearchIcon = props => SvgIcon$1(search(props));
 const MAX_SEARCH_LENGTH = 64000;
 const TREE_PATH = '/qListObjectDef';
 const WILDCARD = '**';
-const limitSearchLength = val => val === null || val === void 0 ? void 0 : val.substring(0, MAX_SEARCH_LENGTH);
+const limitSearchLength = val => val === null || val === undefined ? undefined : val.substring(0, MAX_SEARCH_LENGTH);
 const StyledOutlinedInput = styled(OutlinedInput, {
   shouldForwardProp: p => !['styles', 'dense', 'isRtl'].includes(p)
 })(_ref => {
@@ -17536,7 +17583,7 @@ function ListBoxSearch(_ref2, ref) {
   };
   const focusOnInput = () => {
     var _inputRef$current;
-    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === undefined || _inputRef$current.focus();
   };
   const onClearSearch = () => {
     abortSearch();
@@ -17651,7 +17698,7 @@ function createAppSelections(_ref) {
       objectSelections
     } = _ref2;
     // Quick return if it's already in modal
-    if (objectSelections === ((_modalObjectStore$get = modalObjectStore.get(key)) === null || _modalObjectStore$get === void 0 ? void 0 : _modalObjectStore$get.objectSelections)) {
+    if (objectSelections === ((_modalObjectStore$get = modalObjectStore.get(key)) === null || _modalObjectStore$get === undefined ? undefined : _modalObjectStore$get.objectSelections)) {
       return;
     }
 
@@ -17700,7 +17747,7 @@ function createAppSelections(_ref) {
     isModal(objectSelections) {
       var _modalObjectStore$get2;
       // TODO check model state
-      return objectSelections ? ((_modalObjectStore$get2 = modalObjectStore.get(key)) === null || _modalObjectStore$get2 === void 0 ? void 0 : _modalObjectStore$get2.objectSelections) === objectSelections : !!modalObjectStore.get(key);
+      return objectSelections ? ((_modalObjectStore$get2 = modalObjectStore.get(key)) === null || _modalObjectStore$get2 === undefined ? undefined : _modalObjectStore$get2.objectSelections) === objectSelections : !!modalObjectStore.get(key);
     },
     forward() {
       return appModal.end().then(() => app.forward());
@@ -17773,7 +17820,7 @@ function createHandler(_ref) {
 
     // Resolve elements and filter out containers which do not exist.
     const containers = elements.map(item => {
-      const elm = typeof item === 'string' ? document.querySelector(item) : item === null || item === void 0 ? void 0 : item.current;
+      const elm = typeof item === 'string' ? document.querySelector(item) : item === null || item === undefined ? undefined : item.current;
       return elm;
     }).filter(elm => !!elm && !!document.contains(elm));
     if (!containers.length) {
@@ -17971,12 +18018,12 @@ const getClickOutFuncs = _ref3 => {
     activateClickOut() {
       var _options$onSelectionA;
       document.addEventListener('mousedown', handler);
-      options === null || options === void 0 || (_options$onSelectionA = options.onSelectionActivated) === null || _options$onSelectionA === void 0 || _options$onSelectionA.call(options);
+      options === null || options === undefined || (_options$onSelectionA = options.onSelectionActivated) === null || _options$onSelectionA === undefined || _options$onSelectionA.call(options);
     },
     deactivateClickOut() {
       var _options$onSelectionD;
       document.removeEventListener('mousedown', handler);
-      options === null || options === void 0 || (_options$onSelectionD = options.onSelectionDeactivated) === null || _options$onSelectionD === void 0 || _options$onSelectionD.call(options);
+      options === null || options === undefined || (_options$onSelectionD = options.onSelectionDeactivated) === null || _options$onSelectionD === undefined || _options$onSelectionD.call(options);
     }
   };
 };
@@ -18060,14 +18107,14 @@ function selectionState() {
         this.clearItemStates(false);
       }
       if (state.enginePages !== pages && pages !== undefined) {
-        state.enginePages = pages !== null && pages !== void 0 ? pages : [];
+        state.enginePages = pages !== null && pages !== undefined ? pages : [];
         state.selectedInEngine = getSelectedValues(pages);
         state.selectableValuesUpdating = false;
         state.triggerStateChanged();
       }
       state.isSingleSelect = isSingleSelect;
       state.selectDisabled = selectDisabled || state.selectDisabled;
-      state.isDimCalculated = (_layout$qListObject$q = 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.qIsCalculated) !== null && _layout$qListObject$q !== void 0 ? _layout$qListObject$q : false;
+      state.isDimCalculated = (_layout$qListObject$q = layout === null || layout === undefined || (_layout$qListObject = layout.qListObject) === null || _layout$qListObject === undefined || (_layout$qListObject = _layout$qListObject.qDimensionInfo) === null || _layout$qListObject === undefined ? undefined : _layout$qListObject.qIsCalculated) !== null && _layout$qListObject$q !== undefined ? _layout$qListObject$q : false;
     },
     allowedToSelect() {
       if (state.selectDisabled()) {
@@ -18106,7 +18153,7 @@ function selectionState() {
       if (selected && !additive) {
         state.itemStates[elementNumber] = false;
       } else if (!selected) {
-        selectedValues === null || selectedValues === void 0 || selectedValues.push(elementNumber);
+        selectedValues === null || selectedValues === undefined || selectedValues.push(elementNumber);
         state.itemStates[elementNumber] = true;
       }
     },
@@ -18152,10 +18199,10 @@ function selectionState() {
 const getValue$1 = function (obj, prop) {
   var _obj$prop;
   let defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
-  return (_obj$prop = obj === null || obj === void 0 ? void 0 : obj[prop]) !== null && _obj$prop !== void 0 ? _obj$prop : defaultValue;
+  return (_obj$prop = obj === null || obj === undefined ? undefined : obj[prop]) !== null && _obj$prop !== undefined ? _obj$prop : defaultValue;
 };
 function hasSelections(layout) {
-  const counts = (layout === null || layout === void 0 ? void 0 : layout.qListObject.qDimensionInfo.qStateCounts) || {};
+  const counts = (layout === null || layout === undefined ? undefined : layout.qListObject.qDimensionInfo.qStateCounts) || {};
   const totalCounts = getValue$1(counts, 'qSelected', 0) + getValue$1(counts, 'qSelectedExcluded', 0) + getValue$1(counts, 'qLocked', 0) + getValue$1(counts, 'qLockedExcluded', 0);
   return totalCounts > 0;
 }
@@ -18166,9 +18213,9 @@ function hasSelections(layout) {
 * Released under the MIT license.
 */
 
-function e(e){return "number"==typeof e.r&&"number"==typeof e.g&&"number"==typeof e.b&&"number"==typeof e.a}function t(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];if(1===n.length&&e(n[0]))return (n[0].r<<16)+(n[0].g<<8)+n[0].b;var i=0,o=0,a=0;if(1===n.length&&"string"==typeof n[0]){var l,s=n[0];(l=/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i.exec(s))?(i=parseInt(l[1],10),o=parseInt(l[2],10),a=parseInt(l[3],10)):(l=/^#([A-Fa-f0-9]{2})([A-Fa-f0-9]{2})([A-Fa-f0-9]{2})$/i.exec(s))?(i=parseInt(l[1],16),o=parseInt(l[2],16),a=parseInt(l[3],16)):(l=/^#([A-Fa-f0-9])([A-Fa-f0-9])([A-Fa-f0-9])$/i.exec(s))&&(i=parseInt(l[1]+l[1],16),o=parseInt(l[2]+l[2],16),a=parseInt(l[3]+l[3],16));}return (i<<16)+(o<<8)+a}function o(e,t,n){return (t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return ("string"===t?String:Number)(e)}(e,"string");return "symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r);}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){o(e,t,n[t]);})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t));}));}return e}var h={aliceblue:{r:240,g:248,b:255},antiquewhite:{r:250,g:235,b:215},aqua:{r:0,g:255,b:255},aquamarine:{r:127,g:255,b:212},azure:{r:240,g:255,b:255},beige:{r:245,g:245,b:220},bisque:{r:255,g:228,b:196},black:{r:0,g:0,b:0},blanchedalmond:{r:255,g:235,b:205},blue:{r:0,g:0,b:255},blueviolet:{r:138,g:43,b:226},brown:{r:165,g:42,b:42},burlywood:{r:222,g:184,b:135},cadetblue:{r:95,g:158,b:160},chartreuse:{r:127,g:255,b:0},chocolate:{r:210,g:105,b:30},coral:{r:255,g:127,b:80},cornflowerblue:{r:100,g:149,b:237},cornsilk:{r:255,g:248,b:220},crimson:{r:220,g:20,b:60},cyan:{r:0,g:255,b:255},darkblue:{r:0,g:0,b:139},darkcyan:{r:0,g:139,b:139},darkgoldenrod:{r:184,g:134,b:11},darkgray:{r:169,g:169,b:169},darkgreen:{r:0,g:100,b:0},darkgrey:{r:169,g:169,b:169},darkkhaki:{r:189,g:183,b:107},darkmagenta:{r:139,g:0,b:139},darkolivegreen:{r:85,g:107,b:47},darkorange:{r:255,g:140,b:0},darkorchid:{r:153,g:50,b:204},darkred:{r:139,g:0,b:0},darksalmon:{r:233,g:150,b:122},darkseagreen:{r:143,g:188,b:143},darkslateblue:{r:72,g:61,b:139},darkslategray:{r:47,g:79,b:79},darkslategrey:{r:47,g:79,b:79},darkturquoise:{r:0,g:206,b:209},darkviolet:{r:148,g:0,b:211},deeppink:{r:255,g:20,b:147},deepskyblue:{r:0,g:191,b:255},dimgray:{r:105,g:105,b:105},dimgrey:{r:105,g:105,b:105},dodgerblue:{r:30,g:144,b:255},firebrick:{r:178,g:34,b:34},floralwhite:{r:255,g:250,b:240},forestgreen:{r:34,g:139,b:34},fuchsia:{r:255,g:0,b:255},gainsboro:{r:220,g:220,b:220},ghostwhite:{r:248,g:248,b:255},gold:{r:255,g:215,b:0},goldenrod:{r:218,g:165,b:32},gray:{r:128,g:128,b:128},green:{r:0,g:128,b:0},greenyellow:{r:173,g:255,b:47},grey:{r:128,g:128,b:128},honeydew:{r:240,g:255,b:240},hotpink:{r:255,g:105,b:180},indianred:{r:205,g:92,b:92},indigo:{r:75,g:0,b:130},ivory:{r:255,g:255,b:240},khaki:{r:240,g:230,b:140},lavender:{r:230,g:230,b:250},lavenderblush:{r:255,g:240,b:245},lawngreen:{r:124,g:252,b:0},lemonchiffon:{r:255,g:250,b:205},lightblue:{r:173,g:216,b:230},lightcoral:{r:240,g:128,b:128},lightcyan:{r:224,g:255,b:255},lightgoldenrodyellow:{r:250,g:250,b:210},lightgray:{r:211,g:211,b:211},lightgreen:{r:144,g:238,b:144},lightgrey:{r:211,g:211,b:211},lightpink:{r:255,g:182,b:193},lightsalmon:{r:255,g:160,b:122},lightseagreen:{r:32,g:178,b:170},lightskyblue:{r:135,g:206,b:250},lightslategray:{r:119,g:136,b:153},lightslategrey:{r:119,g:136,b:153},lightsteelblue:{r:176,g:196,b:222},lightyellow:{r:255,g:255,b:224},lime:{r:0,g:255,b:0},limegreen:{r:50,g:205,b:50},linen:{r:250,g:240,b:230},magenta:{r:255,g:0,b:255},maroon:{r:128,g:0,b:0},mediumaquamarine:{r:102,g:205,b:170},mediumblue:{r:0,g:0,b:205},mediumorchid:{r:186,g:85,b:211},mediumpurple:{r:147,g:112,b:219},mediumseagreen:{r:60,g:179,b:113},mediumslateblue:{r:123,g:104,b:238},mediumspringgreen:{r:0,g:250,b:154},mediumturquoise:{r:72,g:209,b:204},mediumvioletred:{r:199,g:21,b:133},midnightblue:{r:25,g:25,b:112},mintcream:{r:245,g:255,b:250},mistyrose:{r:255,g:228,b:225},moccasin:{r:255,g:228,b:181},navajowhite:{r:255,g:222,b:173},navy:{r:0,g:0,b:128},oldlace:{r:253,g:245,b:230},olive:{r:128,g:128,b:0},olivedrab:{r:107,g:142,b:35},orange:{r:255,g:165,b:0},orangered:{r:255,g:69,b:0},orchid:{r:218,g:112,b:214},palegoldenrod:{r:238,g:232,b:170},palegreen:{r:152,g:251,b:152},paleturquoise:{r:175,g:238,b:238},palevioletred:{r:219,g:112,b:147},papayawhip:{r:255,g:239,b:213},peachpuff:{r:255,g:218,b:185},peru:{r:205,g:133,b:63},pink:{r:255,g:192,b:203},plum:{r:221,g:160,b:221},powderblue:{r:176,g:224,b:230},purple:{r:128,g:0,b:128},red:{r:255,g:0,b:0},rosybrown:{r:188,g:143,b:143},royalblue:{r:65,g:105,b:225},saddlebrown:{r:139,g:69,b:19},salmon:{r:250,g:128,b:114},sandybrown:{r:244,g:164,b:96},seagreen:{r:46,g:139,b:87},seashell:{r:255,g:245,b:238},sienna:{r:160,g:82,b:45},silver:{r:192,g:192,b:192},skyblue:{r:135,g:206,b:235},slateblue:{r:106,g:90,b:205},slategray:{r:112,g:128,b:144},slategrey:{r:112,g:128,b:144},snow:{r:255,g:250,b:250},springgreen:{r:0,g:255,b:127},steelblue:{r:70,g:130,b:180},tan:{r:210,g:180,b:140},teal:{r:0,g:128,b:128},thistle:{r:216,g:191,b:216},tomato:{r:255,g:99,b:71},transparent:{r:0,g:0,b:0,a:0},turquoise:{r:64,g:224,b:208},violet:{r:238,g:130,b:238},wheat:{r:245,g:222,b:179},white:{r:255,g:255,b:255},whitesmoke:{r:245,g:245,b:245},yellow:{r:255,g:255,b:0},yellowgreen:{r:154,g:205,b:50}},m="qcm-color";function v(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var i,o,a,s,c,u,f,d,p,v={type:m,r:0,g:0,b:0,a:1,l:void 0,invalid:!1,spaces:{}},g=0,y=0,b=0,x=1;if((null===(e=n[0])||void 0===e?void 0:e.type)===m){var q=n[0];g=q.r,y=q.g,b=q.b,x=q.a,v.invalid=n[0].invalid,v.spaces=l({},n[0].spaces);}else if(n.length<3)if("string"==typeof n[0]){var w,k=n[0];if(w=/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i.exec(k))g=parseInt(w[1],10),y=parseInt(w[2],10),b=parseInt(w[3],10);else if(w=/^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d(\.\d+)?)\s*\)$/i.exec(k))g=parseInt(w[1],10),y=parseInt(w[2],10),b=parseInt(w[3],10),x=parseFloat(w[4]);else if(w=/^ARGB\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i.exec(k))x=parseInt(w[1],10)/255,g=parseInt(w[2],10),y=parseInt(w[3],10),b=parseInt(w[4],10);else if(w=/^#([A-Fa-f0-9]{2})([A-Fa-f0-9]{2})([A-Fa-f0-9]{2})$/i.exec(k))g=parseInt(w[1],16),y=parseInt(w[2],16),b=parseInt(w[3],16),x=1;else if(w=/^#([A-Fa-f0-9])([A-Fa-f0-9])([A-Fa-f0-9])$/i.exec(k))g=parseInt(w[1]+w[1],16),y=parseInt(w[2]+w[2],16),b=parseInt(w[3]+w[3],16),x=1;else if(w=/^hsl\(\s*(\d+(\.\d+)?)\s*,\s*(\d+(\.\d+)?%?)\s*,\s*(\d+(\.\d+)?%?)\s*\)$/i.exec(k)){i=parseFloat(w[1]),o=parseFloat(w[3]),s=parseFloat(w[5]),o=(o/=100)<0?0:o>1?1:o,f=(i=(i%=360)<0?0:i>360?360:i)/60,d=(u=(s=(s/=100)<0?0:s>1?1:s)<=.5?2*s*o:(2-2*s)*o)*(1-Math.abs(f%2-1));var C=[];switch(f=Math.floor(f)){case 0:C=[u,d,0];break;case 1:C=[d,u,0];break;case 2:C=[0,u,d];break;case 3:C=[0,d,u];break;case 4:C=[d,0,u];break;case 5:C=[u,0,d];break;default:C=[0,0,0];}p=s-.5*u,g=C[0]+p,y=C[1]+p,b=C[2]+p,g=Math.round(255*g),y=Math.round(255*y),b=Math.round(255*b),x=1;}else if(w=/^hsla\(\s*(\d+(\.\d+)?)\s*,\s*(\d+(\.\d+)?%?)\s*,\s*(\d+(\.\d+)?%?)\s*,\s*(\d(\.\d+)?)\s*\)$/i.exec(k)){i=parseFloat(w[1]),o=parseFloat(w[3]),s=parseFloat(w[5]),x=parseFloat(w[7]),o=(o/=100)<0?0:o>1?1:o,f=(i=(i%=360)<0?0:i>360?360:i)/60,d=(u=(s=(s/=100)<0?0:s>1?1:s)<=.5?2*s*o:(2-2*s)*o)*(1-Math.abs(f%2-1));var M=[];switch(f=Math.floor(f)){case 0:M=[u,d,0];break;case 1:M=[d,u,0];break;case 2:M=[0,u,d];break;case 3:M=[0,d,u];break;case 4:M=[d,0,u];break;case 5:M=[u,0,d];break;default:M=[0,0,0];}p=s-.5*u,g=M[0]+p,y=M[1]+p,b=M[2]+p,g=Math.round(255*g),y=Math.round(255*y),b=Math.round(255*b);}else if(w=/^hsv\(\s*(\d+(\.\d+)?)\s*,\s*(\d+(\.\d+)?%?)\s*,\s*(\d+(\.\d+)?%?)\s*\)$/i.exec(k)){i=parseFloat(w[1]),o=parseFloat(w[3]),c=parseFloat(w[5]),f=(i=(i%=360)<0?0:i>360?360:i)/60,d=(u=(c=(c/=100)<0?0:c>1?1:c)*(o=(o/=100)<0?0:o>1?1:o))*(1-Math.abs(f%2-1));var S=[];switch(f=Math.floor(f)){case 0:S=[u,d,0];break;case 1:S=[d,u,0];break;case 2:S=[0,u,d];break;case 3:S=[0,d,u];break;case 4:S=[d,0,u];break;case 5:S=[u,0,d];break;default:S=[0,0,0];}p=c-u,g=S[0]+p,y=S[1]+p,b=S[2]+p,g=Math.round(255*g),y=Math.round(255*y),b=Math.round(255*b),x=1;}else if(h[k.toLowerCase()]){a=k.toLowerCase();var D=h[a];g=D.r,y=D.g,b=D.b,x="number"==typeof h[a].a?h[a].a:1;}else v.invalid=!0;}else "number"==typeof n[0]&&n[0]>=0&&"argb"===n[1]?(x=(4278190080&n[0])>>>24,x/=255,g=(16711680&n[0])>>16,y=(65280&n[0])>>8,b=255&n[0]):"number"==typeof n[0]&&n[0]>=0?(g=(16711680&n[0])>>16,y=(65280&n[0])>>8,b=255&n[0]):v.invalid=!0;else n.length>=3&&n.length<=4?(g=n[0],y=n[1],b=n[2],x=arguments.length>=4?n[3]:1):v.invalid=!0;return Number.isNaN(+g+y+b+x)&&(v.invalid=!0),v.r=Math.floor(g),v.g=Math.floor(y),v.b=Math.floor(b),v.a=x,v.l=s,v}function g(n){var r,i,o;if(e(n))return r=n.r.toString(16),i=n.g.toString(16),o=n.b.toString(16),1===r.length&&(r="0".concat(r)),1===i.length&&(i="0".concat(i)),1===o.length&&(o="0".concat(o)),"#".concat([r,i,o].join(""));var a="string"==typeof n?t(n):n;return r=((16711680&a)>>16).toString(16),i=((65280&a)>>8).toString(16),o=(255&a).toString(16),1===r.length&&(r="0".concat(r)),1===i.length&&(i="0".concat(i)),1===o.length&&(o="0".concat(o)),"#".concat(r).concat(i).concat(o)}function y(e){var t,n,r=0,i="string"==typeof e?v(e):e,o=i.r/255,a=i.g/255,l=i.b/255,s=Math.max(o,a,l),c=Math.min(o,a,l),u=(s+c)/2;if(s===c)t=0,r=0;else {switch(n=s-c,t=u>.5?n/(2-s-c):n/(s+c),s){case o:r=(a-l)/n+(a<l?6:0);break;case a:r=(l-o)/n+2;break;case l:r=(o-a)/n+4;}r/=6;}return "hsl(".concat(360*r,", ").concat(100*t,", ").concat(100*u,")")}function b(e){var t,n,r=0,i="string"==typeof e?v(e):e,o=i.r/255,a=i.g/255,l=i.b/255,s=i.a,c=Math.max(o,a,l),u=Math.min(o,a,l),f=(c+u)/2;if(c===u)t=0,r=0;else {switch(n=c-u,t=f>.5?n/(2-c-u):n/(c+u),c){case o:r=(a-l)/n+(a<l?6:0);break;case a:r=(l-o)/n+2;break;case l:r=(o-a)/n+4;}r/=6;}return "hsla(".concat(360*r,", ").concat(100*t,", ").concat(100*f,", ").concat(s,")")}function x(e){var t,n,r=0,i="string"==typeof e?v(e):e,o=i.r/255,a=i.g/255,l=i.b/255,s=Math.max(o,a,l),c=Math.min(o,a,l),u=s;if(s===c)t=0,r=0;else {switch(t=0===(n=s-c)?0:n/u,s){case o:r=(a-l)/n+(a<l?6:0);break;case a:r=(l-o)/n+2;break;case l:r=(o-a)/n+4;}r/=6;}return {h:360*r%360,s:100*t,v:100*u}}function q(e){var t=x(e),n=t.h,r=t.s,i=t.v;return "hsv(".concat(n,", ").concat(r,", ").concat(i,")")}function w(n){if(e(n))return "rgb(".concat([n.r,n.g,n.b].join(", "),")");var r="string"==typeof n?t(n):n,i=(65280&r)>>8,o=255&r;return "rgb(".concat((16711680&r)>>16,", ").concat(i,", ").concat(o,")")}function k(t,n){return e(t)?"rgba(".concat([t.r,t.g,t.b,t.a].join(", "),")"):k(v(t))}function C(t){return e(t)?1===t.a?w(t):k(t):C(v(t))}var M=function(e){var t=e/255;return t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4)};function S(e){return .2126*M(e.r)+.7152*M(e.g)+.0722*M(e.b)}function D(){var e=v.apply(void 0,arguments);return e.invalid||S(e)<.4}function O(){var e=v.apply(void 0,arguments),t={type:e.type,r:e.r,g:e.g,b:e.b,a:e.a,invalid:e.invalid,spaces:e.spaces},n=function(){return t.spaces.hsla||(t.spaces.hsla=b(t)),t.spaces.hsla},r=function(e){var t=n(),r=/^hsla\(\s*(\d+(\.\d+)?)\s*,\s*(\d+(\.\d+)?%?)\s*,\s*(\d+(\.\d+)?%?)\s*,\s*(\d(\.\d+)?)\s*\)$/i.exec(t),i=parseFloat(r[1]),o=parseFloat(r[3]),a=parseFloat(r[7]),l=parseFloat(r[5]),s=Math.max(0,Math.min(l+e,100));return "hsla(".concat(i,", ").concat(o,", ").concat(s,", ").concat(a,")")};return {get type(){return t.type},isInvalid:function(){return t.invalid},get r(){return t.r},get g(){return t.g},get b(){return t.b},get a(){return t.a},getR:function(){return t.r},getG:function(){return t.g},getB:function(){return t.b},getAlpha:function(){return t.a},setAlpha:function(e){t.a=e,t.spaces={};},isEqualTo:function(e){var n=e.type===t.type?e:v(e);return n.r===t.r&&n.g===t.g&&n.b===t.b&&n.a===t.a},isDark:function(){return D(t)},getRGB:function(){return t.spaces.rgb||(t.spaces.rgb=w(t)),t.spaces.rgb},getRGBA:function(){return t.spaces.rgba||(t.spaces.rgba=k(t)),t.spaces.rgba},getString:function(){return t.spaces.string||(t.spaces.string=C(t)),t.spaces.string},getHex:function(){return t.spaces.hex||(t.spaces.hex=g(t)),t.spaces.hex},getHSL:function(){return t.spaces.hsl||(t.spaces.hsl=y(t)),t.spaces.hsl},getHSLA:n,getShiftedHSLA:r,getHSV:function(){return t.spaces.hsv||(t.spaces.hsv=q(t)),t.spaces.hsv},getHSVObject:function(){return t.spaces.hsvObject||(t.spaces.hsvObject=x(t)),t.spaces.hsvObject},blend:function(e,n){var r=Math.floor(t.r+(e.r-t.r)*n),i=Math.floor(t.g+(e.g-t.g)*n),o=Math.floor(t.b+(e.b-t.b)*n),a=Math.floor(t.a+(e.getAlpha()-t.a)*n);return "rgba(".concat([r,i,o,a].join(", "),")")},getBrightenedColor:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return O(r(18*e))},getDarkenedColor:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return O(r(18*-e))}}}function I(e,t){if(e&&t){var n=S(e),r=S(t);return n>r?(n+.05)/(r+.05):(r+.05)/(n+.05)}}function A(e,t){var n=O("#FFFFFF"),r=O(e),i=O(t);if(r.isInvalid()||i.isInvalid()||r.getAlpha()<1||i.getAlpha()<1)return t;var o=I(n,r),a=I(i,r),l=o>a||o>4.5;return !l&&a>3?t:l?"#FFFFFF":"#000000"}var K,$;function ie(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var oe=function(){if($)return K;$=1;var e=Object.prototype.hasOwnProperty,t=Object.prototype.toString,n=Object.defineProperty,r=Object.getOwnPropertyDescriptor,i=function(e){return "function"==typeof Array.isArray?Array.isArray(e):"[object Array]"===t.call(e)},o=function(n){if(!n||"[object Object]"!==t.call(n))return !1;var r,i=e.call(n,"constructor"),o=n.constructor&&n.constructor.prototype&&e.call(n.constructor.prototype,"isPrototypeOf");if(n.constructor&&!i&&!o)return !1;for(r in n);return void 0===r||e.call(n,r)},a=function(e,t){n&&"__proto__"===t.name?n(e,t.name,{enumerable:!0,configurable:!0,value:t.newValue,writable:!0}):e[t.name]=t.newValue;},l=function(t,n){if("__proto__"===n){if(!e.call(t,n))return;if(r)return r(t,n).value}return t[n]};return K=function e(){var t,n,r,s,c,u,f=arguments[0],d=1,p=arguments.length,h=!1;for("boolean"==typeof f&&(h=f,f=arguments[1]||{},d=2),(null==f||"object"!=typeof f&&"function"!=typeof f)&&(f={});d<p;++d)if(null!=(t=arguments[d]))for(n in t)r=l(f,n),f!==(s=l(t,n))&&(h&&s&&(o(s)||(c=i(s)))?(c?(c=!1,u=r&&i(r)?r:[]):u=r&&o(r)?r:{},a(f,{name:n,newValue:e(h,u,s)})):void 0!==s&&a(f,{name:n,newValue:s}));return f},K}();ie(oe);function de(e,t,n){e.prototype=t.prototype=n,n.constructor=e;}function pe(e,t){var n=Object.create(e.prototype);for(var r in t)n[r]=t[r];return n}function he(){}var me=1/.7,ve="\\s*([+-]?\\d+)\\s*",ge="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*",ye="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*",be=/^#([0-9a-f]{3,8})$/,xe=new RegExp(`^rgb\\(${ve},${ve},${ve}\\)$`),qe=new RegExp(`^rgb\\(${ye},${ye},${ye}\\)$`),we=new RegExp(`^rgba\\(${ve},${ve},${ve},${ge}\\)$`),ke=new RegExp(`^rgba\\(${ye},${ye},${ye},${ge}\\)$`),Ce=new RegExp(`^hsl\\(${ge},${ye},${ye}\\)$`),Me=new RegExp(`^hsla\\(${ge},${ye},${ye},${ge}\\)$`),Se={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074};function De(){return this.rgb().formatHex()}function Oe(){return this.rgb().formatRgb()}function Ie(e){var t,n;return e=(e+"").trim().toLowerCase(),(t=be.exec(e))?(n=t[1].length,t=parseInt(t[1],16),6===n?Ee(t):3===n?new Ne(t>>8&15|t>>4&240,t>>4&15|240&t,(15&t)<<4|15&t,1):8===n?Ae(t>>24&255,t>>16&255,t>>8&255,(255&t)/255):4===n?Ae(t>>12&15|t>>8&240,t>>8&15|t>>4&240,t>>4&15|240&t,((15&t)<<4|15&t)/255):null):(t=xe.exec(e))?new Ne(t[1],t[2],t[3],1):(t=qe.exec(e))?new Ne(255*t[1]/100,255*t[2]/100,255*t[3]/100,1):(t=we.exec(e))?Ae(t[1],t[2],t[3],t[4]):(t=ke.exec(e))?Ae(255*t[1]/100,255*t[2]/100,255*t[3]/100,t[4]):(t=Ce.exec(e))?Re(t[1],t[2]/100,t[3]/100,1):(t=Me.exec(e))?Re(t[1],t[2]/100,t[3]/100,t[4]):Se.hasOwnProperty(e)?Ee(Se[e]):"transparent"===e?new Ne(NaN,NaN,NaN,0):null}function Ee(e){return new Ne(e>>16&255,e>>8&255,255&e,1)}function Ae(e,t,n,r){return r<=0&&(e=t=n=NaN),new Ne(e,t,n,r)}function Te(e){return e instanceof he||(e=Ie(e)),e?new Ne((e=e.rgb()).r,e.g,e.b,e.opacity):new Ne}function Le(e,t,n,r){return 1===arguments.length?Te(e):new Ne(e,t,n,null==r?1:r)}function Ne(e,t,n,r){this.r=+e,this.g=+t,this.b=+n,this.opacity=+r;}function Pe(){return `#${ze(this.r)}${ze(this.g)}${ze(this.b)}`}function je(){const e=Fe(this.opacity);return `${1===e?"rgb(":"rgba("}${He(this.r)}, ${He(this.g)}, ${He(this.b)}${1===e?")":`, ${e})`}`}function Fe(e){return isNaN(e)?1:Math.max(0,Math.min(1,e))}function He(e){return Math.max(0,Math.min(255,Math.round(e)||0))}function ze(e){return ((e=He(e))<16?"0":"")+e.toString(16)}function Re(e,t,n,r){return r<=0?e=t=n=NaN:n<=0||n>=1?e=t=NaN:t<=0&&(e=NaN),new _e(e,t,n,r)}function Ve(e){if(e instanceof _e)return new _e(e.h,e.s,e.l,e.opacity);if(e instanceof he||(e=Ie(e)),!e)return new _e;if(e instanceof _e)return e;var t=(e=e.rgb()).r/255,n=e.g/255,r=e.b/255,i=Math.min(t,n,r),o=Math.max(t,n,r),a=NaN,l=o-i,s=(o+i)/2;return l?(a=t===o?(n-r)/l+6*(n<r):n===o?(r-t)/l+2:(t-n)/l+4,l/=s<.5?o+i:2-o-i,a*=60):l=s>0&&s<1?0:a,new _e(a,l,s,e.opacity)}function _e(e,t,n,r){this.h=+e,this.s=+t,this.l=+n,this.opacity=+r;}function Be(e){return (e=(e||0)%360)<0?e+360:e}function Ke(e){return Math.max(0,Math.min(1,e||0))}function $e(e,t,n){return 255*(e<60?t+(n-t)*e/60:e<180?n:e<240?t+(n-t)*(240-e)/60:t)}de(he,Ie,{copy(e){return Object.assign(new this.constructor,this,e)},displayable(){return this.rgb().displayable()},hex:De,formatHex:De,formatHex8:function(){return this.rgb().formatHex8()},formatHsl:function(){return Ve(this).formatHsl()},formatRgb:Oe,toString:Oe}),de(Ne,Le,pe(he,{brighter(e){return e=null==e?me:Math.pow(me,e),new Ne(this.r*e,this.g*e,this.b*e,this.opacity)},darker(e){return e=null==e?.7:Math.pow(.7,e),new Ne(this.r*e,this.g*e,this.b*e,this.opacity)},rgb(){return this},clamp(){return new Ne(He(this.r),He(this.g),He(this.b),Fe(this.opacity))},displayable(){return -.5<=this.r&&this.r<255.5&&-.5<=this.g&&this.g<255.5&&-.5<=this.b&&this.b<255.5&&0<=this.opacity&&this.opacity<=1},hex:Pe,formatHex:Pe,formatHex8:function(){return `#${ze(this.r)}${ze(this.g)}${ze(this.b)}${ze(255*(isNaN(this.opacity)?1:this.opacity))}`},formatRgb:je,toString:je})),de(_e,(function(e,t,n,r){return 1===arguments.length?Ve(e):new _e(e,t,n,null==r?1:r)}),pe(he,{brighter(e){return e=null==e?me:Math.pow(me,e),new _e(this.h,this.s,this.l*e,this.opacity)},darker(e){return e=null==e?.7:Math.pow(.7,e),new _e(this.h,this.s,this.l*e,this.opacity)},rgb(){var e=this.h%360+360*(this.h<0),t=isNaN(e)||isNaN(this.s)?0:this.s,n=this.l,r=n+(n<.5?n:1-n)*t,i=2*n-r;return new Ne($e(e>=240?e-240:e+120,i,r),$e(e,i,r),$e(e<120?e+240:e-120,i,r),this.opacity)},clamp(){return new _e(Be(this.h),Ke(this.s),Ke(this.l),Fe(this.opacity))},displayable(){return (0<=this.s&&this.s<=1||isNaN(this.s))&&0<=this.l&&this.l<=1&&0<=this.opacity&&this.opacity<=1},formatHsl(){const e=Fe(this.opacity);return `${1===e?"hsl(":"hsla("}${Be(this.h)}, ${100*Ke(this.s)}%, ${100*Ke(this.l)}%${1===e?")":`, ${e})`}`}}));const Ye=Math.PI/180,Ue=180/Math.PI,Ge=4/29,We=6/29,Xe=3*We*We;function Ze(e){if(e instanceof Je)return new Je(e.l,e.a,e.b,e.opacity);if(e instanceof ot)return at(e);e instanceof Ne||(e=Te(e));var t,n,r=nt(e.r),i=nt(e.g),o=nt(e.b),a=Qe((.2225045*r+.7168786*i+.0606169*o)/1);return r===i&&i===o?t=n=a:(t=Qe((.4360747*r+.3850649*i+.1430804*o)/.96422),n=Qe((.0139322*r+.0971045*i+.7141733*o)/.82521)),new Je(116*a-16,500*(t-a),200*(a-n),e.opacity)}function Je(e,t,n,r){this.l=+e,this.a=+t,this.b=+n,this.opacity=+r;}function Qe(e){return e>.008856451679035631?Math.pow(e,1/3):e/Xe+Ge}function et(e){return e>We?e*e*e:Xe*(e-Ge)}function tt(e){return 255*(e<=.0031308?12.92*e:1.055*Math.pow(e,1/2.4)-.055)}function nt(e){return (e/=255)<=.04045?e/12.92:Math.pow((e+.055)/1.055,2.4)}function rt(e){if(e instanceof ot)return new ot(e.h,e.c,e.l,e.opacity);if(e instanceof Je||(e=Ze(e)),0===e.a&&0===e.b)return new ot(NaN,0<e.l&&e.l<100?0:NaN,e.l,e.opacity);var t=Math.atan2(e.b,e.a)*Ue;return new ot(t<0?t+360:t,Math.sqrt(e.a*e.a+e.b*e.b),e.l,e.opacity)}function it(e,t,n,r){return 1===arguments.length?rt(e):new ot(e,t,n,null==r?1:r)}function ot(e,t,n,r){this.h=+e,this.c=+t,this.l=+n,this.opacity=+r;}function at(e){if(isNaN(e.h))return new Je(e.l,0,0,e.opacity);var t=e.h*Ye;return new Je(e.l,Math.cos(t)*e.c,Math.sin(t)*e.c,e.opacity)}de(Je,(function(e,t,n,r){return 1===arguments.length?Ze(e):new Je(e,t,n,null==r?1:r)}),pe(he,{brighter(e){return new Je(this.l+18*(null==e?1:e),this.a,this.b,this.opacity)},darker(e){return new Je(this.l-18*(null==e?1:e),this.a,this.b,this.opacity)},rgb(){var e=(this.l+16)/116,t=isNaN(this.a)?e:e+this.a/500,n=isNaN(this.b)?e:e-this.b/200;return new Ne(tt(3.1338561*(t=.96422*et(t))-1.6168667*(e=1*et(e))-.4906146*(n=.82521*et(n))),tt(-.9787684*t+1.9161415*e+.033454*n),tt(.0719453*t-.2289914*e+1.4052427*n),this.opacity)}})),de(ot,it,pe(he,{brighter(e){return new ot(this.h,this.c,this.l+18*(null==e?1:e),this.opacity)},darker(e){return new ot(this.h,this.c,this.l-18*(null==e?1:e),this.opacity)},rgb(){return at(this).rgb()}}));var lt=e=>()=>e;function st(e){return 1==(e=+e)?ct:function(t,n){return n-t?function(e,t,n){return e=Math.pow(e,n),t=Math.pow(t,n)-e,n=1/n,function(r){return Math.pow(e+r*t,n)}}(t,n,e):lt(isNaN(t)?n:t)}}function ct(e,t){var n=t-e;return n?function(e,t){return function(n){return e+n*t}}(e,n):lt(isNaN(e)?t:e)}(function e(t){var n=st(t);function r(e,t){var r=n((e=Le(e)).r,(t=Le(t)).r),i=n(e.g,t.g),o=n(e.b,t.b),a=ct(e.opacity,t.opacity);return function(t){return e.r=r(t),e.g=i(t),e.b=o(t),e.opacity=a(t),e+""}}return r.gamma=e,r})(1);var Ut="center",Gt="bottom";[{key:"NoDataExist",alignment:Ut,condition:function(e){var t=e.layoutService;if(!t)return !1;var n=t.meta.size;return n.x*n.y==0}},{key:"OnlyNanDataMeasure",translationKey:"OnlyNanData",alignment:Ut,condition:function(e){var t=e.layoutService;return !!t&&t.getHyperCubeValue("qMeasureInfo").every((function(e){return "NaN"===e.qMin&&"NaN"===e.qMax}))}},{key:"OnlyNanDataDimensionContinuous",translationKey:"OnlyNanData",alignment:Ut,condition:function(e){var t=e.layoutService;if(!t)return !1;if(!t.meta.isContinuous)return !1;var n=t.getHyperCubeValue("qDimensionInfo.0");return n&&(n.qMax<n.qMin||"NaN"===n.qMax)}},{key:"OnlyNegativeOrZeroValues",alignment:Ut},{key:"DataRangeIncludingZero",alignment:Gt},{key:"LimitedData",alignment:Gt},{key:"NegativeOrZeroValues",alignment:Gt}].reduce((function(e,t){return e[t.key]=t,e}),{});function Vn(e){var t=0,n=e.children,r=n&&n.length;if(r)for(;--r>=0;)t+=n[r].value;else t=1;e.value=t;}function _n(e,t){e instanceof Map?(e=[void 0,e],void 0===t&&(t=Kn)):void 0===t&&(t=Bn);for(var n,r,i,o,a,l=new Un(e),s=[l];n=s.pop();)if((i=t(n.data))&&(a=(i=Array.from(i)).length))for(n.children=i,o=a-1;o>=0;--o)s.push(r=i[o]=new Un(i[o])),r.parent=n,r.depth=n.depth+1;return l.eachBefore(Yn)}function Bn(e){return e.children}function Kn(e){return Array.isArray(e)?e[1]:null}function $n(e){void 0!==e.data.value&&(e.value=e.data.value),e.data=e.data.data;}function Yn(e){var t=0;do{e.height=t;}while((e=e.parent)&&e.height<++t)}function Un(e){this.data=e,this.depth=this.height=0,this.parent=null;}Un.prototype=_n.prototype={constructor:Un,count:function(){return this.eachAfter(Vn)},each:function(e,t){let n=-1;for(const r of this)e.call(t,r,++n,this);return this},eachAfter:function(e,t){for(var n,r,i,o=this,a=[o],l=[],s=-1;o=a.pop();)if(l.push(o),n=o.children)for(r=0,i=n.length;r<i;++r)a.push(n[r]);for(;o=l.pop();)e.call(t,o,++s,this);return this},eachBefore:function(e,t){for(var n,r,i=this,o=[i],a=-1;i=o.pop();)if(e.call(t,i,++a,this),n=i.children)for(r=n.length-1;r>=0;--r)o.push(n[r]);return this},find:function(e,t){let n=-1;for(const r of this)if(e.call(t,r,++n,this))return r},sum:function(e){return this.eachAfter((function(t){for(var n=+e(t.data)||0,r=t.children,i=r&&r.length;--i>=0;)n+=r[i].value;t.value=n;}))},sort:function(e){return this.eachBefore((function(t){t.children&&t.children.sort(e);}))},path:function(e){for(var t=this,n=function(e,t){if(e===t)return e;var n=e.ancestors(),r=t.ancestors(),i=null;e=n.pop(),t=r.pop();for(;e===t;)i=e,e=n.pop(),t=r.pop();return i}(t,e),r=[t];t!==n;)t=t.parent,r.push(t);for(var i=r.length;e!==n;)r.splice(i,0,e),e=e.parent;return r},ancestors:function(){for(var e=this,t=[e];e=e.parent;)t.push(e);return t},descendants:function(){return Array.from(this)},leaves:function(){var e=[];return this.eachBefore((function(t){t.children||e.push(t);})),e},links:function(){var e=this,t=[];return e.each((function(n){n!==e&&t.push({source:n.parent,target:n});})),t},copy:function(){return _n(this).eachBefore($n)},[Symbol.iterator]:function*(){var e,t,n,r,i=this,o=[i];do{for(e=o.reverse(),o=[];i=e.pop();)if(yield i,t=i.children)for(n=0,r=t.length;n<r;++n)o.push(t[n]);}while(o.length)}};var qr,wr;(qr=function(e){
+function e(e){return "number"==typeof e.r&&"number"==typeof e.g&&"number"==typeof e.b&&"number"==typeof e.a}function t(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];if(1===n.length&&e(n[0]))return (n[0].r<<16)+(n[0].g<<8)+n[0].b;var i=0,o=0,a=0;if(1===n.length&&"string"==typeof n[0]){var l,s=n[0];(l=/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i.exec(s))?(i=parseInt(l[1],10),o=parseInt(l[2],10),a=parseInt(l[3],10)):(l=/^#([A-Fa-f0-9]{2})([A-Fa-f0-9]{2})([A-Fa-f0-9]{2})$/i.exec(s))?(i=parseInt(l[1],16),o=parseInt(l[2],16),a=parseInt(l[3],16)):(l=/^#([A-Fa-f0-9])([A-Fa-f0-9])([A-Fa-f0-9])$/i.exec(s))&&(i=parseInt(l[1]+l[1],16),o=parseInt(l[2]+l[2],16),a=parseInt(l[3]+l[3],16));}return (i<<16)+(o<<8)+a}function o(e,t,n){return (t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(undefined!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return ("string"===t?String:Number)(e)}(e,"string");return "symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:true,configurable:true,writable:true}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r);}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),true).forEach((function(t){o(e,t,n[t]);})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t));}));}return e}var h={aliceblue:{r:240,g:248,b:255},antiquewhite:{r:250,g:235,b:215},aqua:{r:0,g:255,b:255},aquamarine:{r:127,g:255,b:212},azure:{r:240,g:255,b:255},beige:{r:245,g:245,b:220},bisque:{r:255,g:228,b:196},black:{r:0,g:0,b:0},blanchedalmond:{r:255,g:235,b:205},blue:{r:0,g:0,b:255},blueviolet:{r:138,g:43,b:226},brown:{r:165,g:42,b:42},burlywood:{r:222,g:184,b:135},cadetblue:{r:95,g:158,b:160},chartreuse:{r:127,g:255,b:0},chocolate:{r:210,g:105,b:30},coral:{r:255,g:127,b:80},cornflowerblue:{r:100,g:149,b:237},cornsilk:{r:255,g:248,b:220},crimson:{r:220,g:20,b:60},cyan:{r:0,g:255,b:255},darkblue:{r:0,g:0,b:139},darkcyan:{r:0,g:139,b:139},darkgoldenrod:{r:184,g:134,b:11},darkgray:{r:169,g:169,b:169},darkgreen:{r:0,g:100,b:0},darkgrey:{r:169,g:169,b:169},darkkhaki:{r:189,g:183,b:107},darkmagenta:{r:139,g:0,b:139},darkolivegreen:{r:85,g:107,b:47},darkorange:{r:255,g:140,b:0},darkorchid:{r:153,g:50,b:204},darkred:{r:139,g:0,b:0},darksalmon:{r:233,g:150,b:122},darkseagreen:{r:143,g:188,b:143},darkslateblue:{r:72,g:61,b:139},darkslategray:{r:47,g:79,b:79},darkslategrey:{r:47,g:79,b:79},darkturquoise:{r:0,g:206,b:209},darkviolet:{r:148,g:0,b:211},deeppink:{r:255,g:20,b:147},deepskyblue:{r:0,g:191,b:255},dimgray:{r:105,g:105,b:105},dimgrey:{r:105,g:105,b:105},dodgerblue:{r:30,g:144,b:255},firebrick:{r:178,g:34,b:34},floralwhite:{r:255,g:250,b:240},forestgreen:{r:34,g:139,b:34},fuchsia:{r:255,g:0,b:255},gainsboro:{r:220,g:220,b:220},ghostwhite:{r:248,g:248,b:255},gold:{r:255,g:215,b:0},goldenrod:{r:218,g:165,b:32},gray:{r:128,g:128,b:128},green:{r:0,g:128,b:0},greenyellow:{r:173,g:255,b:47},grey:{r:128,g:128,b:128},honeydew:{r:240,g:255,b:240},hotpink:{r:255,g:105,b:180},indianred:{r:205,g:92,b:92},indigo:{r:75,g:0,b:130},ivory:{r:255,g:255,b:240},khaki:{r:240,g:230,b:140},lavender:{r:230,g:230,b:250},lavenderblush:{r:255,g:240,b:245},lawngreen:{r:124,g:252,b:0},lemonchiffon:{r:255,g:250,b:205},lightblue:{r:173,g:216,b:230},lightcoral:{r:240,g:128,b:128},lightcyan:{r:224,g:255,b:255},lightgoldenrodyellow:{r:250,g:250,b:210},lightgray:{r:211,g:211,b:211},lightgreen:{r:144,g:238,b:144},lightgrey:{r:211,g:211,b:211},lightpink:{r:255,g:182,b:193},lightsalmon:{r:255,g:160,b:122},lightseagreen:{r:32,g:178,b:170},lightskyblue:{r:135,g:206,b:250},lightslategray:{r:119,g:136,b:153},lightslategrey:{r:119,g:136,b:153},lightsteelblue:{r:176,g:196,b:222},lightyellow:{r:255,g:255,b:224},lime:{r:0,g:255,b:0},limegreen:{r:50,g:205,b:50},linen:{r:250,g:240,b:230},magenta:{r:255,g:0,b:255},maroon:{r:128,g:0,b:0},mediumaquamarine:{r:102,g:205,b:170},mediumblue:{r:0,g:0,b:205},mediumorchid:{r:186,g:85,b:211},mediumpurple:{r:147,g:112,b:219},mediumseagreen:{r:60,g:179,b:113},mediumslateblue:{r:123,g:104,b:238},mediumspringgreen:{r:0,g:250,b:154},mediumturquoise:{r:72,g:209,b:204},mediumvioletred:{r:199,g:21,b:133},midnightblue:{r:25,g:25,b:112},mintcream:{r:245,g:255,b:250},mistyrose:{r:255,g:228,b:225},moccasin:{r:255,g:228,b:181},navajowhite:{r:255,g:222,b:173},navy:{r:0,g:0,b:128},oldlace:{r:253,g:245,b:230},olive:{r:128,g:128,b:0},olivedrab:{r:107,g:142,b:35},orange:{r:255,g:165,b:0},orangered:{r:255,g:69,b:0},orchid:{r:218,g:112,b:214},palegoldenrod:{r:238,g:232,b:170},palegreen:{r:152,g:251,b:152},paleturquoise:{r:175,g:238,b:238},palevioletred:{r:219,g:112,b:147},papayawhip:{r:255,g:239,b:213},peachpuff:{r:255,g:218,b:185},peru:{r:205,g:133,b:63},pink:{r:255,g:192,b:203},plum:{r:221,g:160,b:221},powderblue:{r:176,g:224,b:230},purple:{r:128,g:0,b:128},red:{r:255,g:0,b:0},rosybrown:{r:188,g:143,b:143},royalblue:{r:65,g:105,b:225},saddlebrown:{r:139,g:69,b:19},salmon:{r:250,g:128,b:114},sandybrown:{r:244,g:164,b:96},seagreen:{r:46,g:139,b:87},seashell:{r:255,g:245,b:238},sienna:{r:160,g:82,b:45},silver:{r:192,g:192,b:192},skyblue:{r:135,g:206,b:235},slateblue:{r:106,g:90,b:205},slategray:{r:112,g:128,b:144},slategrey:{r:112,g:128,b:144},snow:{r:255,g:250,b:250},springgreen:{r:0,g:255,b:127},steelblue:{r:70,g:130,b:180},tan:{r:210,g:180,b:140},teal:{r:0,g:128,b:128},thistle:{r:216,g:191,b:216},tomato:{r:255,g:99,b:71},transparent:{r:0,g:0,b:0,a:0},turquoise:{r:64,g:224,b:208},violet:{r:238,g:130,b:238},wheat:{r:245,g:222,b:179},white:{r:255,g:255,b:255},whitesmoke:{r:245,g:245,b:245},yellow:{r:255,g:255,b:0},yellowgreen:{r:154,g:205,b:50}},m="qcm-color";function v(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var i,o,a,s,c,u,f,d,p,v={type:m,r:0,g:0,b:0,a:1,l:undefined,invalid:false,spaces:{}},g=0,y=0,b=0,x=1;if((null===(e=n[0])||undefined===e?undefined:e.type)===m){var q=n[0];g=q.r,y=q.g,b=q.b,x=q.a,v.invalid=n[0].invalid,v.spaces=l({},n[0].spaces);}else if(n.length<3)if("string"==typeof n[0]){var w,k=n[0];if(w=/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i.exec(k))g=parseInt(w[1],10),y=parseInt(w[2],10),b=parseInt(w[3],10);else if(w=/^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d(\.\d+)?)\s*\)$/i.exec(k))g=parseInt(w[1],10),y=parseInt(w[2],10),b=parseInt(w[3],10),x=parseFloat(w[4]);else if(w=/^ARGB\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i.exec(k))x=parseInt(w[1],10)/255,g=parseInt(w[2],10),y=parseInt(w[3],10),b=parseInt(w[4],10);else if(w=/^#([A-Fa-f0-9]{2})([A-Fa-f0-9]{2})([A-Fa-f0-9]{2})$/i.exec(k))g=parseInt(w[1],16),y=parseInt(w[2],16),b=parseInt(w[3],16),x=1;else if(w=/^#([A-Fa-f0-9])([A-Fa-f0-9])([A-Fa-f0-9])$/i.exec(k))g=parseInt(w[1]+w[1],16),y=parseInt(w[2]+w[2],16),b=parseInt(w[3]+w[3],16),x=1;else if(w=/^hsl\(\s*(\d+(\.\d+)?)\s*,\s*(\d+(\.\d+)?%?)\s*,\s*(\d+(\.\d+)?%?)\s*\)$/i.exec(k)){i=parseFloat(w[1]),o=parseFloat(w[3]),s=parseFloat(w[5]),o=(o/=100)<0?0:o>1?1:o,f=(i=(i%=360)<0?0:i>360?360:i)/60,d=(u=(s=(s/=100)<0?0:s>1?1:s)<=.5?2*s*o:(2-2*s)*o)*(1-Math.abs(f%2-1));var C=[];switch(f=Math.floor(f)){case 0:C=[u,d,0];break;case 1:C=[d,u,0];break;case 2:C=[0,u,d];break;case 3:C=[0,d,u];break;case 4:C=[d,0,u];break;case 5:C=[u,0,d];break;default:C=[0,0,0];}p=s-.5*u,g=C[0]+p,y=C[1]+p,b=C[2]+p,g=Math.round(255*g),y=Math.round(255*y),b=Math.round(255*b),x=1;}else if(w=/^hsla\(\s*(\d+(\.\d+)?)\s*,\s*(\d+(\.\d+)?%?)\s*,\s*(\d+(\.\d+)?%?)\s*,\s*(\d(\.\d+)?)\s*\)$/i.exec(k)){i=parseFloat(w[1]),o=parseFloat(w[3]),s=parseFloat(w[5]),x=parseFloat(w[7]),o=(o/=100)<0?0:o>1?1:o,f=(i=(i%=360)<0?0:i>360?360:i)/60,d=(u=(s=(s/=100)<0?0:s>1?1:s)<=.5?2*s*o:(2-2*s)*o)*(1-Math.abs(f%2-1));var M=[];switch(f=Math.floor(f)){case 0:M=[u,d,0];break;case 1:M=[d,u,0];break;case 2:M=[0,u,d];break;case 3:M=[0,d,u];break;case 4:M=[d,0,u];break;case 5:M=[u,0,d];break;default:M=[0,0,0];}p=s-.5*u,g=M[0]+p,y=M[1]+p,b=M[2]+p,g=Math.round(255*g),y=Math.round(255*y),b=Math.round(255*b);}else if(w=/^hsv\(\s*(\d+(\.\d+)?)\s*,\s*(\d+(\.\d+)?%?)\s*,\s*(\d+(\.\d+)?%?)\s*\)$/i.exec(k)){i=parseFloat(w[1]),o=parseFloat(w[3]),c=parseFloat(w[5]),f=(i=(i%=360)<0?0:i>360?360:i)/60,d=(u=(c=(c/=100)<0?0:c>1?1:c)*(o=(o/=100)<0?0:o>1?1:o))*(1-Math.abs(f%2-1));var S=[];switch(f=Math.floor(f)){case 0:S=[u,d,0];break;case 1:S=[d,u,0];break;case 2:S=[0,u,d];break;case 3:S=[0,d,u];break;case 4:S=[d,0,u];break;case 5:S=[u,0,d];break;default:S=[0,0,0];}p=c-u,g=S[0]+p,y=S[1]+p,b=S[2]+p,g=Math.round(255*g),y=Math.round(255*y),b=Math.round(255*b),x=1;}else if(h[k.toLowerCase()]){a=k.toLowerCase();var D=h[a];g=D.r,y=D.g,b=D.b,x="number"==typeof h[a].a?h[a].a:1;}else v.invalid=true;}else "number"==typeof n[0]&&n[0]>=0&&"argb"===n[1]?(x=(4278190080&n[0])>>>24,x/=255,g=(16711680&n[0])>>16,y=(65280&n[0])>>8,b=255&n[0]):"number"==typeof n[0]&&n[0]>=0?(g=(16711680&n[0])>>16,y=(65280&n[0])>>8,b=255&n[0]):v.invalid=true;else n.length>=3&&n.length<=4?(g=n[0],y=n[1],b=n[2],x=arguments.length>=4?n[3]:1):v.invalid=true;return Number.isNaN(+g+y+b+x)&&(v.invalid=true),v.r=Math.floor(g),v.g=Math.floor(y),v.b=Math.floor(b),v.a=x,v.l=s,v}function g(n){var r,i,o;if(e(n))return r=n.r.toString(16),i=n.g.toString(16),o=n.b.toString(16),1===r.length&&(r="0".concat(r)),1===i.length&&(i="0".concat(i)),1===o.length&&(o="0".concat(o)),"#".concat([r,i,o].join(""));var a="string"==typeof n?t(n):n;return r=((16711680&a)>>16).toString(16),i=((65280&a)>>8).toString(16),o=(255&a).toString(16),1===r.length&&(r="0".concat(r)),1===i.length&&(i="0".concat(i)),1===o.length&&(o="0".concat(o)),"#".concat(r).concat(i).concat(o)}function y(e){var t,n,r=0,i="string"==typeof e?v(e):e,o=i.r/255,a=i.g/255,l=i.b/255,s=Math.max(o,a,l),c=Math.min(o,a,l),u=(s+c)/2;if(s===c)t=0,r=0;else {switch(n=s-c,t=u>.5?n/(2-s-c):n/(s+c),s){case o:r=(a-l)/n+(a<l?6:0);break;case a:r=(l-o)/n+2;break;case l:r=(o-a)/n+4;}r/=6;}return "hsl(".concat(360*r,", ").concat(100*t,", ").concat(100*u,")")}function b(e){var t,n,r=0,i="string"==typeof e?v(e):e,o=i.r/255,a=i.g/255,l=i.b/255,s=i.a,c=Math.max(o,a,l),u=Math.min(o,a,l),f=(c+u)/2;if(c===u)t=0,r=0;else {switch(n=c-u,t=f>.5?n/(2-c-u):n/(c+u),c){case o:r=(a-l)/n+(a<l?6:0);break;case a:r=(l-o)/n+2;break;case l:r=(o-a)/n+4;}r/=6;}return "hsla(".concat(360*r,", ").concat(100*t,", ").concat(100*f,", ").concat(s,")")}function x(e){var t,n,r=0,i="string"==typeof e?v(e):e,o=i.r/255,a=i.g/255,l=i.b/255,s=Math.max(o,a,l),c=Math.min(o,a,l),u=s;if(s===c)t=0,r=0;else {switch(t=0===(n=s-c)?0:n/u,s){case o:r=(a-l)/n+(a<l?6:0);break;case a:r=(l-o)/n+2;break;case l:r=(o-a)/n+4;}r/=6;}return {h:360*r%360,s:100*t,v:100*u}}function q(e){var t=x(e),n=t.h,r=t.s,i=t.v;return "hsv(".concat(n,", ").concat(r,", ").concat(i,")")}function w(n){if(e(n))return "rgb(".concat([n.r,n.g,n.b].join(", "),")");var r="string"==typeof n?t(n):n,i=(65280&r)>>8,o=255&r;return "rgb(".concat((16711680&r)>>16,", ").concat(i,", ").concat(o,")")}function k(t,n){return e(t)?"rgba(".concat([t.r,t.g,t.b,t.a].join(", "),")"):k(v(t))}function C(t){return e(t)?1===t.a?w(t):k(t):C(v(t))}var M=function(e){var t=e/255;return t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4)};function S(e){return .2126*M(e.r)+.7152*M(e.g)+.0722*M(e.b)}function D(){var e=v.apply(undefined,arguments);return e.invalid||S(e)<.4}function O(){var e=v.apply(undefined,arguments),t={type:e.type,r:e.r,g:e.g,b:e.b,a:e.a,invalid:e.invalid,spaces:e.spaces},n=function(){return t.spaces.hsla||(t.spaces.hsla=b(t)),t.spaces.hsla},r=function(e){var t=n(),r=/^hsla\(\s*(\d+(\.\d+)?)\s*,\s*(\d+(\.\d+)?%?)\s*,\s*(\d+(\.\d+)?%?)\s*,\s*(\d(\.\d+)?)\s*\)$/i.exec(t),i=parseFloat(r[1]),o=parseFloat(r[3]),a=parseFloat(r[7]),l=parseFloat(r[5]),s=Math.max(0,Math.min(l+e,100));return "hsla(".concat(i,", ").concat(o,", ").concat(s,", ").concat(a,")")};return {get type(){return t.type},isInvalid:function(){return t.invalid},get r(){return t.r},get g(){return t.g},get b(){return t.b},get a(){return t.a},getR:function(){return t.r},getG:function(){return t.g},getB:function(){return t.b},getAlpha:function(){return t.a},setAlpha:function(e){t.a=e,t.spaces={};},isEqualTo:function(e){var n=e.type===t.type?e:v(e);return n.r===t.r&&n.g===t.g&&n.b===t.b&&n.a===t.a},isDark:function(){return D(t)},getRGB:function(){return t.spaces.rgb||(t.spaces.rgb=w(t)),t.spaces.rgb},getRGBA:function(){return t.spaces.rgba||(t.spaces.rgba=k(t)),t.spaces.rgba},getString:function(){return t.spaces.string||(t.spaces.string=C(t)),t.spaces.string},getHex:function(){return t.spaces.hex||(t.spaces.hex=g(t)),t.spaces.hex},getHSL:function(){return t.spaces.hsl||(t.spaces.hsl=y(t)),t.spaces.hsl},getHSLA:n,getShiftedHSLA:r,getHSV:function(){return t.spaces.hsv||(t.spaces.hsv=q(t)),t.spaces.hsv},getHSVObject:function(){return t.spaces.hsvObject||(t.spaces.hsvObject=x(t)),t.spaces.hsvObject},blend:function(e,n){var r=Math.floor(t.r+(e.r-t.r)*n),i=Math.floor(t.g+(e.g-t.g)*n),o=Math.floor(t.b+(e.b-t.b)*n),a=Math.floor(t.a+(e.getAlpha()-t.a)*n);return "rgba(".concat([r,i,o,a].join(", "),")")},getBrightenedColor:function(){var e=arguments.length>0&&undefined!==arguments[0]?arguments[0]:1;return O(r(18*e))},getDarkenedColor:function(){var e=arguments.length>0&&undefined!==arguments[0]?arguments[0]:1;return O(r(18*-e))}}}function I(e,t){if(e&&t){var n=S(e),r=S(t);return n>r?(n+.05)/(r+.05):(r+.05)/(n+.05)}}function A(e,t){var n=O("#FFFFFF"),r=O(e),i=O(t);if(r.isInvalid()||i.isInvalid()||r.getAlpha()<1||i.getAlpha()<1)return t;var o=I(n,r),a=I(i,r),l=o>a||o>4.5;return !l&&a>3?t:l?"#FFFFFF":"#000000"}var K,$;function ie(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var oe=function(){if($)return K;$=1;var e=Object.prototype.hasOwnProperty,t=Object.prototype.toString,n=Object.defineProperty,r=Object.getOwnPropertyDescriptor,i=function(e){return "function"==typeof Array.isArray?Array.isArray(e):"[object Array]"===t.call(e)},o=function(n){if(!n||"[object Object]"!==t.call(n))return false;var r,i=e.call(n,"constructor"),o=n.constructor&&n.constructor.prototype&&e.call(n.constructor.prototype,"isPrototypeOf");if(n.constructor&&!i&&!o)return false;for(r in n);return undefined===r||e.call(n,r)},a=function(e,t){n&&"__proto__"===t.name?n(e,t.name,{enumerable:true,configurable:true,value:t.newValue,writable:true}):e[t.name]=t.newValue;},l=function(t,n){if("__proto__"===n){if(!e.call(t,n))return;if(r)return r(t,n).value}return t[n]};return K=function e(){var t,n,r,s,c,u,f=arguments[0],d=1,p=arguments.length,h=false;for("boolean"==typeof f&&(h=f,f=arguments[1]||{},d=2),(null==f||"object"!=typeof f&&"function"!=typeof f)&&(f={});d<p;++d)if(null!=(t=arguments[d]))for(n in t)r=l(f,n),f!==(s=l(t,n))&&(h&&s&&(o(s)||(c=i(s)))?(c?(c=false,u=r&&i(r)?r:[]):u=r&&o(r)?r:{},a(f,{name:n,newValue:e(h,u,s)})):undefined!==s&&a(f,{name:n,newValue:s}));return f},K}();ie(oe);function de(e,t,n){e.prototype=t.prototype=n,n.constructor=e;}function pe(e,t){var n=Object.create(e.prototype);for(var r in t)n[r]=t[r];return n}function he(){}var me=1/.7,ve="\\s*([+-]?\\d+)\\s*",ge="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*",ye="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*",be=/^#([0-9a-f]{3,8})$/,xe=new RegExp(`^rgb\\(${ve},${ve},${ve}\\)$`),qe=new RegExp(`^rgb\\(${ye},${ye},${ye}\\)$`),we=new RegExp(`^rgba\\(${ve},${ve},${ve},${ge}\\)$`),ke=new RegExp(`^rgba\\(${ye},${ye},${ye},${ge}\\)$`),Ce=new RegExp(`^hsl\\(${ge},${ye},${ye}\\)$`),Me=new RegExp(`^hsla\\(${ge},${ye},${ye},${ge}\\)$`),Se={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074};function De(){return this.rgb().formatHex()}function Oe(){return this.rgb().formatRgb()}function Ie(e){var t,n;return e=(e+"").trim().toLowerCase(),(t=be.exec(e))?(n=t[1].length,t=parseInt(t[1],16),6===n?Ee(t):3===n?new Ne(t>>8&15|t>>4&240,t>>4&15|240&t,(15&t)<<4|15&t,1):8===n?Ae(t>>24&255,t>>16&255,t>>8&255,(255&t)/255):4===n?Ae(t>>12&15|t>>8&240,t>>8&15|t>>4&240,t>>4&15|240&t,((15&t)<<4|15&t)/255):null):(t=xe.exec(e))?new Ne(t[1],t[2],t[3],1):(t=qe.exec(e))?new Ne(255*t[1]/100,255*t[2]/100,255*t[3]/100,1):(t=we.exec(e))?Ae(t[1],t[2],t[3],t[4]):(t=ke.exec(e))?Ae(255*t[1]/100,255*t[2]/100,255*t[3]/100,t[4]):(t=Ce.exec(e))?Re(t[1],t[2]/100,t[3]/100,1):(t=Me.exec(e))?Re(t[1],t[2]/100,t[3]/100,t[4]):Se.hasOwnProperty(e)?Ee(Se[e]):"transparent"===e?new Ne(NaN,NaN,NaN,0):null}function Ee(e){return new Ne(e>>16&255,e>>8&255,255&e,1)}function Ae(e,t,n,r){return r<=0&&(e=t=n=NaN),new Ne(e,t,n,r)}function Te(e){return e instanceof he||(e=Ie(e)),e?new Ne((e=e.rgb()).r,e.g,e.b,e.opacity):new Ne}function Le(e,t,n,r){return 1===arguments.length?Te(e):new Ne(e,t,n,null==r?1:r)}function Ne(e,t,n,r){this.r=+e,this.g=+t,this.b=+n,this.opacity=+r;}function Pe(){return `#${ze(this.r)}${ze(this.g)}${ze(this.b)}`}function je(){const e=Fe(this.opacity);return `${1===e?"rgb(":"rgba("}${He(this.r)}, ${He(this.g)}, ${He(this.b)}${1===e?")":`, ${e})`}`}function Fe(e){return isNaN(e)?1:Math.max(0,Math.min(1,e))}function He(e){return Math.max(0,Math.min(255,Math.round(e)||0))}function ze(e){return ((e=He(e))<16?"0":"")+e.toString(16)}function Re(e,t,n,r){return r<=0?e=t=n=NaN:n<=0||n>=1?e=t=NaN:t<=0&&(e=NaN),new _e(e,t,n,r)}function Ve(e){if(e instanceof _e)return new _e(e.h,e.s,e.l,e.opacity);if(e instanceof he||(e=Ie(e)),!e)return new _e;if(e instanceof _e)return e;var t=(e=e.rgb()).r/255,n=e.g/255,r=e.b/255,i=Math.min(t,n,r),o=Math.max(t,n,r),a=NaN,l=o-i,s=(o+i)/2;return l?(a=t===o?(n-r)/l+6*(n<r):n===o?(r-t)/l+2:(t-n)/l+4,l/=s<.5?o+i:2-o-i,a*=60):l=s>0&&s<1?0:a,new _e(a,l,s,e.opacity)}function _e(e,t,n,r){this.h=+e,this.s=+t,this.l=+n,this.opacity=+r;}function Be(e){return (e=(e||0)%360)<0?e+360:e}function Ke(e){return Math.max(0,Math.min(1,e||0))}function $e(e,t,n){return 255*(e<60?t+(n-t)*e/60:e<180?n:e<240?t+(n-t)*(240-e)/60:t)}de(he,Ie,{copy(e){return Object.assign(new this.constructor,this,e)},displayable(){return this.rgb().displayable()},hex:De,formatHex:De,formatHex8:function(){return this.rgb().formatHex8()},formatHsl:function(){return Ve(this).formatHsl()},formatRgb:Oe,toString:Oe}),de(Ne,Le,pe(he,{brighter(e){return e=null==e?me:Math.pow(me,e),new Ne(this.r*e,this.g*e,this.b*e,this.opacity)},darker(e){return e=null==e?.7:Math.pow(.7,e),new Ne(this.r*e,this.g*e,this.b*e,this.opacity)},rgb(){return this},clamp(){return new Ne(He(this.r),He(this.g),He(this.b),Fe(this.opacity))},displayable(){return -0.5<=this.r&&this.r<255.5&&-0.5<=this.g&&this.g<255.5&&-0.5<=this.b&&this.b<255.5&&0<=this.opacity&&this.opacity<=1},hex:Pe,formatHex:Pe,formatHex8:function(){return `#${ze(this.r)}${ze(this.g)}${ze(this.b)}${ze(255*(isNaN(this.opacity)?1:this.opacity))}`},formatRgb:je,toString:je})),de(_e,(function(e,t,n,r){return 1===arguments.length?Ve(e):new _e(e,t,n,null==r?1:r)}),pe(he,{brighter(e){return e=null==e?me:Math.pow(me,e),new _e(this.h,this.s,this.l*e,this.opacity)},darker(e){return e=null==e?.7:Math.pow(.7,e),new _e(this.h,this.s,this.l*e,this.opacity)},rgb(){var e=this.h%360+360*(this.h<0),t=isNaN(e)||isNaN(this.s)?0:this.s,n=this.l,r=n+(n<.5?n:1-n)*t,i=2*n-r;return new Ne($e(e>=240?e-240:e+120,i,r),$e(e,i,r),$e(e<120?e+240:e-120,i,r),this.opacity)},clamp(){return new _e(Be(this.h),Ke(this.s),Ke(this.l),Fe(this.opacity))},displayable(){return (0<=this.s&&this.s<=1||isNaN(this.s))&&0<=this.l&&this.l<=1&&0<=this.opacity&&this.opacity<=1},formatHsl(){const e=Fe(this.opacity);return `${1===e?"hsl(":"hsla("}${Be(this.h)}, ${100*Ke(this.s)}%, ${100*Ke(this.l)}%${1===e?")":`, ${e})`}`}}));const Ye=Math.PI/180,Ue=180/Math.PI,Ge=4/29,We=6/29,Xe=3*We*We;function Ze(e){if(e instanceof Je)return new Je(e.l,e.a,e.b,e.opacity);if(e instanceof ot)return at(e);e instanceof Ne||(e=Te(e));var t,n,r=nt(e.r),i=nt(e.g),o=nt(e.b),a=Qe((.2225045*r+.7168786*i+.0606169*o)/1);return r===i&&i===o?t=n=a:(t=Qe((.4360747*r+.3850649*i+.1430804*o)/.96422),n=Qe((.0139322*r+.0971045*i+.7141733*o)/.82521)),new Je(116*a-16,500*(t-a),200*(a-n),e.opacity)}function Je(e,t,n,r){this.l=+e,this.a=+t,this.b=+n,this.opacity=+r;}function Qe(e){return e>.008856451679035631?Math.pow(e,1/3):e/Xe+Ge}function et(e){return e>We?e*e*e:Xe*(e-Ge)}function tt(e){return 255*(e<=.0031308?12.92*e:1.055*Math.pow(e,1/2.4)-.055)}function nt(e){return (e/=255)<=.04045?e/12.92:Math.pow((e+.055)/1.055,2.4)}function rt(e){if(e instanceof ot)return new ot(e.h,e.c,e.l,e.opacity);if(e instanceof Je||(e=Ze(e)),0===e.a&&0===e.b)return new ot(NaN,0<e.l&&e.l<100?0:NaN,e.l,e.opacity);var t=Math.atan2(e.b,e.a)*Ue;return new ot(t<0?t+360:t,Math.sqrt(e.a*e.a+e.b*e.b),e.l,e.opacity)}function it(e,t,n,r){return 1===arguments.length?rt(e):new ot(e,t,n,null==r?1:r)}function ot(e,t,n,r){this.h=+e,this.c=+t,this.l=+n,this.opacity=+r;}function at(e){if(isNaN(e.h))return new Je(e.l,0,0,e.opacity);var t=e.h*Ye;return new Je(e.l,Math.cos(t)*e.c,Math.sin(t)*e.c,e.opacity)}de(Je,(function(e,t,n,r){return 1===arguments.length?Ze(e):new Je(e,t,n,null==r?1:r)}),pe(he,{brighter(e){return new Je(this.l+18*(null==e?1:e),this.a,this.b,this.opacity)},darker(e){return new Je(this.l-18*(null==e?1:e),this.a,this.b,this.opacity)},rgb(){var e=(this.l+16)/116,t=isNaN(this.a)?e:e+this.a/500,n=isNaN(this.b)?e:e-this.b/200;return new Ne(tt(3.1338561*(t=.96422*et(t))-1.6168667*(e=1*et(e))-.4906146*(n=.82521*et(n))),tt(-0.9787684*t+1.9161415*e+.033454*n),tt(.0719453*t-.2289914*e+1.4052427*n),this.opacity)}})),de(ot,it,pe(he,{brighter(e){return new ot(this.h,this.c,this.l+18*(null==e?1:e),this.opacity)},darker(e){return new ot(this.h,this.c,this.l-18*(null==e?1:e),this.opacity)},rgb(){return at(this).rgb()}}));var lt=e=>()=>e;function st(e){return 1==(e=+e)?ct:function(t,n){return n-t?function(e,t,n){return e=Math.pow(e,n),t=Math.pow(t,n)-e,n=1/n,function(r){return Math.pow(e+r*t,n)}}(t,n,e):lt(isNaN(t)?n:t)}}function ct(e,t){var n=t-e;return n?function(e,t){return function(n){return e+n*t}}(e,n):lt(isNaN(e)?t:e)}(function e(t){var n=st(t);function r(e,t){var r=n((e=Le(e)).r,(t=Le(t)).r),i=n(e.g,t.g),o=n(e.b,t.b),a=ct(e.opacity,t.opacity);return function(t){return e.r=r(t),e.g=i(t),e.b=o(t),e.opacity=a(t),e+""}}return r.gamma=e,r})(1);var Ut="center",Gt="bottom";[{key:"NoDataExist",alignment:Ut,condition:function(e){var t=e.layoutService;if(!t)return false;var n=t.meta.size;return n.x*n.y==0}},{key:"OnlyNanDataMeasure",translationKey:"OnlyNanData",alignment:Ut,condition:function(e){var t=e.layoutService;return !!t&&t.getHyperCubeValue("qMeasureInfo").every((function(e){return "NaN"===e.qMin&&"NaN"===e.qMax}))}},{key:"OnlyNanDataDimensionContinuous",translationKey:"OnlyNanData",alignment:Ut,condition:function(e){var t=e.layoutService;if(!t)return false;if(!t.meta.isContinuous)return false;var n=t.getHyperCubeValue("qDimensionInfo.0");return n&&(n.qMax<n.qMin||"NaN"===n.qMax)}},{key:"OnlyNegativeOrZeroValues",alignment:Ut},{key:"DataRangeIncludingZero",alignment:Gt},{key:"LimitedData",alignment:Gt},{key:"NegativeOrZeroValues",alignment:Gt}].reduce((function(e,t){return e[t.key]=t,e}),{});function Vn(e){var t=0,n=e.children,r=n&&n.length;if(r)for(;--r>=0;)t+=n[r].value;else t=1;e.value=t;}function _n(e,t){e instanceof Map?(e=[undefined,e],undefined===t&&(t=Kn)):undefined===t&&(t=Bn);for(var n,r,i,o,a,l=new Un(e),s=[l];n=s.pop();)if((i=t(n.data))&&(a=(i=Array.from(i)).length))for(n.children=i,o=a-1;o>=0;--o)s.push(r=i[o]=new Un(i[o])),r.parent=n,r.depth=n.depth+1;return l.eachBefore(Yn)}function Bn(e){return e.children}function Kn(e){return Array.isArray(e)?e[1]:null}function $n(e){undefined!==e.data.value&&(e.value=e.data.value),e.data=e.data.data;}function Yn(e){var t=0;do{e.height=t;}while((e=e.parent)&&e.height<++t)}function Un(e){this.data=e,this.depth=this.height=0,this.parent=null;}Un.prototype=_n.prototype={constructor:Un,count:function(){return this.eachAfter(Vn)},each:function(e,t){let n=-1;for(const r of this)e.call(t,r,++n,this);return this},eachAfter:function(e,t){for(var n,r,i,o=this,a=[o],l=[],s=-1;o=a.pop();)if(l.push(o),n=o.children)for(r=0,i=n.length;r<i;++r)a.push(n[r]);for(;o=l.pop();)e.call(t,o,++s,this);return this},eachBefore:function(e,t){for(var n,r,i=this,o=[i],a=-1;i=o.pop();)if(e.call(t,i,++a,this),n=i.children)for(r=n.length-1;r>=0;--r)o.push(n[r]);return this},find:function(e,t){let n=-1;for(const r of this)if(e.call(t,r,++n,this))return r},sum:function(e){return this.eachAfter((function(t){for(var n=+e(t.data)||0,r=t.children,i=r&&r.length;--i>=0;)n+=r[i].value;t.value=n;}))},sort:function(e){return this.eachBefore((function(t){t.children&&t.children.sort(e);}))},path:function(e){for(var t=this,n=function(e,t){if(e===t)return e;var n=e.ancestors(),r=t.ancestors(),i=null;e=n.pop(),t=r.pop();for(;e===t;)i=e,e=n.pop(),t=r.pop();return i}(t,e),r=[t];t!==n;)t=t.parent,r.push(t);for(var i=r.length;e!==n;)r.splice(i,0,e),e=e.parent;return r},ancestors:function(){for(var e=this,t=[e];e=e.parent;)t.push(e);return t},descendants:function(){return Array.from(this)},leaves:function(){var e=[];return this.eachBefore((function(t){t.children||e.push(t);})),e},links:function(){var e=this,t=[];return e.each((function(n){n!==e&&t.push({source:n.parent,target:n});})),t},copy:function(){return _n(this).eachBefore($n)},[Symbol.iterator]:function*(){var e,t,n,r,i=this,o=[i];do{for(e=o.reverse(),o=[];i=e.pop();)if(yield i,t=i.children)for(n=0,r=t.length;n<r;++n)o.push(t[n]);}while(o.length)}};var qr,wr;(qr=function(e){
 /*! javascript-number-formatter - v1.1.11 - http://mottie.github.com/javascript-number-formatter/ * © ecava */
-e.exports=function(e,t){if(!e||isNaN(+t))return t;var n,r,i,o,a,l,s,c,u,f,d=e.length,p=e.search(/[0-9\-\+#]/),h=p>0?e.substring(0,p):"",m=e.split("").reverse().join(""),v=m.search(/[0-9\-\+#]/),g=d-v,y=e.substring(g,g+1),b=g+("."===y||","===y?1:0),x=v>0?e.substring(b,d):"";if(n=(t="-"===(e=e.substring(p,b)).charAt(0)?-t:+t)<0?t=-t:0,i=(r=e.match(/[^\d\-\+#]/g))&&r[r.length-1]||".",o=r&&r[1]&&r[0]||",",e=e.split(i),t=+(t=t.toFixed(e[1]&&e[1].length))+"",l=e[1]&&e[1].lastIndexOf("0"),(!(c=t.split("."))[1]||c[1]&&c[1].length<=l)&&(t=(+t).toFixed(l+1)),u=e[0].split(o),e[0]=u.join(""),(a=e[0]&&e[0].indexOf("0"))>-1)for(;c[0].length<e[0].length-a;)c[0]="0"+c[0];else 0==+c[0]&&(c[0]="");if((t=t.split("."))[0]=c[0],s=u[1]&&u[u.length-1].length){for(m="",g=(f=t[0]).length%s,d=f.length,b=0;b<d;b++)m+=f.charAt(b),!((b-g+1)%s)&&b<d-s&&(m+=o);t[0]=m;}return t[1]=e[1]&&t[1]?i+t[1]:"","0"!==(r=t.join(""))&&""!==r||(n=!1),h+(n?"-":"")+r+x};},qr(wr={exports:{}},wr.exports),wr.exports);
+e.exports=function(e,t){if(!e||isNaN(+t))return t;var n,r,i,o,a,l,s,c,u,f,d=e.length,p=e.search(/[0-9\-\+#]/),h=p>0?e.substring(0,p):"",m=e.split("").reverse().join(""),v=m.search(/[0-9\-\+#]/),g=d-v,y=e.substring(g,g+1),b=g+("."===y||","===y?1:0),x=v>0?e.substring(b,d):"";if(n=(t="-"===(e=e.substring(p,b)).charAt(0)?-t:+t)<0?t=-t:0,i=(r=e.match(/[^\d\-\+#]/g))&&r[r.length-1]||".",o=r&&r[1]&&r[0]||",",e=e.split(i),t=+(t=t.toFixed(e[1]&&e[1].length))+"",l=e[1]&&e[1].lastIndexOf("0"),(!(c=t.split("."))[1]||c[1]&&c[1].length<=l)&&(t=(+t).toFixed(l+1)),u=e[0].split(o),e[0]=u.join(""),(a=e[0]&&e[0].indexOf("0"))>-1)for(;c[0].length<e[0].length-a;)c[0]="0"+c[0];else 0==+c[0]&&(c[0]="");if((t=t.split("."))[0]=c[0],s=u[1]&&u[u.length-1].length){for(m="",g=(f=t[0]).length%s,d=f.length,b=0;b<d;b++)m+=f.charAt(b),!((b-g+1)%s)&&b<d-s&&(m+=o);t[0]=m;}return t[1]=e[1]&&t[1]?i+t[1]:"","0"!==(r=t.join(""))&&""!==r||(n=false),h+(n?"-":"")+r+x};},qr(wr={exports:{}},wr.exports),wr.exports);
 
 const MULTI_REG = /,(?![^(]*\))/;
 const SINGLE_REG = /\s(?![^(]*\))/;
@@ -18278,7 +18325,7 @@ function getSenseServerUrl(app) {
   let wsUrl;
   let protocol;
   let isSecure;
-  if (app !== null && app !== void 0 && (_app$session = app.session) !== null && _app$session !== void 0 && _app$session.config) {
+  if (app !== null && app !== undefined && (_app$session = app.session) !== null && _app$session !== undefined && _app$session.config) {
     config = app.session.config;
     wsUrl = new URL(config.url);
     isSecure = wsUrl.protocol === 'wss:';
@@ -18290,7 +18337,7 @@ function getSenseServerUrl(app) {
 function getBackgroundPosition(bgComp) {
   var _bgComp$bgImage;
   let bkgImagePosition = 'center center';
-  if (bgComp !== null && bgComp !== void 0 && (_bgComp$bgImage = bgComp.bgImage) !== null && _bgComp$bgImage !== void 0 && _bgComp$bgImage.position) {
+  if (bgComp !== null && bgComp !== undefined && (_bgComp$bgImage = bgComp.bgImage) !== null && _bgComp$bgImage !== undefined && _bgComp$bgImage.position) {
     bkgImagePosition = positionToCss[bgComp.bgImage.position];
   }
   return bkgImagePosition;
@@ -18298,7 +18345,7 @@ function getBackgroundPosition(bgComp) {
 function getBackgroundSize(bgComp) {
   var _bgComp$bgImage2;
   let bkgImageSize = imageSizingToCssProperty.originalSize;
-  const size = bgComp === null || bgComp === void 0 || (_bgComp$bgImage2 = bgComp.bgImage) === null || _bgComp$bgImage2 === void 0 ? void 0 : _bgComp$bgImage2.sizing;
+  const size = bgComp === null || bgComp === undefined || (_bgComp$bgImage2 = bgComp.bgImage) === null || _bgComp$bgImage2 === undefined ? undefined : _bgComp$bgImage2.sizing;
   if (size) {
     bkgImageSize = imageSizingToCssProperty[size];
   }
@@ -18308,14 +18355,14 @@ function resolveImageUrl(app, relativeUrl) {
   return relativeUrl ? getSenseServerUrl(app) + relativeUrl : undefined;
 }
 function resolveBgImage(bgComp, app) {
-  const bgImageDef = bgComp === null || bgComp === void 0 ? void 0 : bgComp.bgImage;
+  const bgImageDef = bgComp === null || bgComp === undefined ? undefined : bgComp.bgImage;
   if (bgImageDef) {
     let url = '';
     if (bgImageDef.mode === 'media' || bgComp.useImage === 'media') {
-      const urlObj = bgImageDef === null || bgImageDef === void 0 ? void 0 : bgImageDef.mediaUrl;
+      const urlObj = bgImageDef === null || bgImageDef === undefined ? undefined : bgImageDef.mediaUrl;
       const {
         qUrl
-      } = (urlObj === null || urlObj === void 0 ? void 0 : urlObj.qStaticContentUrl) || {};
+      } = (urlObj === null || urlObj === undefined ? undefined : urlObj.qStaticContentUrl) || {};
       url = qUrl ? decodeURIComponent(qUrl) : undefined;
       url = resolveImageUrl(app, url);
     }
@@ -18333,27 +18380,27 @@ function resolveBgImage(bgComp, app) {
   return undefined;
 }
 function resolveBgColor(comp, theme, objectType) {
-  const bgColor = comp === null || comp === void 0 ? void 0 : comp.bgColor;
+  const bgColor = comp === null || comp === undefined ? undefined : comp.bgColor;
   if (bgColor && theme) {
     if (bgColor.useExpression || bgColor.useColorExpression) {
       return theme.validateColor(bgColor.colorExpression);
     }
   }
-  return resolveColor(bgColor === null || bgColor === void 0 ? void 0 : bgColor.color, '', 'backgroundColor', theme, objectType);
+  return resolveColor(bgColor === null || bgColor === undefined ? undefined : bgColor.color, '', 'backgroundColor', theme, objectType);
 }
 function resolveBorder(comp, theme, objectType) {
-  const borderColor = resolveColor(comp === null || comp === void 0 ? void 0 : comp.borderColor, '', 'borderColor', theme, objectType);
-  const borderWidth = (comp === null || comp === void 0 ? void 0 : comp.borderWidth) || resolveProperty('', 'borderWidth', theme, objectType);
+  const borderColor = resolveColor(comp === null || comp === undefined ? undefined : comp.borderColor, '', 'borderColor', theme, objectType);
+  const borderWidth = (comp === null || comp === undefined ? undefined : comp.borderWidth) || resolveProperty('', 'borderWidth', theme, objectType);
   return borderWidth && borderColor ? "".concat(borderWidth, " solid ").concat(borderColor) : undefined;
 }
 function resolveBorderRadius(comp, theme, objectType) {
-  return (comp === null || comp === void 0 ? void 0 : comp.borderRadius) || resolveProperty('', 'borderRadius', theme, objectType);
+  return (comp === null || comp === undefined ? undefined : comp.borderRadius) || resolveProperty('', 'borderRadius', theme, objectType);
 }
 function resolveBoxShadow(comp, theme, objectType) {
   var _comp$shadow, _comp$shadow2;
   const themeBoxShadow = resolveProperty('shadow', 'boxShadow', theme, objectType);
-  const boxShadow = (comp === null || comp === void 0 || (_comp$shadow = comp.shadow) === null || _comp$shadow === void 0 ? void 0 : _comp$shadow.boxShadow) || themeBoxShadow;
-  const boxShadowColor = resolveColor(comp === null || comp === void 0 || (_comp$shadow2 = comp.shadow) === null || _comp$shadow2 === void 0 ? void 0 : _comp$shadow2.boxShadowColor, 'shadow', 'boxShadowColor', theme, objectType);
+  const boxShadow = (comp === null || comp === undefined || (_comp$shadow = comp.shadow) === null || _comp$shadow === undefined ? undefined : _comp$shadow.boxShadow) || themeBoxShadow;
+  const boxShadowColor = resolveColor(comp === null || comp === undefined || (_comp$shadow2 = comp.shadow) === null || _comp$shadow2 === undefined ? undefined : _comp$shadow2.boxShadowColor, 'shadow', 'boxShadowColor', theme, objectType);
   return getFullBoxShadow(boxShadow, themeBoxShadow, boxShadowColor);
 }
 function unfurlFontStyle(fontStyle, target) {
@@ -18364,7 +18411,7 @@ function unfurlFontStyle(fontStyle, target) {
 }
 function resolveTextStyle(textComp, target, theme, objectType) {
   var _textComp$title;
-  const textProps = (textComp === null || textComp === void 0 || (_textComp$title = textComp.title) === null || _textComp$title === void 0 ? void 0 : _textComp$title[target]) || {};
+  const textProps = (textComp === null || textComp === undefined || (_textComp$title = textComp.title) === null || _textComp$title === undefined ? undefined : _textComp$title[target]) || {};
   const fontStyle = unfurlFontStyle(textProps.fontStyle, target);
   return {
     fontFamily: textProps.fontFamily || theme.getStyle("object.".concat(objectType), "title.".concat(target), 'fontFamily'),
@@ -18389,7 +18436,7 @@ function getOverridesAsObject() {
   // Currently supporting components "theme" and "selections".
   const overrides = {};
   components.forEach(c => {
-    const k = c === null || c === void 0 ? void 0 : c.key;
+    const k = c === null || c === undefined ? undefined : c.key;
     if (SUPPORTED_COMPONENTS.includes(k)) {
       overrides[k] = c;
     }
@@ -18403,23 +18450,21 @@ function getSelectionColors(_ref) {
     theme,
     getListboxStyle,
     overrides,
-    checkboxes,
-    themeSelectionColorsEnabled
+    checkboxes
   } = _ref;
-  const componentContentTextColor = (_overrides$theme = overrides.theme) === null || _overrides$theme === void 0 || (_overrides$theme = _overrides$theme.content) === null || _overrides$theme === void 0 ? void 0 : _overrides$theme.fontColor;
+  const componentContentTextColor = (_overrides$theme = overrides.theme) === null || _overrides$theme === undefined || (_overrides$theme = _overrides$theme.content) === null || _overrides$theme === undefined ? undefined : _overrides$theme.fontColor;
 
   // color priority: layout.component > theme content color > MUI theme
-  const desiredTextColor = getColorPickerColor(componentContentTextColor) || getListboxStyle('content', 'color') || ((_theme$palette = theme.palette) === null || _theme$palette === void 0 ? void 0 : _theme$palette.text.primary);
-  const useContrastTextColor = !checkboxes && ((_overrides$theme$cont = (_overrides$theme2 = overrides.theme) === null || _overrides$theme2 === void 0 || (_overrides$theme2 = _overrides$theme2.content) === null || _overrides$theme2 === void 0 ? void 0 : _overrides$theme2.useContrastColor) !== null && _overrides$theme$cont !== void 0 ? _overrides$theme$cont : true);
-  const getSelectionThemeColor = state => themeSelectionColorsEnabled ? getListboxStyle('', "dataColors.".concat(state)) : undefined;
-  const componentSelectionColors = ((_overrides$selections = overrides.selections) === null || _overrides$selections === void 0 ? void 0 : _overrides$selections.colors) || {};
+  const desiredTextColor = getColorPickerColor(componentContentTextColor) || getListboxStyle('content', 'color') || ((_theme$palette = theme.palette) === null || _theme$palette === undefined ? undefined : _theme$palette.text.primary);
+  const useContrastTextColor = !checkboxes && ((_overrides$theme$cont = (_overrides$theme2 = overrides.theme) === null || _overrides$theme2 === undefined || (_overrides$theme2 = _overrides$theme2.content) === null || _overrides$theme2 === undefined ? undefined : _overrides$theme2.useContrastColor) !== null && _overrides$theme$cont !== undefined ? _overrides$theme$cont : true);
+  const componentSelectionColors = ((_overrides$selections = overrides.selections) === null || _overrides$selections === undefined ? undefined : _overrides$selections.colors) || {};
   const getSelectionStateColors = state => {
     var _theme$palette2, _theme$palette3;
     const paletteState = state === 'selected' ? 'main' : state;
     const contrastState = "".concat(state, "Contrast");
     // color priority: layout.component > theme dataColors > theme background (only for 'possible') > MUI theme > hardcoded default
-    const color = getColorPickerColor(componentSelectionColors[state]) || getSelectionThemeColor(state) || state === 'possible' && getListboxStyle('', 'backgroundColor') || ((_theme$palette2 = theme.palette) === null || _theme$palette2 === void 0 || (_theme$palette2 = _theme$palette2.selected) === null || _theme$palette2 === void 0 ? void 0 : _theme$palette2[paletteState]) || DEFAULT_SELECTION_COLORS[state];
-    const contrastColor = useContrastTextColor ? A(color, desiredTextColor) : desiredTextColor || ((_theme$palette3 = theme.palette) === null || _theme$palette3 === void 0 ? void 0 : _theme$palette3.selected["".concat(contrastState, "Text}")]);
+    const color = getColorPickerColor(componentSelectionColors[state]) || getListboxStyle('', "dataColors.".concat(state)) || state === 'possible' && getListboxStyle('', 'backgroundColor') || ((_theme$palette2 = theme.palette) === null || _theme$palette2 === undefined || (_theme$palette2 = _theme$palette2.selected) === null || _theme$palette2 === undefined ? undefined : _theme$palette2[paletteState]) || DEFAULT_SELECTION_COLORS[state];
+    const contrastColor = useContrastTextColor ? A(color, desiredTextColor) : desiredTextColor || ((_theme$palette3 = theme.palette) === null || _theme$palette3 === undefined ? undefined : _theme$palette3.selected["".concat(contrastState, "Text}")]);
     return {
       [state]: color,
       [contrastState]: contrastColor
@@ -18433,16 +18478,16 @@ function getBackgroundColor(_ref2) {
     themeOverrides
   } = _ref2;
   let color;
-  const bgColor = themeOverrides === null || themeOverrides === void 0 ? void 0 : themeOverrides.background;
+  const bgColor = themeOverrides === null || themeOverrides === undefined ? undefined : themeOverrides.background;
   if (!bgColor) {
     return color;
   }
-  if (bgColor !== null && bgColor !== void 0 && bgColor.useExpression) {
+  if (bgColor !== null && bgColor !== undefined && bgColor.useExpression) {
     color = resolveBgColor({
       bgColor
     }, themeApi, 'listBox');
   } else {
-    color = themeApi.getColorPickerColor(bgColor === null || bgColor === void 0 ? void 0 : bgColor.color, false);
+    color = themeApi.getColorPickerColor(bgColor === null || bgColor === undefined ? undefined : bgColor.color, false);
   }
   return color;
 }
@@ -18463,49 +18508,47 @@ function getStyles(_ref3) {
     themeApi,
     theme,
     components = [],
-    checkboxes = false,
-    themeSelectionColorsEnabled = false
+    checkboxes = false
   } = _ref3;
   const overrides = getOverridesAsObject(components);
   const getListboxStyle = (path, prop) => themeApi.getStyle('object.listBox', path, prop);
-  const getColorPickerColor = c => (c === null || c === void 0 ? void 0 : c.index) > 0 || c !== null && c !== void 0 && c.color ? themeApi.getColorPickerColor(c, false) : undefined;
+  const getColorPickerColor = c => (c === null || c === undefined ? undefined : c.index) > 0 || c !== null && c !== undefined && c.color ? themeApi.getColorPickerColor(c, false) : undefined;
   const selections = getSelectionColors({
     getColorPickerColor,
     theme,
     getListboxStyle,
     overrides,
-    checkboxes,
-    themeSelectionColorsEnabled
+    checkboxes
   });
   const themeOverrides = overrides.theme || {};
-  const headerColor = getColorPickerColor((_themeOverrides$heade = themeOverrides.header) === null || _themeOverrides$heade === void 0 ? void 0 : _themeOverrides$heade.fontColor) || getListboxStyle('title.main', 'color');
+  const headerColor = getColorPickerColor((_themeOverrides$heade = themeOverrides.header) === null || _themeOverrides$heade === undefined ? undefined : _themeOverrides$heade.fontColor) || getListboxStyle('title.main', 'color');
   const bgComponentColor = getBackgroundColor({
     themeApi,
     themeOverrides
   });
-  const bgImage = (_themeOverrides$backg = themeOverrides.background) !== null && _themeOverrides$backg !== void 0 && _themeOverrides$backg.image ? resolveBgImage({
+  const bgImage = (_themeOverrides$backg = themeOverrides.background) !== null && _themeOverrides$backg !== undefined && _themeOverrides$backg.image ? resolveBgImage({
     bgImage: themeOverrides.background.image
   }, app) : undefined;
   const bgColor = bgComponentColor || getListboxStyle('', 'backgroundColor') || theme.palette.background.default;
   const searchBgColor = getSearchBGColor(bgColor, getListboxStyle);
   const searchColor = getSearchColor(getListboxStyle);
-  const headerFontStyle = ((_themeOverrides$heade2 = themeOverrides.header) === null || _themeOverrides$heade2 === void 0 ? void 0 : _themeOverrides$heade2.fontStyle) || {};
-  const contentFontStyle = ((_themeOverrides$conte = themeOverrides.content) === null || _themeOverrides$conte === void 0 ? void 0 : _themeOverrides$conte.fontStyle) || {};
+  const headerFontStyle = ((_themeOverrides$heade2 = themeOverrides.header) === null || _themeOverrides$heade2 === undefined ? undefined : _themeOverrides$heade2.fontStyle) || {};
+  const contentFontStyle = ((_themeOverrides$conte = themeOverrides.content) === null || _themeOverrides$conte === undefined ? undefined : _themeOverrides$conte.fontStyle) || {};
 
   // Ensure we only return falseValue when the component is used, and thus has a false value.
   const getWithFallback = (value, trueValue, falseValue) => value === true && trueValue || value === false && falseValue || undefined;
   return {
     background: {
       backgroundColor: bgColor,
-      backgroundImage: bgImage !== null && bgImage !== void 0 && bgImage.url && !(bgImage !== null && bgImage !== void 0 && bgImage.url.startsWith('url(')) ? "url('".concat(bgImage.url, "')") : undefined,
+      backgroundImage: bgImage !== null && bgImage !== undefined && bgImage.url && !(bgImage !== null && bgImage !== undefined && bgImage.url.startsWith('url(')) ? "url('".concat(bgImage.url, "')") : undefined,
       backgroundRepeat: 'no-repeat',
-      backgroundSize: bgImage === null || bgImage === void 0 ? void 0 : bgImage.size,
-      backgroundPosition: bgImage === null || bgImage === void 0 ? void 0 : bgImage.pos
+      backgroundSize: bgImage === null || bgImage === undefined ? undefined : bgImage.size,
+      backgroundPosition: bgImage === null || bgImage === undefined ? undefined : bgImage.pos
     },
     header: {
       color: headerColor,
-      fontSize: ((_themeOverrides$heade3 = themeOverrides.header) === null || _themeOverrides$heade3 === void 0 ? void 0 : _themeOverrides$heade3.fontSize) || getListboxStyle('title.main', 'fontSize'),
-      fontFamily: ((_themeOverrides$heade4 = themeOverrides.header) === null || _themeOverrides$heade4 === void 0 ? void 0 : _themeOverrides$heade4.fontFamily) || getListboxStyle('title.main', 'fontFamily'),
+      fontSize: ((_themeOverrides$heade3 = themeOverrides.header) === null || _themeOverrides$heade3 === undefined ? undefined : _themeOverrides$heade3.fontSize) || getListboxStyle('title.main', 'fontSize'),
+      fontFamily: ((_themeOverrides$heade4 = themeOverrides.header) === null || _themeOverrides$heade4 === undefined ? undefined : _themeOverrides$heade4.fontFamily) || getListboxStyle('title.main', 'fontFamily'),
       fontWeight: getWithFallback(headerFontStyle.bold, 'bold', 'normal') || getListboxStyle('title.main', 'fontWeight') || 'bold',
       textDecoration: headerFontStyle.underline ? 'underline' : 'initial',
       fontStyle: getWithFallback(headerFontStyle.italic, 'italic', 'normal') || getListboxStyle('title.main', 'fontStyle') || 'initial'
@@ -18513,8 +18556,8 @@ function getStyles(_ref3) {
     content: {
       backgroundColor: checkboxes ? undefined : selections.possible,
       color: selections.possibleContrast || getListboxStyle('content', 'color'),
-      fontSize: ((_themeOverrides$conte2 = themeOverrides.content) === null || _themeOverrides$conte2 === void 0 ? void 0 : _themeOverrides$conte2.fontSize) || getListboxStyle('content', 'fontSize'),
-      fontFamily: ((_themeOverrides$conte3 = themeOverrides.content) === null || _themeOverrides$conte3 === void 0 ? void 0 : _themeOverrides$conte3.fontFamily) || getListboxStyle('content', 'fontFamily'),
+      fontSize: ((_themeOverrides$conte2 = themeOverrides.content) === null || _themeOverrides$conte2 === undefined ? undefined : _themeOverrides$conte2.fontSize) || getListboxStyle('content', 'fontSize'),
+      fontFamily: ((_themeOverrides$conte3 = themeOverrides.content) === null || _themeOverrides$conte3 === undefined ? undefined : _themeOverrides$conte3.fontFamily) || getListboxStyle('content', 'fontFamily'),
       fontWeight: getWithFallback(contentFontStyle.bold, 'bold', 'normal') || getListboxStyle('content', 'fontWeight') || 'normal',
       textDecoration: contentFontStyle.underline ? 'underline' : 'initial',
       fontStyle: getWithFallback(contentFontStyle.italic, 'italic', 'normal') || getListboxStyle('content', 'fontStyle') || 'initial'
@@ -18550,7 +18593,6 @@ function ListBoxPopover(_ref) {
     components,
     checkboxes: checkboxesOption,
     selectDisabled = () => false,
-    flags,
     sortCriteria = [{
       qSortByState: 1,
       qSortByAscii: 1,
@@ -18558,7 +18600,7 @@ function ListBoxPopover(_ref) {
       qSortByLoadOrder: 1
     }]
   } = _ref;
-  const isMasterDim = Boolean(fieldName === null || fieldName === void 0 ? void 0 : fieldName.qLibraryId);
+  const isMasterDim = Boolean(fieldName === null || fieldName === undefined ? undefined : fieldName.qLibraryId);
   const open = show && Boolean(alignTo.current);
   const [listCount, setListCount] = useState$1(0);
   const theme = useTheme$1();
@@ -18608,13 +18650,11 @@ function ListBoxPopover(_ref) {
   const {
     checkboxes = checkboxesOption
   } = layout || {};
-  const themeSelectionColorsEnabled = flags === null || flags === void 0 ? void 0 : flags.isEnabled('PS_22149_THEME_SELECTION_COLORS');
   const styles = getStyles({
     themeApi,
     theme,
     components,
-    checkboxes,
-    themeSelectionColorsEnabled
+    checkboxes
   });
   useEffect$1(() => {
     if (selections && open) {
@@ -18729,7 +18769,7 @@ function ListBoxPopover(_ref) {
       innerTabStops: true,
       focusSelection: keyboard.focusSelection
     },
-    autoFocus: autoFocus !== null && autoFocus !== void 0 ? autoFocus : true
+    autoFocus: autoFocus !== null && autoFocus !== undefined ? autoFocus : true
   })), /*#__PURE__*/React__default.createElement(ListBox, {
     model: model,
     app: app,
@@ -19239,7 +19279,7 @@ function getItems(layout) {
         var _selection$qDimension;
         currentField = {
           name,
-          label: ((_selection$qDimension = selection.qDimensionReferences) === null || _selection$qDimension === void 0 || (_selection$qDimension = _selection$qDimension.find(element => element.qLabel)) === null || _selection$qDimension === void 0 ? void 0 : _selection$qDimension.qLabel) || selection.qReadableName || name,
+          label: ((_selection$qDimension = selection.qDimensionReferences) === null || _selection$qDimension === undefined || (_selection$qDimension = _selection$qDimension.find(element => element.qLabel)) === null || _selection$qDimension === undefined ? undefined : _selection$qDimension.qLabel) || selection.qReadableName || name,
           states: [],
           selections: []
         };
@@ -19278,7 +19318,7 @@ function SelectedFields(_ref) {
     const {
       model
     } = modalObjectStore.get(app.id) || {};
-    return (model === null || model === void 0 ? void 0 : model.genericType) === 'njsListbox';
+    return (model === null || model === undefined ? undefined : model.genericType) === 'njsListbox';
   };
   useEffect$1(() => {
     if (!containerRect) return;
@@ -19963,7 +20003,7 @@ function getListboxContainerKeyboardNavigation(_ref) {
     }
   };
   const focusOnHoverDisabled = () => {
-    const selectNotAllowed = (constraints === null || constraints === void 0 ? void 0 : constraints.select) || (constraints === null || constraints === void 0 ? void 0 : constraints.active);
+    const selectNotAllowed = (constraints === null || constraints === undefined ? undefined : constraints.select) || (constraints === null || constraints === undefined ? undefined : constraints.active);
     const appInModal = isModal();
     return selectNotAllowed || appInModal;
   };
@@ -20049,7 +20089,7 @@ function isDirectQueryEnabled(_ref) {
   let {
     appLayout
   } = _ref;
-  const isDQ = !!(appLayout !== null && appLayout !== void 0 && appLayout.qIsDirectQueryMode);
+  const isDQ = !!(appLayout !== null && appLayout !== undefined && appLayout.qIsDirectQueryMode);
   return isDQ;
 }
 
@@ -20091,10 +20131,10 @@ function showToolbarDetached(_ref) {
   const containerWidth = containerRect.width;
   const preventTruncation = 2;
   const padding = paddingLeft + paddingRight;
-  const contentWidth = ((_titleRef$current$cli = titleRef === null || titleRef === void 0 || (_titleRef$current = titleRef.current) === null || _titleRef$current === void 0 ? void 0 : _titleRef$current.clientWidth) !== null && _titleRef$current$cli !== void 0 ? _titleRef$current$cli : 0) + iconsWidth + padding + preventTruncation;
+  const contentWidth = ((_titleRef$current$cli = titleRef === null || titleRef === undefined || (_titleRef$current = titleRef.current) === null || _titleRef$current === undefined ? undefined : _titleRef$current.clientWidth) !== null && _titleRef$current$cli !== undefined ? _titleRef$current$cli : 0) + iconsWidth + padding + preventTruncation;
   const actionToolbarWidth = 128;
   const notSufficientSpace = containerWidth < contentWidth + actionToolbarWidth;
-  const isTruncated = (titleRef === null || titleRef === void 0 || (_titleRef$current2 = titleRef.current) === null || _titleRef$current2 === void 0 ? void 0 : _titleRef$current2.scrollWidth) > (titleRef === null || titleRef === void 0 || (_titleRef$current3 = titleRef.current) === null || _titleRef$current3 === void 0 ? void 0 : _titleRef$current3.offsetWidth);
+  const isTruncated = (titleRef === null || titleRef === undefined || (_titleRef$current2 = titleRef.current) === null || _titleRef$current2 === undefined ? undefined : _titleRef$current2.scrollWidth) > (titleRef === null || titleRef === undefined || (_titleRef$current3 = titleRef.current) === null || _titleRef$current3 === undefined ? undefined : _titleRef$current3.offsetWidth);
   const isDetached = !!(notSufficientSpace || isTruncated);
   return isDetached;
 }
@@ -20137,10 +20177,10 @@ function getListboxActionProps(_ref) {
       show: showToolbar,
       api: selections,
       onConfirm: () => {
-        keyboard === null || keyboard === void 0 || keyboard.focus();
+        keyboard === null || keyboard === undefined || keyboard.focus();
       },
       onCancel: () => {
-        keyboard === null || keyboard === void 0 || keyboard.focus();
+        keyboard === null || keyboard === undefined || keyboard.focus();
       }
     }
   };
@@ -20267,6 +20307,7 @@ const reload = props => _objectSpread2(_objectSpread2({}, props), {}, {
 var ReloadIcon = props => SvgIcon$1(reload(props));
 
 const dimensionTypes = {
+  single: 'N',
   drillDown: 'H',
   cyclic: 'C'
 };
@@ -20453,19 +20494,19 @@ function ListBoxHeader(_ref2) {
     disablePortal
   } = _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);
+  const [isLocked, setLocked] = useState$1(layout === null || layout === undefined || (_layout$qListObject = layout.qListObject) === null || _layout$qListObject === undefined || (_layout$qListObject = _layout$qListObject.qDimensionInfo) === null || _layout$qListObject === undefined ? undefined : _layout$qListObject.qLocked);
   const [settingLockedState, setSettingLockedState] = useState$1(false);
   useEffect$1(() => {
     var _layout$qListObject2;
-    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]);
+    setLocked(layout === null || layout === undefined || (_layout$qListObject2 = layout.qListObject) === null || _layout$qListObject2 === undefined || (_layout$qListObject2 = _layout$qListObject2.qDimensionInfo) === null || _layout$qListObject2 === undefined ? undefined : _layout$qListObject2.qLocked);
+  }, [layout === null || layout === undefined || (_layout$qListObject3 = layout.qListObject) === null || _layout$qListObject3 === undefined || (_layout$qListObject3 = _layout$qListObject3.qDimensionInfo) === null || _layout$qListObject3 === undefined ? undefined : _layout$qListObject3.qLocked]);
   const titleRef = useRef$1(null);
   const iconData = iconUtils.createDimensionIconData({
-    dimInfo: layout === null || layout === void 0 || (_layout$qListObject4 = layout.qListObject) === null || _layout$qListObject4 === void 0 ? void 0 : _layout$qListObject4.qDimensionInfo,
+    dimInfo: layout === null || layout === undefined || (_layout$qListObject4 = layout.qListObject) === null || _layout$qListObject4 === undefined ? undefined : _layout$qListObject4.qDimensionInfo,
     app,
     selections,
     isPopover,
-    active: !(constraints !== null && constraints !== void 0 && constraints.active),
+    active: !(constraints !== null && constraints !== undefined && constraints.active),
     keyboard
   });
   const showUnlock = showLock && isLocked;
@@ -20500,7 +20541,7 @@ function ListBoxHeader(_ref2) {
     enabled: () => !settingLockedState && !selectionState.selectDisabled() && hasSelections(layout),
     action: toggleLock
   }];
-  const searchIconComp = constraints !== null && constraints !== void 0 && constraints.active ? /*#__PURE__*/React__default.createElement(SearchIcon, {
+  const searchIconComp = constraints !== null && constraints !== undefined && constraints.active ? /*#__PURE__*/React__default.createElement(SearchIcon, {
     title: translator.get('Listbox.Search'),
     size: "large",
     style: _objectSpread2(_objectSpread2({}, iconStyle), {}, {
@@ -20534,6 +20575,7 @@ function ListBoxHeader(_ref2) {
     isDetached: isPopover ? false : isToolbarDetached,
     showToolbar,
     containerRef,
+    isPopover,
     isLocked,
     extraItems,
     listboxSelectionToolbarItems,
@@ -20649,7 +20691,7 @@ const isModal = _ref2 => {
     app,
     appSelections
   } = _ref2;
-  return (_app$isInModalSelecti = (_app$isInModalSelecti2 = app.isInModalSelection) === null || _app$isInModalSelecti2 === void 0 ? void 0 : _app$isInModalSelecti2.call(app)) !== null && _app$isInModalSelecti !== void 0 ? _app$isInModalSelecti : appSelections.isInModal();
+  return (_app$isInModalSelecti = (_app$isInModalSelecti2 = app.isInModalSelection) === null || _app$isInModalSelecti2 === undefined ? undefined : _app$isInModalSelecti2.call(app)) !== null && _app$isInModalSelecti !== undefined ? _app$isInModalSelecti : appSelections.isInModal();
 };
 function ListBoxInline(_ref3) {
   var _layout$qListObject, _layout$title, _layoutOptions$dense, _containerRef$current;
@@ -20679,7 +20721,6 @@ function ListBoxInline(_ref3) {
     showLock = false,
     components,
     selectDisabled = () => false,
-    flags,
     disablePortal = true
   } = options;
   const theme = useTheme$1();
@@ -20692,17 +20733,15 @@ function ListBoxInline(_ref3) {
   const {
     checkboxes = checkboxesOption
   } = layout || {};
-  const themeSelectionColorsEnabled = flags === null || flags === void 0 ? void 0 : flags.isEnabled('PS_22149_THEME_SELECTION_COLORS');
   const styles = getStyles({
     app,
     themeApi,
     theme,
     components,
-    checkboxes,
-    themeSelectionColorsEnabled
+    checkboxes
   });
   const isDirectQuery = isDirectQueryEnabled({
-    appLayout: app === null || app === void 0 ? void 0 : app.layout
+    appLayout: app === null || app === undefined ? undefined : app.layout
   });
   const containerRef = useRef$1();
   const searchInputRef = useRef$1();
@@ -20732,7 +20771,7 @@ function ListBoxInline(_ref3) {
     app,
     appSelections
   }), [app, appSelections]);
-  const isInvalid = layout === null || layout === void 0 ? void 0 : layout.qListObject.qDimensionInfo.qError;
+  const isInvalid = layout === null || layout === undefined ? undefined : layout.qListObject.qDimensionInfo.qError;
   const errorText = isInvalid && constraints.active ? 'Visualization.Invalid.Dimension' : 'Visualization.Incomplete';
   const {
     handleKeyDown,
@@ -20743,7 +20782,10 @@ function ListBoxInline(_ref3) {
     keyboard,
     hovering,
     updateKeyScroll,
+    containerRef,
     currentScrollIndex,
+    app,
+    appSelections,
     constraints,
     isModal: isModalMode,
     selections
@@ -20794,10 +20836,10 @@ function ListBoxInline(_ref3) {
     searchEnabled,
     autoConfirm = false,
     layoutOptions = {}
-  } = layout !== null && layout !== void 0 ? layout : {};
-  const isLocked = 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;
+  } = layout !== null && layout !== undefined ? layout : {};
+  const isLocked = layout === null || layout === undefined || (_layout$qListObject = layout.qListObject) === null || _layout$qListObject === undefined || (_layout$qListObject = _layout$qListObject.qDimensionInfo) === null || _layout$qListObject === undefined ? undefined : _layout$qListObject.qLocked;
   const showSearchIcon = searchEnabled !== false && search === 'toggle' && !isLocked;
-  const canShowTitle = (layout === null || layout === void 0 || (_layout$title = layout.title) === null || _layout$title === void 0 ? void 0 : _layout$title.length) && (layout === null || layout === void 0 ? void 0 : layout.showTitle) !== false;
+  const canShowTitle = (layout === null || layout === undefined || (_layout$title = layout.title) === null || _layout$title === undefined ? undefined : _layout$title.length) && (layout === null || layout === undefined ? undefined : layout.showTitle) !== false;
   const showDetachedToolbarOnly = toolbar && !canShowTitle && !isPopover;
   const showAttachedToolbar = toolbar && canShowTitle || isPopover;
   const isRtl = direction === 'rtl';
@@ -20806,7 +20848,7 @@ function ListBoxInline(_ref3) {
   }
   const showSearchToggle = search === 'toggle' && showSearch;
   const searchVisible = search === true || showSearchToggle && searchEnabled !== false;
-  const dense = (_layoutOptions$dense = layoutOptions.dense) !== null && _layoutOptions$dense !== void 0 ? _layoutOptions$dense : false;
+  const dense = (_layoutOptions$dense = layoutOptions.dense) !== null && _layoutOptions$dense !== undefined ? _layoutOptions$dense : false;
   const handleShowSearch = () => {
     const newValue = !showSearch;
     setShowSearch(newValue);
@@ -20821,15 +20863,15 @@ function ListBoxInline(_ref3) {
   const shouldAutoFocus = searchVisible && (search === 'toggle' || focusSearch);
 
   // Add a container padding for grid mode to harmonize with the grid item margins (should sum to 8px).
-  const isGridMode = (layoutOptions === null || layoutOptions === void 0 ? void 0 : layoutOptions.dataLayout) === 'grid';
+  const isGridMode = (layoutOptions === null || layoutOptions === undefined ? undefined : layoutOptions.dataLayout) === 'grid';
   const containerPadding = getContainerPadding({
     isGridMode,
     dense,
-    height: (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.clientHeight,
+    height: (_containerRef$current = containerRef.current) === null || _containerRef$current === undefined ? undefined : _containerRef$current.clientHeight,
     layoutOrder: layoutOptions.layoutOrder
   });
   if (isInvalid) {
-    renderedCallback === null || renderedCallback === void 0 || renderedCallback();
+    renderedCallback === null || renderedCallback === undefined || renderedCallback();
   }
   const listBoxMinHeight = showAttachedToolbar ? DENSE_ROW_HEIGHT + SCROLL_BAR_WIDTH : 0;
   const listBoxHeader = /*#__PURE__*/React__default.createElement(ListBoxHeader, {
@@ -21199,7 +21241,7 @@ function useOnTheFlyModel(_ref) {
   const [isFetching, setIsFetching] = useState$1(true);
   const [model, setModel] = useState$1();
   const [fallbackTitle, setFallbackTitle] = useState$1();
-  const title = (_options$title = options.title) !== null && _options$title !== void 0 ? _options$title : fallbackTitle;
+  const title = (_options$title = options.title) !== null && _options$title !== undefined ? _options$title : fallbackTitle;
   let {
     histogram = false,
     frequencyMode = 'N'
@@ -21289,7 +21331,7 @@ function useOnTheFlyModel(_ref) {
     fieldName = fieldIdentifier;
   }
   if (frequencyMode !== 'P' && histogram) {
-    if (fieldDef !== null && fieldDef !== void 0 && fieldDef.multiFieldDim) {
+    if (fieldDef !== null && fieldDef !== undefined && fieldDef.multiFieldDim) {
       listdef$1.frequencyMax = 'fetch';
       // maybe for all lib dimension to handle if it properties change
     } else {
@@ -21389,17 +21431,17 @@ const getOptions$1 = function () {
   const squashedOptions = _objectSpread2(_objectSpread2(_objectSpread2({}, exposedOptions), DO_NOT_USE_DEFAULTS), __DO_NOT_USE__);
   return squashedOptions;
 };
-function ListBoxWrapper(_ref) {
+const ListBoxWrapper = forwardRef((_ref, ref) => {
   let {
     app,
     fieldIdentifier,
     qId,
     stateName,
     element,
-    options,
-    renderedCallback,
-    flags
+    initialOptions,
+    renderedCallback
   } = _ref;
+  const [options, setOptions] = useState$1(initialOptions);
   const {
     isExistingObject,
     hasExternalSelectionsApi
@@ -21435,16 +21477,18 @@ function ListBoxWrapper(_ref) {
     selections,
     model,
     app,
-    renderedCallback,
-    flags
+    renderedCallback
   }), [options, selections, model, app]);
+  useImperativeHandle$1(ref, () => ({
+    setOptions: newOptions => setOptions(newOptions)
+  }), []);
   if (!selections || !model) {
     return null;
   }
   return /*#__PURE__*/React__default.createElement(IsolateUseLayoutWrapper, {
     options: opts
   });
-}
+});
 function ListBoxPortal(_ref2) {
   let {
     element,
@@ -21453,19 +21497,20 @@ function ListBoxPortal(_ref2) {
     qId,
     stateName = '$',
     options = {},
-    renderedCallback,
-    flags
+    renderedCallback
   } = _ref2;
-  return ReactDOM$1.createPortal(/*#__PURE__*/React__default.createElement(ListBoxWrapper, {
+  const listRef = React__default.createRef();
+  const portal = ReactDOM$1.createPortal(/*#__PURE__*/React__default.createElement(ListBoxWrapper, {
+    ref: listRef,
     app: app,
     element: element,
     fieldIdentifier: fieldIdentifier,
     qId: qId,
     stateName: stateName,
-    options: options,
-    renderedCallback: renderedCallback,
-    flags: flags
+    initialOptions: options,
+    renderedCallback: renderedCallback
   }), element, uid());
+  return [portal, listRef];
 }
 
 const DEFAULTS = {
@@ -21491,8 +21536,7 @@ function ListBoxPopoverWrapper(_ref) {
     fieldIdentifier,
     stateName,
     element,
-    options = {},
-    flags
+    options = {}
   } = _ref;
   const [showState, setShowstate] = useState$1(!!options.show);
   const handleCloseShowState = () => {
@@ -21514,7 +21558,6 @@ function ListBoxPopoverWrapper(_ref) {
     stateName: stateName,
     autoFocus: options.autoFocus,
     components: options.components,
-    flags: flags,
     sortCriteria: options.sortCriteria
   });
 }
@@ -21762,7 +21805,7 @@ function filterpaneHandler(_ref) {
           }
         } else {
           var _dimension$qDef$qFiel, _dimension$qDef$qFiel2;
-          listboxProps.title = dimension.qDef.title || ((_dimension$qDef$qFiel = dimension.qDef.qFieldLabels) === null || _dimension$qDef$qFiel === void 0 ? void 0 : _dimension$qDef$qFiel[0]) || ((_dimension$qDef$qFiel2 = dimension.qDef.qFieldDefs) === null || _dimension$qDef$qFiel2 === void 0 ? void 0 : _dimension$qDef$qFiel2[0]);
+          listboxProps.title = dimension.qDef.title || ((_dimension$qDef$qFiel = dimension.qDef.qFieldLabels) === null || _dimension$qDef$qFiel === undefined ? undefined : _dimension$qDef$qFiel[0]) || ((_dimension$qDef$qFiel2 = dimension.qDef.qFieldDefs) === null || _dimension$qDef$qFiel2 === undefined ? undefined : _dimension$qDef$qFiel2[0]);
         }
       }
       // def.dimensions.added(dimension, properties, listboxProps);
@@ -23905,7 +23948,7 @@ const Cell = forwardRef((_ref6, ref) => {
     setModel,
     getImperativeHandle() {
       var _state$sn;
-      if ((_state$sn = state.sn) !== null && _state$sn !== void 0 && _state$sn.component && typeof state.sn.component.getImperativeHandle === 'function') {
+      if ((_state$sn = state.sn) !== null && _state$sn !== undefined && _state$sn.component && typeof state.sn.component.getImperativeHandle === 'function') {
         return state.sn.component.getImperativeHandle();
       }
       return {};
@@ -24143,7 +24186,7 @@ function validatePlugins(plugins) {
 
 const canSetProperties = layout => {
   var _layout$qMeta;
-  return !!(layout && !layout.qHasSoftPatches && !layout.qExtendsId && (((_layout$qMeta = layout.qMeta) === null || _layout$qMeta === void 0 ? void 0 : _layout$qMeta.privileges) || []).indexOf('update') > -1);
+  return !!(layout && !layout.qHasSoftPatches && !layout.qExtendsId && (((_layout$qMeta = layout.qMeta) === null || _layout$qMeta === undefined ? undefined : _layout$qMeta.privileges) || []).indexOf('update') > -1);
 };
 
 /* eslint-disable no-underscore-dangle */
@@ -26490,7 +26533,7 @@ function viz() {
     onRenderResolve = resolve;
   });
   const createOnInitialRender = override => () => {
-    override === null || override === void 0 || override(); // from options.onInitialRender
+    override === null || override === undefined || override(); // from options.onInitialRender
     onRenderResolve(); // internal promise in viz to wait for render
     onRender(); // from RenderConfig
   };
@@ -27127,7 +27170,7 @@ const Sheet = forwardRef((_ref, ref) => {
   const [bgColor, setBgColor] = useState$1(undefined);
   const [bgImage, setBgImage] = useState$1(undefined);
   const [deepHash, setDeepHash] = useState$1('');
-  navigation === null || navigation === void 0 || (_navigation$setCurren = navigation.setCurrentSheetId) === null || _navigation$setCurren === void 0 || _navigation$setCurren.call(navigation, model.id);
+  navigation === null || navigation === undefined || (_navigation$setCurren = navigation.setCurrentSheetId) === null || _navigation$setCurren === undefined || _navigation$setCurren.call(navigation, model.id);
   /// For each object
   useEffect$1(() => {
     if (layout) {
@@ -27193,7 +27236,7 @@ const Sheet = forwardRef((_ref, ref) => {
   }, [model]);
   const cellRenderers = useMemo$1(() => cells ? cells.map(c => getCellRenderer(c, halo, initialSnOptions, initialSnPlugins, initialError, c.mounted, navigation)) : [], [cells]);
   useEffect$1(() => {
-    const bgComp = layout !== null && layout !== void 0 && layout.components ? layout.components.find(comp => comp.key === 'general') : null;
+    const bgComp = layout !== null && layout !== undefined && layout.components ? layout.components.find(comp => comp.key === 'general') : null;
     setBgColor(resolveBgColor(bgComp, halo.public.theme));
     setBgImage(resolveBgImage(bgComp, halo.app));
   }, [layout, halo.public.theme, halo.app, themeName]);
@@ -27431,9 +27474,9 @@ function createNavigationApi(halo, store, model) {
   const {
     galaxy
   } = halo.public;
-  if ((_galaxy$anything = galaxy.anything) !== null && _galaxy$anything !== void 0 && (_galaxy$anything = _galaxy$anything.sense) !== null && _galaxy$anything !== void 0 && _galaxy$anything.navigation) {
+  if ((_galaxy$anything = galaxy.anything) !== null && _galaxy$anything !== undefined && (_galaxy$anything = _galaxy$anything.sense) !== null && _galaxy$anything !== undefined && _galaxy$anything.navigation) {
     var _galaxy$anything2;
-    return (_galaxy$anything2 = galaxy.anything) === null || _galaxy$anything2 === void 0 || (_galaxy$anything2 = _galaxy$anything2.sense) === null || _galaxy$anything2 === void 0 ? void 0 : _galaxy$anything2.navigation;
+    return (_galaxy$anything2 = galaxy.anything) === null || _galaxy$anything2 === undefined || (_galaxy$anything2 = _galaxy$anything2.sense) === null || _galaxy$anything2 === undefined ? undefined : _galaxy$anything2.navigation;
   }
   const State = {
     model
@@ -27499,7 +27542,7 @@ function createNavigationApi(halo, store, model) {
         return;
       }
       modelStore.set(key, newModel);
-      (_State$sheetRef = State.sheetRef) === null || _State$sheetRef === void 0 || (_State$sheetRef = _State$sheetRef.current) === null || _State$sheetRef === void 0 || (_State$sheetRef$setMo = _State$sheetRef.setModel) === null || _State$sheetRef$setMo === void 0 || _State$sheetRef$setMo.call(_State$sheetRef, newModel);
+      (_State$sheetRef = State.sheetRef) === null || _State$sheetRef === undefined || (_State$sheetRef = _State$sheetRef.current) === null || _State$sheetRef === undefined || (_State$sheetRef$setMo = _State$sheetRef.setModel) === null || _State$sheetRef$setMo === undefined || _State$sheetRef$setMo.call(_State$sheetRef, newModel);
       State.model = newModel;
       navigationAPI.emit('sheetChanged');
     },
@@ -29630,7 +29673,7 @@ function nuked() {
             const onSelectionActivated = () => fieldSels.emit('selectionActivated');
             const onSelectionDeactivated = () => fieldSels.emit('selectionDeactivated');
             return new Promise(resolve => {
-              this._instance = ListBoxPortal({
+              [this._instance, this._ref] = ListBoxPortal({
                 element,
                 app,
                 fieldIdentifier,
@@ -29640,8 +29683,7 @@ function nuked() {
                   onSelectionDeactivated
                 }, options)),
                 stateName: options.stateName || '$',
-                renderedCallback: resolve,
-                flags: halo.public.galaxy.flags
+                renderedCallback: resolve
               });
               root.add(this._instance);
             });
@@ -29657,6 +29699,22 @@ function nuked() {
             if (this._instance) {
               root.remove(this._instance);
               this._instance = null;
+              this._ref = null;
+            }
+          },
+          // ===== unexposed experimental API - use at own risk ======
+          __DO_NOT_USE__: {
+            options(opts) {
+              var _fieldSels$_ref;
+              const onSelectionActivated = () => fieldSels.emit('selectionActivated');
+              const onSelectionDeactivated = () => fieldSels.emit('selectionDeactivated');
+              if ((_fieldSels$_ref = fieldSels._ref) !== null && _fieldSels$_ref !== undefined && _fieldSels$_ref.current) {
+                const options = getOptions$1(_objectSpread2({
+                  onSelectionActivated,
+                  onSelectionDeactivated
+                }, opts));
+                fieldSels._ref.current.setOptions(options);
+              }
             }
           }
         };
@@ -29695,8 +29753,7 @@ function nuked() {
             app,
             fieldIdentifier,
             options: opts,
-            stateName: options.stateName || '$',
-            flags: halo.public.galaxy.flags
+            stateName: options.stateName || '$'
           });
           root.add(api._popoverInstance);
         }