@axdspub/axiom-charts 1.0.9 → 1.1.0-alpha.2

package/library/browser.js

@@ -1,4 +1,4 @@
-var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Selection, d3, d3Scale, d3Axis, d3Shape, reactDom, axiomUiUtilities, axiomMaps) {
+var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, jsxRuntime, React, d3Selection, d3, d3Scale, d3Axis, d3Shape, reactDom, reactQuery, axiomUiUtilities, axiomMaps) {
     'use strict';
 
     function _interopNamespaceDefault(e) {
@@ -280,7 +280,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
     var root = freeGlobal || freeSelf || Function('return this')();
 
     /** Built-in value references. */
-    var Symbol$1 = root.Symbol;
+    var Symbol = root.Symbol;
 
     /** Used for built-in method references. */
     var objectProto$g = Object.prototype;
@@ -296,7 +296,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
     var nativeObjectToString$1 = objectProto$g.toString;
 
     /** Built-in value references. */
-    var symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : undefined;
+    var symToStringTag$1 = Symbol ? Symbol.toStringTag : undefined;
 
     /**
      * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
@@ -351,7 +351,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
         undefinedTag = '[object Undefined]';
 
     /** Built-in value references. */
-    var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : undefined;
+    var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
 
     /**
      * The base implementation of `getTag` without fallbacks for buggy environments.
@@ -468,7 +468,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
     var isArray = Array.isArray;
 
     /** Used to convert symbols to primitives and strings. */
-    var symbolProto$2 = Symbol$1 ? Symbol$1.prototype : undefined,
+    var symbolProto$2 = Symbol ? Symbol.prototype : undefined,
         symbolToString = symbolProto$2 ? symbolProto$2.toString : undefined;
 
     /**
@@ -1886,7 +1886,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
     ListCache.prototype.set = listCacheSet;
 
     /* Built-in method references that are verified to be native. */
-    var Map$1 = getNative(root, 'Map');
+    var Map = getNative(root, 'Map');
 
     /**
      * Removes all key-value entries from the map.
@@ -1899,7 +1899,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
       this.size = 0;
       this.__data__ = {
         'hash': new Hash,
-        'map': new (Map$1 || ListCache),
+        'map': new (Map || ListCache),
         'string': new Hash
       };
     }
@@ -2260,7 +2260,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
     }
 
     /** Built-in value references. */
-    var spreadableSymbol = Symbol$1 ? Symbol$1.isConcatSpreadable : undefined;
+    var spreadableSymbol = Symbol ? Symbol.isConcatSpreadable : undefined;
 
     /**
      * Checks if `value` is a flattenable `arguments` object or array.
@@ -2382,7 +2382,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
      * _.isPlainObject(Object.create(null));
      * // => true
      */
-    function isPlainObject$1(value) {
+    function isPlainObject(value) {
       if (!isObjectLike(value) || baseGetTag(value) != objectTag$3) {
         return false;
       }
@@ -2497,7 +2497,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
       var data = this.__data__;
       if (data instanceof ListCache) {
         var pairs = data.__data__;
-        if (!Map$1 || (pairs.length < LARGE_ARRAY_SIZE - 1)) {
+        if (!Map || (pairs.length < LARGE_ARRAY_SIZE - 1)) {
           pairs.push([key, value]);
           this.size = ++data.size;
           return this;
@@ -2705,7 +2705,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
 
     /** Used to detect maps, sets, and weakmaps. */
     var dataViewCtorString = toSource(DataView),
-        mapCtorString = toSource(Map$1),
+        mapCtorString = toSource(Map),
         promiseCtorString = toSource(Promise$1),
         setCtorString = toSource(Set$1),
         weakMapCtorString = toSource(WeakMap);
@@ -2721,7 +2721,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
 
     // Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6.
     if ((DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$3) ||
-        (Map$1 && getTag(new Map$1) != mapTag$4) ||
+        (Map && getTag(new Map) != mapTag$4) ||
         (Promise$1 && getTag(Promise$1.resolve()) != promiseTag) ||
         (Set$1 && getTag(new Set$1) != setTag$4) ||
         (WeakMap && getTag(new WeakMap) != weakMapTag$1)) {
@@ -2814,7 +2814,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
     }
 
     /** Used to convert symbols to primitives and strings. */
-    var symbolProto$1 = Symbol$1 ? Symbol$1.prototype : undefined,
+    var symbolProto$1 = Symbol ? Symbol.prototype : undefined,
         symbolValueOf$1 = symbolProto$1 ? symbolProto$1.valueOf : undefined;
 
     /**
@@ -3327,7 +3327,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
         dataViewTag = '[object DataView]';
 
     /** Used to convert symbols to primitives and strings. */
-    var symbolProto = Symbol$1 ? Symbol$1.prototype : undefined,
+    var symbolProto = Symbol ? Symbol.prototype : undefined,
         symbolValueOf = symbolProto ? symbolProto.valueOf : undefined;
 
     /**
@@ -4401,7 +4401,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
      * @returns {*} Returns the uncloned value or `undefined` to defer cloning to `_.cloneDeep`.
      */
     function customOmitClone(value) {
-      return isPlainObject$1(value) ? undefined : value;
+      return isPlainObject(value) ? undefined : value;
     }
 
     /** Used to compose bitmasks for cloning. */
@@ -4743,420 +4743,6 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
     class RadialChartRoot extends ChartRoot {
     }
 
-    var jsxRuntime = {exports: {}};
-
-    var reactJsxRuntime_production = {};
-
-    /**
-     * @license React
-     * react-jsx-runtime.production.js
-     *
-     * Copyright (c) Meta Platforms, Inc. and affiliates.
-     *
-     * This source code is licensed under the MIT license found in the
-     * LICENSE file in the root directory of this source tree.
-     */
-
-    var hasRequiredReactJsxRuntime_production;
-
-    function requireReactJsxRuntime_production () {
-    	if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
-    	hasRequiredReactJsxRuntime_production = 1;
-    	var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
-    	  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-    	function jsxProd(type, config, maybeKey) {
-    	  var key = null;
-    	  void 0 !== maybeKey && (key = "" + maybeKey);
-    	  void 0 !== config.key && (key = "" + config.key);
-    	  if ("key" in config) {
-    	    maybeKey = {};
-    	    for (var propName in config)
-    	      "key" !== propName && (maybeKey[propName] = config[propName]);
-    	  } else maybeKey = config;
-    	  config = maybeKey.ref;
-    	  return {
-    	    $$typeof: REACT_ELEMENT_TYPE,
-    	    type: type,
-    	    key: key,
-    	    ref: void 0 !== config ? config : null,
-    	    props: maybeKey
-    	  };
-    	}
-    	reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
-    	reactJsxRuntime_production.jsx = jsxProd;
-    	reactJsxRuntime_production.jsxs = jsxProd;
-    	return reactJsxRuntime_production;
-    }
-
-    var reactJsxRuntime_development = {};
-
-    /**
-     * @license React
-     * react-jsx-runtime.development.js
-     *
-     * Copyright (c) Meta Platforms, Inc. and affiliates.
-     *
-     * This source code is licensed under the MIT license found in the
-     * LICENSE file in the root directory of this source tree.
-     */
-
-    var hasRequiredReactJsxRuntime_development;
-
-    function requireReactJsxRuntime_development () {
-    	if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
-    	hasRequiredReactJsxRuntime_development = 1;
-    	"production" !== process.env.NODE_ENV &&
-    	  (function () {
-    	    function getComponentNameFromType(type) {
-    	      if (null == type) return null;
-    	      if ("function" === typeof type)
-    	        return type.$$typeof === REACT_CLIENT_REFERENCE
-    	          ? null
-    	          : type.displayName || type.name || null;
-    	      if ("string" === typeof type) return type;
-    	      switch (type) {
-    	        case REACT_FRAGMENT_TYPE:
-    	          return "Fragment";
-    	        case REACT_PROFILER_TYPE:
-    	          return "Profiler";
-    	        case REACT_STRICT_MODE_TYPE:
-    	          return "StrictMode";
-    	        case REACT_SUSPENSE_TYPE:
-    	          return "Suspense";
-    	        case REACT_SUSPENSE_LIST_TYPE:
-    	          return "SuspenseList";
-    	        case REACT_ACTIVITY_TYPE:
-    	          return "Activity";
-    	      }
-    	      if ("object" === typeof type)
-    	        switch (
-    	          ("number" === typeof type.tag &&
-    	            console.error(
-    	              "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-    	            ),
-    	          type.$$typeof)
-    	        ) {
-    	          case REACT_PORTAL_TYPE:
-    	            return "Portal";
-    	          case REACT_CONTEXT_TYPE:
-    	            return type.displayName || "Context";
-    	          case REACT_CONSUMER_TYPE:
-    	            return (type._context.displayName || "Context") + ".Consumer";
-    	          case REACT_FORWARD_REF_TYPE:
-    	            var innerType = type.render;
-    	            type = type.displayName;
-    	            type ||
-    	              ((type = innerType.displayName || innerType.name || ""),
-    	              (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
-    	            return type;
-    	          case REACT_MEMO_TYPE:
-    	            return (
-    	              (innerType = type.displayName || null),
-    	              null !== innerType
-    	                ? innerType
-    	                : getComponentNameFromType(type.type) || "Memo"
-    	            );
-    	          case REACT_LAZY_TYPE:
-    	            innerType = type._payload;
-    	            type = type._init;
-    	            try {
-    	              return getComponentNameFromType(type(innerType));
-    	            } catch (x) {}
-    	        }
-    	      return null;
-    	    }
-    	    function testStringCoercion(value) {
-    	      return "" + value;
-    	    }
-    	    function checkKeyStringCoercion(value) {
-    	      try {
-    	        testStringCoercion(value);
-    	        var JSCompiler_inline_result = !1;
-    	      } catch (e) {
-    	        JSCompiler_inline_result = true;
-    	      }
-    	      if (JSCompiler_inline_result) {
-    	        JSCompiler_inline_result = console;
-    	        var JSCompiler_temp_const = JSCompiler_inline_result.error;
-    	        var JSCompiler_inline_result$jscomp$0 =
-    	          ("function" === typeof Symbol &&
-    	            Symbol.toStringTag &&
-    	            value[Symbol.toStringTag]) ||
-    	          value.constructor.name ||
-    	          "Object";
-    	        JSCompiler_temp_const.call(
-    	          JSCompiler_inline_result,
-    	          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-    	          JSCompiler_inline_result$jscomp$0
-    	        );
-    	        return testStringCoercion(value);
-    	      }
-    	    }
-    	    function getTaskName(type) {
-    	      if (type === REACT_FRAGMENT_TYPE) return "<>";
-    	      if (
-    	        "object" === typeof type &&
-    	        null !== type &&
-    	        type.$$typeof === REACT_LAZY_TYPE
-    	      )
-    	        return "<...>";
-    	      try {
-    	        var name = getComponentNameFromType(type);
-    	        return name ? "<" + name + ">" : "<...>";
-    	      } catch (x) {
-    	        return "<...>";
-    	      }
-    	    }
-    	    function getOwner() {
-    	      var dispatcher = ReactSharedInternals.A;
-    	      return null === dispatcher ? null : dispatcher.getOwner();
-    	    }
-    	    function UnknownOwner() {
-    	      return Error("react-stack-top-frame");
-    	    }
-    	    function hasValidKey(config) {
-    	      if (hasOwnProperty.call(config, "key")) {
-    	        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
-    	        if (getter && getter.isReactWarning) return false;
-    	      }
-    	      return void 0 !== config.key;
-    	    }
-    	    function defineKeyPropWarningGetter(props, displayName) {
-    	      function warnAboutAccessingKey() {
-    	        specialPropKeyWarningShown ||
-    	          ((specialPropKeyWarningShown = true),
-    	          console.error(
-    	            "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-    	            displayName
-    	          ));
-    	      }
-    	      warnAboutAccessingKey.isReactWarning = true;
-    	      Object.defineProperty(props, "key", {
-    	        get: warnAboutAccessingKey,
-    	        configurable: true
-    	      });
-    	    }
-    	    function elementRefGetterWithDeprecationWarning() {
-    	      var componentName = getComponentNameFromType(this.type);
-    	      didWarnAboutElementRef[componentName] ||
-    	        ((didWarnAboutElementRef[componentName] = true),
-    	        console.error(
-    	          "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-    	        ));
-    	      componentName = this.props.ref;
-    	      return void 0 !== componentName ? componentName : null;
-    	    }
-    	    function ReactElement(type, key, props, owner, debugStack, debugTask) {
-    	      var refProp = props.ref;
-    	      type = {
-    	        $$typeof: REACT_ELEMENT_TYPE,
-    	        type: type,
-    	        key: key,
-    	        props: props,
-    	        _owner: owner
-    	      };
-    	      null !== (void 0 !== refProp ? refProp : null)
-    	        ? Object.defineProperty(type, "ref", {
-    	            enumerable: false,
-    	            get: elementRefGetterWithDeprecationWarning
-    	          })
-    	        : Object.defineProperty(type, "ref", { enumerable: false, value: null });
-    	      type._store = {};
-    	      Object.defineProperty(type._store, "validated", {
-    	        configurable: false,
-    	        enumerable: false,
-    	        writable: true,
-    	        value: 0
-    	      });
-    	      Object.defineProperty(type, "_debugInfo", {
-    	        configurable: false,
-    	        enumerable: false,
-    	        writable: true,
-    	        value: null
-    	      });
-    	      Object.defineProperty(type, "_debugStack", {
-    	        configurable: false,
-    	        enumerable: false,
-    	        writable: true,
-    	        value: debugStack
-    	      });
-    	      Object.defineProperty(type, "_debugTask", {
-    	        configurable: false,
-    	        enumerable: false,
-    	        writable: true,
-    	        value: debugTask
-    	      });
-    	      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
-    	      return type;
-    	    }
-    	    function jsxDEVImpl(
-    	      type,
-    	      config,
-    	      maybeKey,
-    	      isStaticChildren,
-    	      debugStack,
-    	      debugTask
-    	    ) {
-    	      var children = config.children;
-    	      if (void 0 !== children)
-    	        if (isStaticChildren)
-    	          if (isArrayImpl(children)) {
-    	            for (
-    	              isStaticChildren = 0;
-    	              isStaticChildren < children.length;
-    	              isStaticChildren++
-    	            )
-    	              validateChildKeys(children[isStaticChildren]);
-    	            Object.freeze && Object.freeze(children);
-    	          } else
-    	            console.error(
-    	              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-    	            );
-    	        else validateChildKeys(children);
-    	      if (hasOwnProperty.call(config, "key")) {
-    	        children = getComponentNameFromType(type);
-    	        var keys = Object.keys(config).filter(function (k) {
-    	          return "key" !== k;
-    	        });
-    	        isStaticChildren =
-    	          0 < keys.length
-    	            ? "{key: someKey, " + keys.join(": ..., ") + ": ...}"
-    	            : "{key: someKey}";
-    	        didWarnAboutKeySpread[children + isStaticChildren] ||
-    	          ((keys =
-    	            0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
-    	          console.error(
-    	            'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
-    	            isStaticChildren,
-    	            children,
-    	            keys,
-    	            children
-    	          ),
-    	          (didWarnAboutKeySpread[children + isStaticChildren] = true));
-    	      }
-    	      children = null;
-    	      void 0 !== maybeKey &&
-    	        (checkKeyStringCoercion(maybeKey), (children = "" + maybeKey));
-    	      hasValidKey(config) &&
-    	        (checkKeyStringCoercion(config.key), (children = "" + config.key));
-    	      if ("key" in config) {
-    	        maybeKey = {};
-    	        for (var propName in config)
-    	          "key" !== propName && (maybeKey[propName] = config[propName]);
-    	      } else maybeKey = config;
-    	      children &&
-    	        defineKeyPropWarningGetter(
-    	          maybeKey,
-    	          "function" === typeof type
-    	            ? type.displayName || type.name || "Unknown"
-    	            : type
-    	        );
-    	      return ReactElement(
-    	        type,
-    	        children,
-    	        maybeKey,
-    	        getOwner(),
-    	        debugStack,
-    	        debugTask
-    	      );
-    	    }
-    	    function validateChildKeys(node) {
-    	      isValidElement(node)
-    	        ? node._store && (node._store.validated = 1)
-    	        : "object" === typeof node &&
-    	          null !== node &&
-    	          node.$$typeof === REACT_LAZY_TYPE &&
-    	          ("fulfilled" === node._payload.status
-    	            ? isValidElement(node._payload.value) &&
-    	              node._payload.value._store &&
-    	              (node._payload.value._store.validated = 1)
-    	            : node._store && (node._store.validated = 1));
-    	    }
-    	    function isValidElement(object) {
-    	      return (
-    	        "object" === typeof object &&
-    	        null !== object &&
-    	        object.$$typeof === REACT_ELEMENT_TYPE
-    	      );
-    	    }
-    	    var React$1 = React,
-    	      REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
-    	      REACT_PORTAL_TYPE = Symbol.for("react.portal"),
-    	      REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
-    	      REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
-    	      REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
-    	      REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
-    	      REACT_CONTEXT_TYPE = Symbol.for("react.context"),
-    	      REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
-    	      REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
-    	      REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
-    	      REACT_MEMO_TYPE = Symbol.for("react.memo"),
-    	      REACT_LAZY_TYPE = Symbol.for("react.lazy"),
-    	      REACT_ACTIVITY_TYPE = Symbol.for("react.activity"),
-    	      REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
-    	      ReactSharedInternals =
-    	        React$1.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-    	      hasOwnProperty = Object.prototype.hasOwnProperty,
-    	      isArrayImpl = Array.isArray,
-    	      createTask = console.createTask
-    	        ? console.createTask
-    	        : function () {
-    	            return null;
-    	          };
-    	    React$1 = {
-    	      react_stack_bottom_frame: function (callStackForError) {
-    	        return callStackForError();
-    	      }
-    	    };
-    	    var specialPropKeyWarningShown;
-    	    var didWarnAboutElementRef = {};
-    	    var unknownOwnerDebugStack = React$1.react_stack_bottom_frame.bind(
-    	      React$1,
-    	      UnknownOwner
-    	    )();
-    	    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
-    	    var didWarnAboutKeySpread = {};
-    	    reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
-    	    reactJsxRuntime_development.jsx = function (type, config, maybeKey) {
-    	      var trackActualOwner =
-    	        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-    	      return jsxDEVImpl(
-    	        type,
-    	        config,
-    	        maybeKey,
-    	        false,
-    	        trackActualOwner
-    	          ? Error("react-stack-top-frame")
-    	          : unknownOwnerDebugStack,
-    	        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-    	      );
-    	    };
-    	    reactJsxRuntime_development.jsxs = function (type, config, maybeKey) {
-    	      var trackActualOwner =
-    	        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-    	      return jsxDEVImpl(
-    	        type,
-    	        config,
-    	        maybeKey,
-    	        true,
-    	        trackActualOwner
-    	          ? Error("react-stack-top-frame")
-    	          : unknownOwnerDebugStack,
-    	        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-    	      );
-    	    };
-    	  })();
-    	return reactJsxRuntime_development;
-    }
-
-    if (process.env.NODE_ENV === 'production') {
-      jsxRuntime.exports = requireReactJsxRuntime_production();
-    } else {
-      jsxRuntime.exports = requireReactJsxRuntime_development();
-    }
-
-    var jsxRuntimeExports = jsxRuntime.exports;
-
     class AxiomPlotRoot extends PlotRoot {
     }
 
@@ -6969,9 +6555,9 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
             style = { width: w, height: `${props.settings.height}px` };
         }
         const DefaultLoader = () => {
-            return (jsxRuntimeExports.jsx("div", { className: 'absolute bg-slate-100 rounded-md', style: style }));
+            return (jsxRuntime.jsx("div", { className: 'absolute bg-slate-100 rounded-md', style: style }));
         };
-        return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [error !== undefined ? jsxRuntimeExports.jsx("p", { children: error }) : '', jsxRuntimeExports.jsx("div", { className: 'hidden', children: loading ? jsxRuntimeExports.jsx(DefaultLoader, {}) : jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {}) }), jsxRuntimeExports.jsx("div", { className: "chart relative", style: style, ref: chartRef })] }));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [error !== undefined ? jsxRuntime.jsx("p", { children: error }) : '', jsxRuntime.jsx("div", { className: 'hidden', children: loading ? jsxRuntime.jsx(DefaultLoader, {}) : jsxRuntime.jsx(jsxRuntime.Fragment, {}) }), jsxRuntime.jsx("div", { className: "chart relative", style: style, ref: chartRef })] }));
     };
 
     function useWindowScroll() {
@@ -7059,2883 +6645,13 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
         }, [scrollX, scrollY]);
         const isScrubbing = Object.keys(plotScrubs).length > 0;
         const hide = !isScrubbing || scrolling;
-        return reactDom.createPortal(jsxRuntimeExports.jsx("div", { className: 'fixed z-30 pointer-events-none min-h-[1px]', style: { left: position.x, top: position.y, visibility: hide ? 'hidden' : 'visible' }, children: jsxRuntimeExports.jsx("div", { ref: ref, children: children }) }), document.body);
+        return reactDom.createPortal(jsxRuntime.jsx("div", { className: 'fixed z-30 pointer-events-none min-h-[1px]', style: { left: position.x, top: position.y, visibility: hide ? 'hidden' : 'visible' }, children: jsxRuntime.jsx("div", { ref: ref, children: children }) }), document.body);
     };
 
     const Legend = ({ plotLegends, style }) => {
-        return (jsxRuntimeExports.jsx("div", { className: 'flex gap-4 flex-wrap hover:cursor-pointer', style: style, children: Object.entries(plotLegends).map(([plotId, legendItems]) => (jsxRuntimeExports.jsx("div", { className: 'flex gap-4 flex-wrap', children: legendItems.map(item => (jsxRuntimeExports.jsxs("div", { className: 'flex gap-2 items-center', children: [jsxRuntimeExports.jsx("div", { className: 'w-4 h-4 rounded-full', style: item.style }), jsxRuntimeExports.jsx("div", { children: item.label })] }, item.id))) }, plotId))) }));
-    };
-
-    // src/subscribable.ts
-    var Subscribable = class {
-      constructor() {
-        this.listeners = /* @__PURE__ */ new Set();
-        this.subscribe = this.subscribe.bind(this);
-      }
-      subscribe(listener) {
-        this.listeners.add(listener);
-        this.onSubscribe();
-        return () => {
-          this.listeners.delete(listener);
-          this.onUnsubscribe();
-        };
-      }
-      hasListeners() {
-        return this.listeners.size > 0;
-      }
-      onSubscribe() {
-      }
-      onUnsubscribe() {
-      }
-    };
-
-    // src/timeoutManager.ts
-    var defaultTimeoutProvider = {
-      // We need the wrapper function syntax below instead of direct references to
-      // global setTimeout etc.
-      //
-      // BAD: `setTimeout: setTimeout`
-      // GOOD: `setTimeout: (cb, delay) => setTimeout(cb, delay)`
-      //
-      // If we use direct references here, then anything that wants to spy on or
-      // replace the global setTimeout (like tests) won't work since we'll already
-      // have a hard reference to the original implementation at the time when this
-      // file was imported.
-      setTimeout: (callback, delay) => setTimeout(callback, delay),
-      clearTimeout: (timeoutId) => clearTimeout(timeoutId),
-      setInterval: (callback, delay) => setInterval(callback, delay),
-      clearInterval: (intervalId) => clearInterval(intervalId)
-    };
-    var TimeoutManager = class {
-      // We cannot have TimeoutManager<T> as we must instantiate it with a concrete
-      // type at app boot; and if we leave that type, then any new timer provider
-      // would need to support ReturnType<typeof setTimeout>, which is infeasible.
-      //
-      // We settle for type safety for the TimeoutProvider type, and accept that
-      // this class is unsafe internally to allow for extension.
-      #provider = defaultTimeoutProvider;
-      #providerCalled = false;
-      setTimeoutProvider(provider) {
-        if (process.env.NODE_ENV !== "production") {
-          if (this.#providerCalled && provider !== this.#provider) {
-            console.error(
-              `[timeoutManager]: Switching provider after calls to previous provider might result in unexpected behavior.`,
-              { previous: this.#provider, provider }
-            );
-          }
-        }
-        this.#provider = provider;
-        if (process.env.NODE_ENV !== "production") {
-          this.#providerCalled = false;
-        }
-      }
-      setTimeout(callback, delay) {
-        if (process.env.NODE_ENV !== "production") {
-          this.#providerCalled = true;
-        }
-        return this.#provider.setTimeout(callback, delay);
-      }
-      clearTimeout(timeoutId) {
-        this.#provider.clearTimeout(timeoutId);
-      }
-      setInterval(callback, delay) {
-        if (process.env.NODE_ENV !== "production") {
-          this.#providerCalled = true;
-        }
-        return this.#provider.setInterval(callback, delay);
-      }
-      clearInterval(intervalId) {
-        this.#provider.clearInterval(intervalId);
-      }
-    };
-    var timeoutManager = new TimeoutManager();
-    function systemSetTimeoutZero(callback) {
-      setTimeout(callback, 0);
-    }
-
-    // src/utils.ts
-    var isServer = typeof window === "undefined" || "Deno" in globalThis;
-    function noop() {
-    }
-    function functionalUpdate(updater, input) {
-      return typeof updater === "function" ? updater(input) : updater;
-    }
-    function isValidTimeout(value) {
-      return typeof value === "number" && value >= 0 && value !== Infinity;
-    }
-    function timeUntilStale(updatedAt, staleTime) {
-      return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0);
-    }
-    function resolveStaleTime(staleTime, query) {
-      return typeof staleTime === "function" ? staleTime(query) : staleTime;
-    }
-    function resolveEnabled(enabled, query) {
-      return typeof enabled === "function" ? enabled(query) : enabled;
-    }
-    function matchQuery(filters, query) {
-      const {
-        type = "all",
-        exact,
-        fetchStatus,
-        predicate,
-        queryKey,
-        stale
-      } = filters;
-      if (queryKey) {
-        if (exact) {
-          if (query.queryHash !== hashQueryKeyByOptions(queryKey, query.options)) {
-            return false;
-          }
-        } else if (!partialMatchKey(query.queryKey, queryKey)) {
-          return false;
-        }
-      }
-      if (type !== "all") {
-        const isActive = query.isActive();
-        if (type === "active" && !isActive) {
-          return false;
-        }
-        if (type === "inactive" && isActive) {
-          return false;
-        }
-      }
-      if (typeof stale === "boolean" && query.isStale() !== stale) {
-        return false;
-      }
-      if (fetchStatus && fetchStatus !== query.state.fetchStatus) {
-        return false;
-      }
-      if (predicate && !predicate(query)) {
-        return false;
-      }
-      return true;
-    }
-    function matchMutation(filters, mutation) {
-      const { exact, status, predicate, mutationKey } = filters;
-      if (mutationKey) {
-        if (!mutation.options.mutationKey) {
-          return false;
-        }
-        if (exact) {
-          if (hashKey(mutation.options.mutationKey) !== hashKey(mutationKey)) {
-            return false;
-          }
-        } else if (!partialMatchKey(mutation.options.mutationKey, mutationKey)) {
-          return false;
-        }
-      }
-      if (status && mutation.state.status !== status) {
-        return false;
-      }
-      if (predicate && !predicate(mutation)) {
-        return false;
-      }
-      return true;
-    }
-    function hashQueryKeyByOptions(queryKey, options) {
-      const hashFn = options?.queryKeyHashFn || hashKey;
-      return hashFn(queryKey);
-    }
-    function hashKey(queryKey) {
-      return JSON.stringify(
-        queryKey,
-        (_, val) => isPlainObject(val) ? Object.keys(val).sort().reduce((result, key) => {
-          result[key] = val[key];
-          return result;
-        }, {}) : val
-      );
-    }
-    function partialMatchKey(a, b) {
-      if (a === b) {
-        return true;
-      }
-      if (typeof a !== typeof b) {
-        return false;
-      }
-      if (a && b && typeof a === "object" && typeof b === "object") {
-        return Object.keys(b).every((key) => partialMatchKey(a[key], b[key]));
-      }
-      return false;
-    }
-    var hasOwn = Object.prototype.hasOwnProperty;
-    function replaceEqualDeep(a, b) {
-      if (a === b) {
-        return a;
-      }
-      const array = isPlainArray(a) && isPlainArray(b);
-      if (!array && !(isPlainObject(a) && isPlainObject(b))) return b;
-      const aItems = array ? a : Object.keys(a);
-      const aSize = aItems.length;
-      const bItems = array ? b : Object.keys(b);
-      const bSize = bItems.length;
-      const copy = array ? new Array(bSize) : {};
-      let equalItems = 0;
-      for (let i = 0; i < bSize; i++) {
-        const key = array ? i : bItems[i];
-        const aItem = a[key];
-        const bItem = b[key];
-        if (aItem === bItem) {
-          copy[key] = aItem;
-          if (array ? i < aSize : hasOwn.call(a, key)) equalItems++;
-          continue;
-        }
-        if (aItem === null || bItem === null || typeof aItem !== "object" || typeof bItem !== "object") {
-          copy[key] = bItem;
-          continue;
-        }
-        const v = replaceEqualDeep(aItem, bItem);
-        copy[key] = v;
-        if (v === aItem) equalItems++;
-      }
-      return aSize === bSize && equalItems === aSize ? a : copy;
-    }
-    function shallowEqualObjects(a, b) {
-      if (!b || Object.keys(a).length !== Object.keys(b).length) {
-        return false;
-      }
-      for (const key in a) {
-        if (a[key] !== b[key]) {
-          return false;
-        }
-      }
-      return true;
-    }
-    function isPlainArray(value) {
-      return Array.isArray(value) && value.length === Object.keys(value).length;
-    }
-    function isPlainObject(o) {
-      if (!hasObjectPrototype(o)) {
-        return false;
-      }
-      const ctor = o.constructor;
-      if (ctor === void 0) {
-        return true;
-      }
-      const prot = ctor.prototype;
-      if (!hasObjectPrototype(prot)) {
-        return false;
-      }
-      if (!prot.hasOwnProperty("isPrototypeOf")) {
-        return false;
-      }
-      if (Object.getPrototypeOf(o) !== Object.prototype) {
-        return false;
-      }
-      return true;
-    }
-    function hasObjectPrototype(o) {
-      return Object.prototype.toString.call(o) === "[object Object]";
-    }
-    function sleep(timeout) {
-      return new Promise((resolve) => {
-        timeoutManager.setTimeout(resolve, timeout);
-      });
-    }
-    function replaceData(prevData, data, options) {
-      if (typeof options.structuralSharing === "function") {
-        return options.structuralSharing(prevData, data);
-      } else if (options.structuralSharing !== false) {
-        if (process.env.NODE_ENV !== "production") {
-          try {
-            return replaceEqualDeep(prevData, data);
-          } catch (error) {
-            console.error(
-              `Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${options.queryHash}]: ${error}`
-            );
-            throw error;
-          }
-        }
-        return replaceEqualDeep(prevData, data);
-      }
-      return data;
-    }
-    function addToEnd(items, item, max = 0) {
-      const newItems = [...items, item];
-      return max && newItems.length > max ? newItems.slice(1) : newItems;
-    }
-    function addToStart(items, item, max = 0) {
-      const newItems = [item, ...items];
-      return max && newItems.length > max ? newItems.slice(0, -1) : newItems;
-    }
-    var skipToken = Symbol();
-    function ensureQueryFn(options, fetchOptions) {
-      if (process.env.NODE_ENV !== "production") {
-        if (options.queryFn === skipToken) {
-          console.error(
-            `Attempted to invoke queryFn when set to skipToken. This is likely a configuration error. Query hash: '${options.queryHash}'`
-          );
-        }
-      }
-      if (!options.queryFn && fetchOptions?.initialPromise) {
-        return () => fetchOptions.initialPromise;
-      }
-      if (!options.queryFn || options.queryFn === skipToken) {
-        return () => Promise.reject(new Error(`Missing queryFn: '${options.queryHash}'`));
-      }
-      return options.queryFn;
-    }
-    function shouldThrowError(throwOnError, params) {
-      if (typeof throwOnError === "function") {
-        return throwOnError(...params);
-      }
-      return !!throwOnError;
-    }
-
-    // src/focusManager.ts
-    var FocusManager = class extends Subscribable {
-      #focused;
-      #cleanup;
-      #setup;
-      constructor() {
-        super();
-        this.#setup = (onFocus) => {
-          if (!isServer && window.addEventListener) {
-            const listener = () => onFocus();
-            window.addEventListener("visibilitychange", listener, false);
-            return () => {
-              window.removeEventListener("visibilitychange", listener);
-            };
-          }
-          return;
-        };
-      }
-      onSubscribe() {
-        if (!this.#cleanup) {
-          this.setEventListener(this.#setup);
-        }
-      }
-      onUnsubscribe() {
-        if (!this.hasListeners()) {
-          this.#cleanup?.();
-          this.#cleanup = void 0;
-        }
-      }
-      setEventListener(setup) {
-        this.#setup = setup;
-        this.#cleanup?.();
-        this.#cleanup = setup((focused) => {
-          if (typeof focused === "boolean") {
-            this.setFocused(focused);
-          } else {
-            this.onFocus();
-          }
-        });
-      }
-      setFocused(focused) {
-        const changed = this.#focused !== focused;
-        if (changed) {
-          this.#focused = focused;
-          this.onFocus();
-        }
-      }
-      onFocus() {
-        const isFocused = this.isFocused();
-        this.listeners.forEach((listener) => {
-          listener(isFocused);
-        });
-      }
-      isFocused() {
-        if (typeof this.#focused === "boolean") {
-          return this.#focused;
-        }
-        return globalThis.document?.visibilityState !== "hidden";
-      }
-    };
-    var focusManager = new FocusManager();
-
-    // src/thenable.ts
-    function pendingThenable() {
-      let resolve;
-      let reject;
-      const thenable = new Promise((_resolve, _reject) => {
-        resolve = _resolve;
-        reject = _reject;
-      });
-      thenable.status = "pending";
-      thenable.catch(() => {
-      });
-      function finalize(data) {
-        Object.assign(thenable, data);
-        delete thenable.resolve;
-        delete thenable.reject;
-      }
-      thenable.resolve = (value) => {
-        finalize({
-          status: "fulfilled",
-          value
-        });
-        resolve(value);
-      };
-      thenable.reject = (reason) => {
-        finalize({
-          status: "rejected",
-          reason
-        });
-        reject(reason);
-      };
-      return thenable;
-    }
-
-    // src/notifyManager.ts
-    var defaultScheduler = systemSetTimeoutZero;
-    function createNotifyManager() {
-      let queue = [];
-      let transactions = 0;
-      let notifyFn = (callback) => {
-        callback();
-      };
-      let batchNotifyFn = (callback) => {
-        callback();
-      };
-      let scheduleFn = defaultScheduler;
-      const schedule = (callback) => {
-        if (transactions) {
-          queue.push(callback);
-        } else {
-          scheduleFn(() => {
-            notifyFn(callback);
-          });
-        }
-      };
-      const flush = () => {
-        const originalQueue = queue;
-        queue = [];
-        if (originalQueue.length) {
-          scheduleFn(() => {
-            batchNotifyFn(() => {
-              originalQueue.forEach((callback) => {
-                notifyFn(callback);
-              });
-            });
-          });
-        }
-      };
-      return {
-        batch: (callback) => {
-          let result;
-          transactions++;
-          try {
-            result = callback();
-          } finally {
-            transactions--;
-            if (!transactions) {
-              flush();
-            }
-          }
-          return result;
-        },
-        /**
-         * All calls to the wrapped function will be batched.
-         */
-        batchCalls: (callback) => {
-          return (...args) => {
-            schedule(() => {
-              callback(...args);
-            });
-          };
-        },
-        schedule,
-        /**
-         * Use this method to set a custom notify function.
-         * This can be used to for example wrap notifications with `React.act` while running tests.
-         */
-        setNotifyFunction: (fn) => {
-          notifyFn = fn;
-        },
-        /**
-         * Use this method to set a custom function to batch notifications together into a single tick.
-         * By default React Query will use the batch function provided by ReactDOM or React Native.
-         */
-        setBatchNotifyFunction: (fn) => {
-          batchNotifyFn = fn;
-        },
-        setScheduler: (fn) => {
-          scheduleFn = fn;
-        }
-      };
-    }
-    var notifyManager = createNotifyManager();
-
-    // src/onlineManager.ts
-    var OnlineManager = class extends Subscribable {
-      #online = true;
-      #cleanup;
-      #setup;
-      constructor() {
-        super();
-        this.#setup = (onOnline) => {
-          if (!isServer && window.addEventListener) {
-            const onlineListener = () => onOnline(true);
-            const offlineListener = () => onOnline(false);
-            window.addEventListener("online", onlineListener, false);
-            window.addEventListener("offline", offlineListener, false);
-            return () => {
-              window.removeEventListener("online", onlineListener);
-              window.removeEventListener("offline", offlineListener);
-            };
-          }
-          return;
-        };
-      }
-      onSubscribe() {
-        if (!this.#cleanup) {
-          this.setEventListener(this.#setup);
-        }
-      }
-      onUnsubscribe() {
-        if (!this.hasListeners()) {
-          this.#cleanup?.();
-          this.#cleanup = void 0;
-        }
-      }
-      setEventListener(setup) {
-        this.#setup = setup;
-        this.#cleanup?.();
-        this.#cleanup = setup(this.setOnline.bind(this));
-      }
-      setOnline(online) {
-        const changed = this.#online !== online;
-        if (changed) {
-          this.#online = online;
-          this.listeners.forEach((listener) => {
-            listener(online);
-          });
-        }
-      }
-      isOnline() {
-        return this.#online;
-      }
-    };
-    var onlineManager = new OnlineManager();
-
-    // src/retryer.ts
-    function defaultRetryDelay(failureCount) {
-      return Math.min(1e3 * 2 ** failureCount, 3e4);
-    }
-    function canFetch(networkMode) {
-      return (networkMode ?? "online") === "online" ? onlineManager.isOnline() : true;
-    }
-    var CancelledError = class extends Error {
-      constructor(options) {
-        super("CancelledError");
-        this.revert = options?.revert;
-        this.silent = options?.silent;
-      }
-    };
-    function createRetryer(config) {
-      let isRetryCancelled = false;
-      let failureCount = 0;
-      let continueFn;
-      const thenable = pendingThenable();
-      const isResolved = () => thenable.status !== "pending";
-      const cancel = (cancelOptions) => {
-        if (!isResolved()) {
-          const error = new CancelledError(cancelOptions);
-          reject(error);
-          config.onCancel?.(error);
-        }
-      };
-      const cancelRetry = () => {
-        isRetryCancelled = true;
-      };
-      const continueRetry = () => {
-        isRetryCancelled = false;
-      };
-      const canContinue = () => focusManager.isFocused() && (config.networkMode === "always" || onlineManager.isOnline()) && config.canRun();
-      const canStart = () => canFetch(config.networkMode) && config.canRun();
-      const resolve = (value) => {
-        if (!isResolved()) {
-          continueFn?.();
-          thenable.resolve(value);
-        }
-      };
-      const reject = (value) => {
-        if (!isResolved()) {
-          continueFn?.();
-          thenable.reject(value);
-        }
-      };
-      const pause = () => {
-        return new Promise((continueResolve) => {
-          continueFn = (value) => {
-            if (isResolved() || canContinue()) {
-              continueResolve(value);
-            }
-          };
-          config.onPause?.();
-        }).then(() => {
-          continueFn = void 0;
-          if (!isResolved()) {
-            config.onContinue?.();
-          }
-        });
-      };
-      const run = () => {
-        if (isResolved()) {
-          return;
-        }
-        let promiseOrValue;
-        const initialPromise = failureCount === 0 ? config.initialPromise : void 0;
-        try {
-          promiseOrValue = initialPromise ?? config.fn();
-        } catch (error) {
-          promiseOrValue = Promise.reject(error);
-        }
-        Promise.resolve(promiseOrValue).then(resolve).catch((error) => {
-          if (isResolved()) {
-            return;
-          }
-          const retry = config.retry ?? (isServer ? 0 : 3);
-          const retryDelay = config.retryDelay ?? defaultRetryDelay;
-          const delay = typeof retryDelay === "function" ? retryDelay(failureCount, error) : retryDelay;
-          const shouldRetry = retry === true || typeof retry === "number" && failureCount < retry || typeof retry === "function" && retry(failureCount, error);
-          if (isRetryCancelled || !shouldRetry) {
-            reject(error);
-            return;
-          }
-          failureCount++;
-          config.onFail?.(failureCount, error);
-          sleep(delay).then(() => {
-            return canContinue() ? void 0 : pause();
-          }).then(() => {
-            if (isRetryCancelled) {
-              reject(error);
-            } else {
-              run();
-            }
-          });
-        });
-      };
-      return {
-        promise: thenable,
-        status: () => thenable.status,
-        cancel,
-        continue: () => {
-          continueFn?.();
-          return thenable;
-        },
-        cancelRetry,
-        continueRetry,
-        canStart,
-        start: () => {
-          if (canStart()) {
-            run();
-          } else {
-            pause().then(run);
-          }
-          return thenable;
-        }
-      };
-    }
-
-    // src/removable.ts
-    var Removable = class {
-      #gcTimeout;
-      destroy() {
-        this.clearGcTimeout();
-      }
-      scheduleGc() {
-        this.clearGcTimeout();
-        if (isValidTimeout(this.gcTime)) {
-          this.#gcTimeout = timeoutManager.setTimeout(() => {
-            this.optionalRemove();
-          }, this.gcTime);
-        }
-      }
-      updateGcTime(newGcTime) {
-        this.gcTime = Math.max(
-          this.gcTime || 0,
-          newGcTime ?? (isServer ? Infinity : 5 * 60 * 1e3)
-        );
-      }
-      clearGcTimeout() {
-        if (this.#gcTimeout) {
-          timeoutManager.clearTimeout(this.#gcTimeout);
-          this.#gcTimeout = void 0;
-        }
-      }
+        return (jsxRuntime.jsx("div", { className: 'flex gap-4 flex-wrap hover:cursor-pointer', style: style, children: Object.entries(plotLegends).map(([plotId, legendItems]) => (jsxRuntime.jsx("div", { className: 'flex gap-4 flex-wrap', children: legendItems.map(item => (jsxRuntime.jsxs("div", { className: 'flex gap-2 items-center', children: [jsxRuntime.jsx("div", { className: 'w-4 h-4 rounded-full', style: item.style }), jsxRuntime.jsx("div", { children: item.label })] }, item.id))) }, plotId))) }));
     };
 
-    // src/query.ts
-    var Query = class extends Removable {
-      #initialState;
-      #revertState;
-      #cache;
-      #client;
-      #retryer;
-      #defaultOptions;
-      #abortSignalConsumed;
-      constructor(config) {
-        super();
-        this.#abortSignalConsumed = false;
-        this.#defaultOptions = config.defaultOptions;
-        this.setOptions(config.options);
-        this.observers = [];
-        this.#client = config.client;
-        this.#cache = this.#client.getQueryCache();
-        this.queryKey = config.queryKey;
-        this.queryHash = config.queryHash;
-        this.#initialState = getDefaultState$1(this.options);
-        this.state = config.state ?? this.#initialState;
-        this.scheduleGc();
-      }
-      get meta() {
-        return this.options.meta;
-      }
-      get promise() {
-        return this.#retryer?.promise;
-      }
-      setOptions(options) {
-        this.options = { ...this.#defaultOptions, ...options };
-        this.updateGcTime(this.options.gcTime);
-        if (this.state && this.state.data === void 0) {
-          const defaultState = getDefaultState$1(this.options);
-          if (defaultState.data !== void 0) {
-            this.setState(
-              successState(defaultState.data, defaultState.dataUpdatedAt)
-            );
-            this.#initialState = defaultState;
-          }
-        }
-      }
-      optionalRemove() {
-        if (!this.observers.length && this.state.fetchStatus === "idle") {
-          this.#cache.remove(this);
-        }
-      }
-      setData(newData, options) {
-        const data = replaceData(this.state.data, newData, this.options);
-        this.#dispatch({
-          data,
-          type: "success",
-          dataUpdatedAt: options?.updatedAt,
-          manual: options?.manual
-        });
-        return data;
-      }
-      setState(state, setStateOptions) {
-        this.#dispatch({ type: "setState", state, setStateOptions });
-      }
-      cancel(options) {
-        const promise = this.#retryer?.promise;
-        this.#retryer?.cancel(options);
-        return promise ? promise.then(noop).catch(noop) : Promise.resolve();
-      }
-      destroy() {
-        super.destroy();
-        this.cancel({ silent: true });
-      }
-      reset() {
-        this.destroy();
-        this.setState(this.#initialState);
-      }
-      isActive() {
-        return this.observers.some(
-          (observer) => resolveEnabled(observer.options.enabled, this) !== false
-        );
-      }
-      isDisabled() {
-        if (this.getObserversCount() > 0) {
-          return !this.isActive();
-        }
-        return this.options.queryFn === skipToken || this.state.dataUpdateCount + this.state.errorUpdateCount === 0;
-      }
-      isStatic() {
-        if (this.getObserversCount() > 0) {
-          return this.observers.some(
-            (observer) => resolveStaleTime(observer.options.staleTime, this) === "static"
-          );
-        }
-        return false;
-      }
-      isStale() {
-        if (this.getObserversCount() > 0) {
-          return this.observers.some(
-            (observer) => observer.getCurrentResult().isStale
-          );
-        }
-        return this.state.data === void 0 || this.state.isInvalidated;
-      }
-      isStaleByTime(staleTime = 0) {
-        if (this.state.data === void 0) {
-          return true;
-        }
-        if (staleTime === "static") {
-          return false;
-        }
-        if (this.state.isInvalidated) {
-          return true;
-        }
-        return !timeUntilStale(this.state.dataUpdatedAt, staleTime);
-      }
-      onFocus() {
-        const observer = this.observers.find((x) => x.shouldFetchOnWindowFocus());
-        observer?.refetch({ cancelRefetch: false });
-        this.#retryer?.continue();
-      }
-      onOnline() {
-        const observer = this.observers.find((x) => x.shouldFetchOnReconnect());
-        observer?.refetch({ cancelRefetch: false });
-        this.#retryer?.continue();
-      }
-      addObserver(observer) {
-        if (!this.observers.includes(observer)) {
-          this.observers.push(observer);
-          this.clearGcTimeout();
-          this.#cache.notify({ type: "observerAdded", query: this, observer });
-        }
-      }
-      removeObserver(observer) {
-        if (this.observers.includes(observer)) {
-          this.observers = this.observers.filter((x) => x !== observer);
-          if (!this.observers.length) {
-            if (this.#retryer) {
-              if (this.#abortSignalConsumed) {
-                this.#retryer.cancel({ revert: true });
-              } else {
-                this.#retryer.cancelRetry();
-              }
-            }
-            this.scheduleGc();
-          }
-          this.#cache.notify({ type: "observerRemoved", query: this, observer });
-        }
-      }
-      getObserversCount() {
-        return this.observers.length;
-      }
-      invalidate() {
-        if (!this.state.isInvalidated) {
-          this.#dispatch({ type: "invalidate" });
-        }
-      }
-      async fetch(options, fetchOptions) {
-        if (this.state.fetchStatus !== "idle" && // If the promise in the retyer is already rejected, we have to definitely
-        // re-start the fetch; there is a chance that the query is still in a
-        // pending state when that happens
-        this.#retryer?.status() !== "rejected") {
-          if (this.state.data !== void 0 && fetchOptions?.cancelRefetch) {
-            this.cancel({ silent: true });
-          } else if (this.#retryer) {
-            this.#retryer.continueRetry();
-            return this.#retryer.promise;
-          }
-        }
-        if (options) {
-          this.setOptions(options);
-        }
-        if (!this.options.queryFn) {
-          const observer = this.observers.find((x) => x.options.queryFn);
-          if (observer) {
-            this.setOptions(observer.options);
-          }
-        }
-        if (process.env.NODE_ENV !== "production") {
-          if (!Array.isArray(this.options.queryKey)) {
-            console.error(
-              `As of v4, queryKey needs to be an Array. If you are using a string like 'repoData', please change it to an Array, e.g. ['repoData']`
-            );
-          }
-        }
-        const abortController = new AbortController();
-        const addSignalProperty = (object) => {
-          Object.defineProperty(object, "signal", {
-            enumerable: true,
-            get: () => {
-              this.#abortSignalConsumed = true;
-              return abortController.signal;
-            }
-          });
-        };
-        const fetchFn = () => {
-          const queryFn = ensureQueryFn(this.options, fetchOptions);
-          const createQueryFnContext = () => {
-            const queryFnContext2 = {
-              client: this.#client,
-              queryKey: this.queryKey,
-              meta: this.meta
-            };
-            addSignalProperty(queryFnContext2);
-            return queryFnContext2;
-          };
-          const queryFnContext = createQueryFnContext();
-          this.#abortSignalConsumed = false;
-          if (this.options.persister) {
-            return this.options.persister(
-              queryFn,
-              queryFnContext,
-              this
-            );
-          }
-          return queryFn(queryFnContext);
-        };
-        const createFetchContext = () => {
-          const context2 = {
-            fetchOptions,
-            options: this.options,
-            queryKey: this.queryKey,
-            client: this.#client,
-            state: this.state,
-            fetchFn
-          };
-          addSignalProperty(context2);
-          return context2;
-        };
-        const context = createFetchContext();
-        this.options.behavior?.onFetch(context, this);
-        this.#revertState = this.state;
-        if (this.state.fetchStatus === "idle" || this.state.fetchMeta !== context.fetchOptions?.meta) {
-          this.#dispatch({ type: "fetch", meta: context.fetchOptions?.meta });
-        }
-        this.#retryer = createRetryer({
-          initialPromise: fetchOptions?.initialPromise,
-          fn: context.fetchFn,
-          onCancel: (error) => {
-            if (error instanceof CancelledError && error.revert) {
-              this.setState({
-                ...this.#revertState,
-                fetchStatus: "idle"
-              });
-            }
-            abortController.abort();
-          },
-          onFail: (failureCount, error) => {
-            this.#dispatch({ type: "failed", failureCount, error });
-          },
-          onPause: () => {
-            this.#dispatch({ type: "pause" });
-          },
-          onContinue: () => {
-            this.#dispatch({ type: "continue" });
-          },
-          retry: context.options.retry,
-          retryDelay: context.options.retryDelay,
-          networkMode: context.options.networkMode,
-          canRun: () => true
-        });
-        try {
-          const data = await this.#retryer.start();
-          if (data === void 0) {
-            if (process.env.NODE_ENV !== "production") {
-              console.error(
-                `Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key: ${this.queryHash}`
-              );
-            }
-            throw new Error(`${this.queryHash} data is undefined`);
-          }
-          this.setData(data);
-          this.#cache.config.onSuccess?.(data, this);
-          this.#cache.config.onSettled?.(
-            data,
-            this.state.error,
-            this
-          );
-          return data;
-        } catch (error) {
-          if (error instanceof CancelledError) {
-            if (error.silent) {
-              return this.#retryer.promise;
-            } else if (error.revert) {
-              if (this.state.data === void 0) {
-                throw error;
-              }
-              return this.state.data;
-            }
-          }
-          this.#dispatch({
-            type: "error",
-            error
-          });
-          this.#cache.config.onError?.(
-            error,
-            this
-          );
-          this.#cache.config.onSettled?.(
-            this.state.data,
-            error,
-            this
-          );
-          throw error;
-        } finally {
-          this.scheduleGc();
-        }
-      }
-      #dispatch(action) {
-        const reducer = (state) => {
-          switch (action.type) {
-            case "failed":
-              return {
-                ...state,
-                fetchFailureCount: action.failureCount,
-                fetchFailureReason: action.error
-              };
-            case "pause":
-              return {
-                ...state,
-                fetchStatus: "paused"
-              };
-            case "continue":
-              return {
-                ...state,
-                fetchStatus: "fetching"
-              };
-            case "fetch":
-              return {
-                ...state,
-                ...fetchState(state.data, this.options),
-                fetchMeta: action.meta ?? null
-              };
-            case "success":
-              const newState = {
-                ...state,
-                ...successState(action.data, action.dataUpdatedAt),
-                dataUpdateCount: state.dataUpdateCount + 1,
-                ...!action.manual && {
-                  fetchStatus: "idle",
-                  fetchFailureCount: 0,
-                  fetchFailureReason: null
-                }
-              };
-              this.#revertState = action.manual ? newState : void 0;
-              return newState;
-            case "error":
-              const error = action.error;
-              return {
-                ...state,
-                error,
-                errorUpdateCount: state.errorUpdateCount + 1,
-                errorUpdatedAt: Date.now(),
-                fetchFailureCount: state.fetchFailureCount + 1,
-                fetchFailureReason: error,
-                fetchStatus: "idle",
-                status: "error"
-              };
-            case "invalidate":
-              return {
-                ...state,
-                isInvalidated: true
-              };
-            case "setState":
-              return {
-                ...state,
-                ...action.state
-              };
-          }
-        };
-        this.state = reducer(this.state);
-        notifyManager.batch(() => {
-          this.observers.forEach((observer) => {
-            observer.onQueryUpdate();
-          });
-          this.#cache.notify({ query: this, type: "updated", action });
-        });
-      }
-    };
-    function fetchState(data, options) {
-      return {
-        fetchFailureCount: 0,
-        fetchFailureReason: null,
-        fetchStatus: canFetch(options.networkMode) ? "fetching" : "paused",
-        ...data === void 0 && {
-          error: null,
-          status: "pending"
-        }
-      };
-    }
-    function successState(data, dataUpdatedAt) {
-      return {
-        data,
-        dataUpdatedAt: dataUpdatedAt ?? Date.now(),
-        error: null,
-        isInvalidated: false,
-        status: "success"
-      };
-    }
-    function getDefaultState$1(options) {
-      const data = typeof options.initialData === "function" ? options.initialData() : options.initialData;
-      const hasData = data !== void 0;
-      const initialDataUpdatedAt = hasData ? typeof options.initialDataUpdatedAt === "function" ? options.initialDataUpdatedAt() : options.initialDataUpdatedAt : 0;
-      return {
-        data,
-        dataUpdateCount: 0,
-        dataUpdatedAt: hasData ? initialDataUpdatedAt ?? Date.now() : 0,
-        error: null,
-        errorUpdateCount: 0,
-        errorUpdatedAt: 0,
-        fetchFailureCount: 0,
-        fetchFailureReason: null,
-        fetchMeta: null,
-        isInvalidated: false,
-        status: hasData ? "success" : "pending",
-        fetchStatus: "idle"
-      };
-    }
-
-    // src/queryObserver.ts
-    var QueryObserver = class extends Subscribable {
-      constructor(client, options) {
-        super();
-        this.options = options;
-        this.#client = client;
-        this.#selectError = null;
-        this.#currentThenable = pendingThenable();
-        this.bindMethods();
-        this.setOptions(options);
-      }
-      #client;
-      #currentQuery = void 0;
-      #currentQueryInitialState = void 0;
-      #currentResult = void 0;
-      #currentResultState;
-      #currentResultOptions;
-      #currentThenable;
-      #selectError;
-      #selectFn;
-      #selectResult;
-      // This property keeps track of the last query with defined data.
-      // It will be used to pass the previous data and query to the placeholder function between renders.
-      #lastQueryWithDefinedData;
-      #staleTimeoutId;
-      #refetchIntervalId;
-      #currentRefetchInterval;
-      #trackedProps = /* @__PURE__ */ new Set();
-      bindMethods() {
-        this.refetch = this.refetch.bind(this);
-      }
-      onSubscribe() {
-        if (this.listeners.size === 1) {
-          this.#currentQuery.addObserver(this);
-          if (shouldFetchOnMount(this.#currentQuery, this.options)) {
-            this.#executeFetch();
-          } else {
-            this.updateResult();
-          }
-          this.#updateTimers();
-        }
-      }
-      onUnsubscribe() {
-        if (!this.hasListeners()) {
-          this.destroy();
-        }
-      }
-      shouldFetchOnReconnect() {
-        return shouldFetchOn(
-          this.#currentQuery,
-          this.options,
-          this.options.refetchOnReconnect
-        );
-      }
-      shouldFetchOnWindowFocus() {
-        return shouldFetchOn(
-          this.#currentQuery,
-          this.options,
-          this.options.refetchOnWindowFocus
-        );
-      }
-      destroy() {
-        this.listeners = /* @__PURE__ */ new Set();
-        this.#clearStaleTimeout();
-        this.#clearRefetchInterval();
-        this.#currentQuery.removeObserver(this);
-      }
-      setOptions(options) {
-        const prevOptions = this.options;
-        const prevQuery = this.#currentQuery;
-        this.options = this.#client.defaultQueryOptions(options);
-        if (this.options.enabled !== void 0 && typeof this.options.enabled !== "boolean" && typeof this.options.enabled !== "function" && typeof resolveEnabled(this.options.enabled, this.#currentQuery) !== "boolean") {
-          throw new Error(
-            "Expected enabled to be a boolean or a callback that returns a boolean"
-          );
-        }
-        this.#updateQuery();
-        this.#currentQuery.setOptions(this.options);
-        if (prevOptions._defaulted && !shallowEqualObjects(this.options, prevOptions)) {
-          this.#client.getQueryCache().notify({
-            type: "observerOptionsUpdated",
-            query: this.#currentQuery,
-            observer: this
-          });
-        }
-        const mounted = this.hasListeners();
-        if (mounted && shouldFetchOptionally(
-          this.#currentQuery,
-          prevQuery,
-          this.options,
-          prevOptions
-        )) {
-          this.#executeFetch();
-        }
-        this.updateResult();
-        if (mounted && (this.#currentQuery !== prevQuery || resolveEnabled(this.options.enabled, this.#currentQuery) !== resolveEnabled(prevOptions.enabled, this.#currentQuery) || resolveStaleTime(this.options.staleTime, this.#currentQuery) !== resolveStaleTime(prevOptions.staleTime, this.#currentQuery))) {
-          this.#updateStaleTimeout();
-        }
-        const nextRefetchInterval = this.#computeRefetchInterval();
-        if (mounted && (this.#currentQuery !== prevQuery || resolveEnabled(this.options.enabled, this.#currentQuery) !== resolveEnabled(prevOptions.enabled, this.#currentQuery) || nextRefetchInterval !== this.#currentRefetchInterval)) {
-          this.#updateRefetchInterval(nextRefetchInterval);
-        }
-      }
-      getOptimisticResult(options) {
-        const query = this.#client.getQueryCache().build(this.#client, options);
-        const result = this.createResult(query, options);
-        if (shouldAssignObserverCurrentProperties(this, result)) {
-          this.#currentResult = result;
-          this.#currentResultOptions = this.options;
-          this.#currentResultState = this.#currentQuery.state;
-        }
-        return result;
-      }
-      getCurrentResult() {
-        return this.#currentResult;
-      }
-      trackResult(result, onPropTracked) {
-        return new Proxy(result, {
-          get: (target, key) => {
-            this.trackProp(key);
-            onPropTracked?.(key);
-            if (key === "promise") {
-              this.trackProp("data");
-              if (!this.options.experimental_prefetchInRender && this.#currentThenable.status === "pending") {
-                this.#currentThenable.reject(
-                  new Error(
-                    "experimental_prefetchInRender feature flag is not enabled"
-                  )
-                );
-              }
-            }
-            return Reflect.get(target, key);
-          }
-        });
-      }
-      trackProp(key) {
-        this.#trackedProps.add(key);
-      }
-      getCurrentQuery() {
-        return this.#currentQuery;
-      }
-      refetch({ ...options } = {}) {
-        return this.fetch({
-          ...options
-        });
-      }
-      fetchOptimistic(options) {
-        const defaultedOptions = this.#client.defaultQueryOptions(options);
-        const query = this.#client.getQueryCache().build(this.#client, defaultedOptions);
-        return query.fetch().then(() => this.createResult(query, defaultedOptions));
-      }
-      fetch(fetchOptions) {
-        return this.#executeFetch({
-          ...fetchOptions,
-          cancelRefetch: fetchOptions.cancelRefetch ?? true
-        }).then(() => {
-          this.updateResult();
-          return this.#currentResult;
-        });
-      }
-      #executeFetch(fetchOptions) {
-        this.#updateQuery();
-        let promise = this.#currentQuery.fetch(
-          this.options,
-          fetchOptions
-        );
-        if (!fetchOptions?.throwOnError) {
-          promise = promise.catch(noop);
-        }
-        return promise;
-      }
-      #updateStaleTimeout() {
-        this.#clearStaleTimeout();
-        const staleTime = resolveStaleTime(
-          this.options.staleTime,
-          this.#currentQuery
-        );
-        if (isServer || this.#currentResult.isStale || !isValidTimeout(staleTime)) {
-          return;
-        }
-        const time = timeUntilStale(this.#currentResult.dataUpdatedAt, staleTime);
-        const timeout = time + 1;
-        this.#staleTimeoutId = timeoutManager.setTimeout(() => {
-          if (!this.#currentResult.isStale) {
-            this.updateResult();
-          }
-        }, timeout);
-      }
-      #computeRefetchInterval() {
-        return (typeof this.options.refetchInterval === "function" ? this.options.refetchInterval(this.#currentQuery) : this.options.refetchInterval) ?? false;
-      }
-      #updateRefetchInterval(nextInterval) {
-        this.#clearRefetchInterval();
-        this.#currentRefetchInterval = nextInterval;
-        if (isServer || resolveEnabled(this.options.enabled, this.#currentQuery) === false || !isValidTimeout(this.#currentRefetchInterval) || this.#currentRefetchInterval === 0) {
-          return;
-        }
-        this.#refetchIntervalId = timeoutManager.setInterval(() => {
-          if (this.options.refetchIntervalInBackground || focusManager.isFocused()) {
-            this.#executeFetch();
-          }
-        }, this.#currentRefetchInterval);
-      }
-      #updateTimers() {
-        this.#updateStaleTimeout();
-        this.#updateRefetchInterval(this.#computeRefetchInterval());
-      }
-      #clearStaleTimeout() {
-        if (this.#staleTimeoutId) {
-          timeoutManager.clearTimeout(this.#staleTimeoutId);
-          this.#staleTimeoutId = void 0;
-        }
-      }
-      #clearRefetchInterval() {
-        if (this.#refetchIntervalId) {
-          timeoutManager.clearInterval(this.#refetchIntervalId);
-          this.#refetchIntervalId = void 0;
-        }
-      }
-      createResult(query, options) {
-        const prevQuery = this.#currentQuery;
-        const prevOptions = this.options;
-        const prevResult = this.#currentResult;
-        const prevResultState = this.#currentResultState;
-        const prevResultOptions = this.#currentResultOptions;
-        const queryChange = query !== prevQuery;
-        const queryInitialState = queryChange ? query.state : this.#currentQueryInitialState;
-        const { state } = query;
-        let newState = { ...state };
-        let isPlaceholderData = false;
-        let data;
-        if (options._optimisticResults) {
-          const mounted = this.hasListeners();
-          const fetchOnMount = !mounted && shouldFetchOnMount(query, options);
-          const fetchOptionally = mounted && shouldFetchOptionally(query, prevQuery, options, prevOptions);
-          if (fetchOnMount || fetchOptionally) {
-            newState = {
-              ...newState,
-              ...fetchState(state.data, query.options)
-            };
-          }
-          if (options._optimisticResults === "isRestoring") {
-            newState.fetchStatus = "idle";
-          }
-        }
-        let { error, errorUpdatedAt, status } = newState;
-        data = newState.data;
-        let skipSelect = false;
-        if (options.placeholderData !== void 0 && data === void 0 && status === "pending") {
-          let placeholderData;
-          if (prevResult?.isPlaceholderData && options.placeholderData === prevResultOptions?.placeholderData) {
-            placeholderData = prevResult.data;
-            skipSelect = true;
-          } else {
-            placeholderData = typeof options.placeholderData === "function" ? options.placeholderData(
-              this.#lastQueryWithDefinedData?.state.data,
-              this.#lastQueryWithDefinedData
-            ) : options.placeholderData;
-          }
-          if (placeholderData !== void 0) {
-            status = "success";
-            data = replaceData(
-              prevResult?.data,
-              placeholderData,
-              options
-            );
-            isPlaceholderData = true;
-          }
-        }
-        if (options.select && data !== void 0 && !skipSelect) {
-          if (prevResult && data === prevResultState?.data && options.select === this.#selectFn) {
-            data = this.#selectResult;
-          } else {
-            try {
-              this.#selectFn = options.select;
-              data = options.select(data);
-              data = replaceData(prevResult?.data, data, options);
-              this.#selectResult = data;
-              this.#selectError = null;
-            } catch (selectError) {
-              this.#selectError = selectError;
-            }
-          }
-        }
-        if (this.#selectError) {
-          error = this.#selectError;
-          data = this.#selectResult;
-          errorUpdatedAt = Date.now();
-          status = "error";
-        }
-        const isFetching = newState.fetchStatus === "fetching";
-        const isPending = status === "pending";
-        const isError = status === "error";
-        const isLoading = isPending && isFetching;
-        const hasData = data !== void 0;
-        const result = {
-          status,
-          fetchStatus: newState.fetchStatus,
-          isPending,
-          isSuccess: status === "success",
-          isError,
-          isInitialLoading: isLoading,
-          isLoading,
-          data,
-          dataUpdatedAt: newState.dataUpdatedAt,
-          error,
-          errorUpdatedAt,
-          failureCount: newState.fetchFailureCount,
-          failureReason: newState.fetchFailureReason,
-          errorUpdateCount: newState.errorUpdateCount,
-          isFetched: newState.dataUpdateCount > 0 || newState.errorUpdateCount > 0,
-          isFetchedAfterMount: newState.dataUpdateCount > queryInitialState.dataUpdateCount || newState.errorUpdateCount > queryInitialState.errorUpdateCount,
-          isFetching,
-          isRefetching: isFetching && !isPending,
-          isLoadingError: isError && !hasData,
-          isPaused: newState.fetchStatus === "paused",
-          isPlaceholderData,
-          isRefetchError: isError && hasData,
-          isStale: isStale(query, options),
-          refetch: this.refetch,
-          promise: this.#currentThenable,
-          isEnabled: resolveEnabled(options.enabled, query) !== false
-        };
-        const nextResult = result;
-        if (this.options.experimental_prefetchInRender) {
-          const finalizeThenableIfPossible = (thenable) => {
-            if (nextResult.status === "error") {
-              thenable.reject(nextResult.error);
-            } else if (nextResult.data !== void 0) {
-              thenable.resolve(nextResult.data);
-            }
-          };
-          const recreateThenable = () => {
-            const pending = this.#currentThenable = nextResult.promise = pendingThenable();
-            finalizeThenableIfPossible(pending);
-          };
-          const prevThenable = this.#currentThenable;
-          switch (prevThenable.status) {
-            case "pending":
-              if (query.queryHash === prevQuery.queryHash) {
-                finalizeThenableIfPossible(prevThenable);
-              }
-              break;
-            case "fulfilled":
-              if (nextResult.status === "error" || nextResult.data !== prevThenable.value) {
-                recreateThenable();
-              }
-              break;
-            case "rejected":
-              if (nextResult.status !== "error" || nextResult.error !== prevThenable.reason) {
-                recreateThenable();
-              }
-              break;
-          }
-        }
-        return nextResult;
-      }
-      updateResult() {
-        const prevResult = this.#currentResult;
-        const nextResult = this.createResult(this.#currentQuery, this.options);
-        this.#currentResultState = this.#currentQuery.state;
-        this.#currentResultOptions = this.options;
-        if (this.#currentResultState.data !== void 0) {
-          this.#lastQueryWithDefinedData = this.#currentQuery;
-        }
-        if (shallowEqualObjects(nextResult, prevResult)) {
-          return;
-        }
-        this.#currentResult = nextResult;
-        const shouldNotifyListeners = () => {
-          if (!prevResult) {
-            return true;
-          }
-          const { notifyOnChangeProps } = this.options;
-          const notifyOnChangePropsValue = typeof notifyOnChangeProps === "function" ? notifyOnChangeProps() : notifyOnChangeProps;
-          if (notifyOnChangePropsValue === "all" || !notifyOnChangePropsValue && !this.#trackedProps.size) {
-            return true;
-          }
-          const includedProps = new Set(
-            notifyOnChangePropsValue ?? this.#trackedProps
-          );
-          if (this.options.throwOnError) {
-            includedProps.add("error");
-          }
-          return Object.keys(this.#currentResult).some((key) => {
-            const typedKey = key;
-            const changed = this.#currentResult[typedKey] !== prevResult[typedKey];
-            return changed && includedProps.has(typedKey);
-          });
-        };
-        this.#notify({ listeners: shouldNotifyListeners() });
-      }
-      #updateQuery() {
-        const query = this.#client.getQueryCache().build(this.#client, this.options);
-        if (query === this.#currentQuery) {
-          return;
-        }
-        const prevQuery = this.#currentQuery;
-        this.#currentQuery = query;
-        this.#currentQueryInitialState = query.state;
-        if (this.hasListeners()) {
-          prevQuery?.removeObserver(this);
-          query.addObserver(this);
-        }
-      }
-      onQueryUpdate() {
-        this.updateResult();
-        if (this.hasListeners()) {
-          this.#updateTimers();
-        }
-      }
-      #notify(notifyOptions) {
-        notifyManager.batch(() => {
-          if (notifyOptions.listeners) {
-            this.listeners.forEach((listener) => {
-              listener(this.#currentResult);
-            });
-          }
-          this.#client.getQueryCache().notify({
-            query: this.#currentQuery,
-            type: "observerResultsUpdated"
-          });
-        });
-      }
-    };
-    function shouldLoadOnMount(query, options) {
-      return resolveEnabled(options.enabled, query) !== false && query.state.data === void 0 && !(query.state.status === "error" && options.retryOnMount === false);
-    }
-    function shouldFetchOnMount(query, options) {
-      return shouldLoadOnMount(query, options) || query.state.data !== void 0 && shouldFetchOn(query, options, options.refetchOnMount);
-    }
-    function shouldFetchOn(query, options, field) {
-      if (resolveEnabled(options.enabled, query) !== false && resolveStaleTime(options.staleTime, query) !== "static") {
-        const value = typeof field === "function" ? field(query) : field;
-        return value === "always" || value !== false && isStale(query, options);
-      }
-      return false;
-    }
-    function shouldFetchOptionally(query, prevQuery, options, prevOptions) {
-      return (query !== prevQuery || resolveEnabled(prevOptions.enabled, query) === false) && (!options.suspense || query.state.status !== "error") && isStale(query, options);
-    }
-    function isStale(query, options) {
-      return resolveEnabled(options.enabled, query) !== false && query.isStaleByTime(resolveStaleTime(options.staleTime, query));
-    }
-    function shouldAssignObserverCurrentProperties(observer, optimisticResult) {
-      if (!shallowEqualObjects(observer.getCurrentResult(), optimisticResult)) {
-        return true;
-      }
-      return false;
-    }
-
-    // src/infiniteQueryBehavior.ts
-    function infiniteQueryBehavior(pages) {
-      return {
-        onFetch: (context, query) => {
-          const options = context.options;
-          const direction = context.fetchOptions?.meta?.fetchMore?.direction;
-          const oldPages = context.state.data?.pages || [];
-          const oldPageParams = context.state.data?.pageParams || [];
-          let result = { pages: [], pageParams: [] };
-          let currentPage = 0;
-          const fetchFn = async () => {
-            let cancelled = false;
-            const addSignalProperty = (object) => {
-              Object.defineProperty(object, "signal", {
-                enumerable: true,
-                get: () => {
-                  if (context.signal.aborted) {
-                    cancelled = true;
-                  } else {
-                    context.signal.addEventListener("abort", () => {
-                      cancelled = true;
-                    });
-                  }
-                  return context.signal;
-                }
-              });
-            };
-            const queryFn = ensureQueryFn(context.options, context.fetchOptions);
-            const fetchPage = async (data, param, previous) => {
-              if (cancelled) {
-                return Promise.reject();
-              }
-              if (param == null && data.pages.length) {
-                return Promise.resolve(data);
-              }
-              const createQueryFnContext = () => {
-                const queryFnContext2 = {
-                  client: context.client,
-                  queryKey: context.queryKey,
-                  pageParam: param,
-                  direction: previous ? "backward" : "forward",
-                  meta: context.options.meta
-                };
-                addSignalProperty(queryFnContext2);
-                return queryFnContext2;
-              };
-              const queryFnContext = createQueryFnContext();
-              const page = await queryFn(queryFnContext);
-              const { maxPages } = context.options;
-              const addTo = previous ? addToStart : addToEnd;
-              return {
-                pages: addTo(data.pages, page, maxPages),
-                pageParams: addTo(data.pageParams, param, maxPages)
-              };
-            };
-            if (direction && oldPages.length) {
-              const previous = direction === "backward";
-              const pageParamFn = previous ? getPreviousPageParam : getNextPageParam;
-              const oldData = {
-                pages: oldPages,
-                pageParams: oldPageParams
-              };
-              const param = pageParamFn(options, oldData);
-              result = await fetchPage(oldData, param, previous);
-            } else {
-              const remainingPages = pages ?? oldPages.length;
-              do {
-                const param = currentPage === 0 ? oldPageParams[0] ?? options.initialPageParam : getNextPageParam(options, result);
-                if (currentPage > 0 && param == null) {
-                  break;
-                }
-                result = await fetchPage(result, param);
-                currentPage++;
-              } while (currentPage < remainingPages);
-            }
-            return result;
-          };
-          if (context.options.persister) {
-            context.fetchFn = () => {
-              return context.options.persister?.(
-                fetchFn,
-                {
-                  client: context.client,
-                  queryKey: context.queryKey,
-                  meta: context.options.meta,
-                  signal: context.signal
-                },
-                query
-              );
-            };
-          } else {
-            context.fetchFn = fetchFn;
-          }
-        }
-      };
-    }
-    function getNextPageParam(options, { pages, pageParams }) {
-      const lastIndex = pages.length - 1;
-      return pages.length > 0 ? options.getNextPageParam(
-        pages[lastIndex],
-        pages,
-        pageParams[lastIndex],
-        pageParams
-      ) : void 0;
-    }
-    function getPreviousPageParam(options, { pages, pageParams }) {
-      return pages.length > 0 ? options.getPreviousPageParam?.(pages[0], pages, pageParams[0], pageParams) : void 0;
-    }
-
-    // src/mutation.ts
-    var Mutation = class extends Removable {
-      #client;
-      #observers;
-      #mutationCache;
-      #retryer;
-      constructor(config) {
-        super();
-        this.#client = config.client;
-        this.mutationId = config.mutationId;
-        this.#mutationCache = config.mutationCache;
-        this.#observers = [];
-        this.state = config.state || getDefaultState();
-        this.setOptions(config.options);
-        this.scheduleGc();
-      }
-      setOptions(options) {
-        this.options = options;
-        this.updateGcTime(this.options.gcTime);
-      }
-      get meta() {
-        return this.options.meta;
-      }
-      addObserver(observer) {
-        if (!this.#observers.includes(observer)) {
-          this.#observers.push(observer);
-          this.clearGcTimeout();
-          this.#mutationCache.notify({
-            type: "observerAdded",
-            mutation: this,
-            observer
-          });
-        }
-      }
-      removeObserver(observer) {
-        this.#observers = this.#observers.filter((x) => x !== observer);
-        this.scheduleGc();
-        this.#mutationCache.notify({
-          type: "observerRemoved",
-          mutation: this,
-          observer
-        });
-      }
-      optionalRemove() {
-        if (!this.#observers.length) {
-          if (this.state.status === "pending") {
-            this.scheduleGc();
-          } else {
-            this.#mutationCache.remove(this);
-          }
-        }
-      }
-      continue() {
-        return this.#retryer?.continue() ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before
-        this.execute(this.state.variables);
-      }
-      async execute(variables) {
-        const onContinue = () => {
-          this.#dispatch({ type: "continue" });
-        };
-        const mutationFnContext = {
-          client: this.#client,
-          meta: this.options.meta,
-          mutationKey: this.options.mutationKey
-        };
-        this.#retryer = createRetryer({
-          fn: () => {
-            if (!this.options.mutationFn) {
-              return Promise.reject(new Error("No mutationFn found"));
-            }
-            return this.options.mutationFn(variables, mutationFnContext);
-          },
-          onFail: (failureCount, error) => {
-            this.#dispatch({ type: "failed", failureCount, error });
-          },
-          onPause: () => {
-            this.#dispatch({ type: "pause" });
-          },
-          onContinue,
-          retry: this.options.retry ?? 0,
-          retryDelay: this.options.retryDelay,
-          networkMode: this.options.networkMode,
-          canRun: () => this.#mutationCache.canRun(this)
-        });
-        const restored = this.state.status === "pending";
-        const isPaused = !this.#retryer.canStart();
-        try {
-          if (restored) {
-            onContinue();
-          } else {
-            this.#dispatch({ type: "pending", variables, isPaused });
-            await this.#mutationCache.config.onMutate?.(
-              variables,
-              this,
-              mutationFnContext
-            );
-            const context = await this.options.onMutate?.(
-              variables,
-              mutationFnContext
-            );
-            if (context !== this.state.context) {
-              this.#dispatch({
-                type: "pending",
-                context,
-                variables,
-                isPaused
-              });
-            }
-          }
-          const data = await this.#retryer.start();
-          await this.#mutationCache.config.onSuccess?.(
-            data,
-            variables,
-            this.state.context,
-            this,
-            mutationFnContext
-          );
-          await this.options.onSuccess?.(
-            data,
-            variables,
-            this.state.context,
-            mutationFnContext
-          );
-          await this.#mutationCache.config.onSettled?.(
-            data,
-            null,
-            this.state.variables,
-            this.state.context,
-            this,
-            mutationFnContext
-          );
-          await this.options.onSettled?.(
-            data,
-            null,
-            variables,
-            this.state.context,
-            mutationFnContext
-          );
-          this.#dispatch({ type: "success", data });
-          return data;
-        } catch (error) {
-          try {
-            await this.#mutationCache.config.onError?.(
-              error,
-              variables,
-              this.state.context,
-              this,
-              mutationFnContext
-            );
-            await this.options.onError?.(
-              error,
-              variables,
-              this.state.context,
-              mutationFnContext
-            );
-            await this.#mutationCache.config.onSettled?.(
-              void 0,
-              error,
-              this.state.variables,
-              this.state.context,
-              this,
-              mutationFnContext
-            );
-            await this.options.onSettled?.(
-              void 0,
-              error,
-              variables,
-              this.state.context,
-              mutationFnContext
-            );
-            throw error;
-          } finally {
-            this.#dispatch({ type: "error", error });
-          }
-        } finally {
-          this.#mutationCache.runNext(this);
-        }
-      }
-      #dispatch(action) {
-        const reducer = (state) => {
-          switch (action.type) {
-            case "failed":
-              return {
-                ...state,
-                failureCount: action.failureCount,
-                failureReason: action.error
-              };
-            case "pause":
-              return {
-                ...state,
-                isPaused: true
-              };
-            case "continue":
-              return {
-                ...state,
-                isPaused: false
-              };
-            case "pending":
-              return {
-                ...state,
-                context: action.context,
-                data: void 0,
-                failureCount: 0,
-                failureReason: null,
-                error: null,
-                isPaused: action.isPaused,
-                status: "pending",
-                variables: action.variables,
-                submittedAt: Date.now()
-              };
-            case "success":
-              return {
-                ...state,
-                data: action.data,
-                failureCount: 0,
-                failureReason: null,
-                error: null,
-                status: "success",
-                isPaused: false
-              };
-            case "error":
-              return {
-                ...state,
-                data: void 0,
-                error: action.error,
-                failureCount: state.failureCount + 1,
-                failureReason: action.error,
-                isPaused: false,
-                status: "error"
-              };
-          }
-        };
-        this.state = reducer(this.state);
-        notifyManager.batch(() => {
-          this.#observers.forEach((observer) => {
-            observer.onMutationUpdate(action);
-          });
-          this.#mutationCache.notify({
-            mutation: this,
-            type: "updated",
-            action
-          });
-        });
-      }
-    };
-    function getDefaultState() {
-      return {
-        context: void 0,
-        data: void 0,
-        error: null,
-        failureCount: 0,
-        failureReason: null,
-        isPaused: false,
-        status: "idle",
-        variables: void 0,
-        submittedAt: 0
-      };
-    }
-
-    // src/mutationCache.ts
-    var MutationCache = class extends Subscribable {
-      constructor(config = {}) {
-        super();
-        this.config = config;
-        this.#mutations = /* @__PURE__ */ new Set();
-        this.#scopes = /* @__PURE__ */ new Map();
-        this.#mutationId = 0;
-      }
-      #mutations;
-      #scopes;
-      #mutationId;
-      build(client, options, state) {
-        const mutation = new Mutation({
-          client,
-          mutationCache: this,
-          mutationId: ++this.#mutationId,
-          options: client.defaultMutationOptions(options),
-          state
-        });
-        this.add(mutation);
-        return mutation;
-      }
-      add(mutation) {
-        this.#mutations.add(mutation);
-        const scope = scopeFor(mutation);
-        if (typeof scope === "string") {
-          const scopedMutations = this.#scopes.get(scope);
-          if (scopedMutations) {
-            scopedMutations.push(mutation);
-          } else {
-            this.#scopes.set(scope, [mutation]);
-          }
-        }
-        this.notify({ type: "added", mutation });
-      }
-      remove(mutation) {
-        if (this.#mutations.delete(mutation)) {
-          const scope = scopeFor(mutation);
-          if (typeof scope === "string") {
-            const scopedMutations = this.#scopes.get(scope);
-            if (scopedMutations) {
-              if (scopedMutations.length > 1) {
-                const index = scopedMutations.indexOf(mutation);
-                if (index !== -1) {
-                  scopedMutations.splice(index, 1);
-                }
-              } else if (scopedMutations[0] === mutation) {
-                this.#scopes.delete(scope);
-              }
-            }
-          }
-        }
-        this.notify({ type: "removed", mutation });
-      }
-      canRun(mutation) {
-        const scope = scopeFor(mutation);
-        if (typeof scope === "string") {
-          const mutationsWithSameScope = this.#scopes.get(scope);
-          const firstPendingMutation = mutationsWithSameScope?.find(
-            (m) => m.state.status === "pending"
-          );
-          return !firstPendingMutation || firstPendingMutation === mutation;
-        } else {
-          return true;
-        }
-      }
-      runNext(mutation) {
-        const scope = scopeFor(mutation);
-        if (typeof scope === "string") {
-          const foundMutation = this.#scopes.get(scope)?.find((m) => m !== mutation && m.state.isPaused);
-          return foundMutation?.continue() ?? Promise.resolve();
-        } else {
-          return Promise.resolve();
-        }
-      }
-      clear() {
-        notifyManager.batch(() => {
-          this.#mutations.forEach((mutation) => {
-            this.notify({ type: "removed", mutation });
-          });
-          this.#mutations.clear();
-          this.#scopes.clear();
-        });
-      }
-      getAll() {
-        return Array.from(this.#mutations);
-      }
-      find(filters) {
-        const defaultedFilters = { exact: true, ...filters };
-        return this.getAll().find(
-          (mutation) => matchMutation(defaultedFilters, mutation)
-        );
-      }
-      findAll(filters = {}) {
-        return this.getAll().filter((mutation) => matchMutation(filters, mutation));
-      }
-      notify(event) {
-        notifyManager.batch(() => {
-          this.listeners.forEach((listener) => {
-            listener(event);
-          });
-        });
-      }
-      resumePausedMutations() {
-        const pausedMutations = this.getAll().filter((x) => x.state.isPaused);
-        return notifyManager.batch(
-          () => Promise.all(
-            pausedMutations.map((mutation) => mutation.continue().catch(noop))
-          )
-        );
-      }
-    };
-    function scopeFor(mutation) {
-      return mutation.options.scope?.id;
-    }
-
-    // src/queriesObserver.ts
-    function difference(array1, array2) {
-      const excludeSet = new Set(array2);
-      return array1.filter((x) => !excludeSet.has(x));
-    }
-    function replaceAt(array, index, value) {
-      const copy = array.slice(0);
-      copy[index] = value;
-      return copy;
-    }
-    var QueriesObserver = class extends Subscribable {
-      #client;
-      #result;
-      #queries;
-      #options;
-      #observers;
-      #combinedResult;
-      #lastCombine;
-      #lastResult;
-      #observerMatches = [];
-      constructor(client, queries, options) {
-        super();
-        this.#client = client;
-        this.#options = options;
-        this.#queries = [];
-        this.#observers = [];
-        this.#result = [];
-        this.setQueries(queries);
-      }
-      onSubscribe() {
-        if (this.listeners.size === 1) {
-          this.#observers.forEach((observer) => {
-            observer.subscribe((result) => {
-              this.#onUpdate(observer, result);
-            });
-          });
-        }
-      }
-      onUnsubscribe() {
-        if (!this.listeners.size) {
-          this.destroy();
-        }
-      }
-      destroy() {
-        this.listeners = /* @__PURE__ */ new Set();
-        this.#observers.forEach((observer) => {
-          observer.destroy();
-        });
-      }
-      setQueries(queries, options) {
-        this.#queries = queries;
-        this.#options = options;
-        if (process.env.NODE_ENV !== "production") {
-          const queryHashes = queries.map(
-            (query) => this.#client.defaultQueryOptions(query).queryHash
-          );
-          if (new Set(queryHashes).size !== queryHashes.length) {
-            console.warn(
-              "[QueriesObserver]: Duplicate Queries found. This might result in unexpected behavior."
-            );
-          }
-        }
-        notifyManager.batch(() => {
-          const prevObservers = this.#observers;
-          const newObserverMatches = this.#findMatchingObservers(this.#queries);
-          this.#observerMatches = newObserverMatches;
-          newObserverMatches.forEach(
-            (match) => match.observer.setOptions(match.defaultedQueryOptions)
-          );
-          const newObservers = newObserverMatches.map((match) => match.observer);
-          const newResult = newObservers.map(
-            (observer) => observer.getCurrentResult()
-          );
-          const hasLengthChange = prevObservers.length !== newObservers.length;
-          const hasIndexChange = newObservers.some(
-            (observer, index) => observer !== prevObservers[index]
-          );
-          const hasStructuralChange = hasLengthChange || hasIndexChange;
-          const hasResultChange = hasStructuralChange ? true : newResult.some((result, index) => {
-            const prev = this.#result[index];
-            return !prev || !shallowEqualObjects(result, prev);
-          });
-          if (!hasStructuralChange && !hasResultChange) return;
-          if (hasStructuralChange) {
-            this.#observers = newObservers;
-          }
-          this.#result = newResult;
-          if (!this.hasListeners()) return;
-          if (hasStructuralChange) {
-            difference(prevObservers, newObservers).forEach((observer) => {
-              observer.destroy();
-            });
-            difference(newObservers, prevObservers).forEach((observer) => {
-              observer.subscribe((result) => {
-                this.#onUpdate(observer, result);
-              });
-            });
-          }
-          this.#notify();
-        });
-      }
-      getCurrentResult() {
-        return this.#result;
-      }
-      getQueries() {
-        return this.#observers.map((observer) => observer.getCurrentQuery());
-      }
-      getObservers() {
-        return this.#observers;
-      }
-      getOptimisticResult(queries, combine) {
-        const matches = this.#findMatchingObservers(queries);
-        const result = matches.map(
-          (match) => match.observer.getOptimisticResult(match.defaultedQueryOptions)
-        );
-        return [
-          result,
-          (r) => {
-            return this.#combineResult(r ?? result, combine);
-          },
-          () => {
-            return this.#trackResult(result, matches);
-          }
-        ];
-      }
-      #trackResult(result, matches) {
-        return matches.map((match, index) => {
-          const observerResult = result[index];
-          return !match.defaultedQueryOptions.notifyOnChangeProps ? match.observer.trackResult(observerResult, (accessedProp) => {
-            matches.forEach((m) => {
-              m.observer.trackProp(accessedProp);
-            });
-          }) : observerResult;
-        });
-      }
-      #combineResult(input, combine) {
-        if (combine) {
-          if (!this.#combinedResult || this.#result !== this.#lastResult || combine !== this.#lastCombine) {
-            this.#lastCombine = combine;
-            this.#lastResult = this.#result;
-            this.#combinedResult = replaceEqualDeep(
-              this.#combinedResult,
-              combine(input)
-            );
-          }
-          return this.#combinedResult;
-        }
-        return input;
-      }
-      #findMatchingObservers(queries) {
-        const prevObserversMap = /* @__PURE__ */ new Map();
-        this.#observers.forEach((observer) => {
-          const key = observer.options.queryHash;
-          if (!key) return;
-          const previousObservers = prevObserversMap.get(key);
-          if (previousObservers) {
-            previousObservers.push(observer);
-          } else {
-            prevObserversMap.set(key, [observer]);
-          }
-        });
-        const observers = [];
-        queries.forEach((options) => {
-          const defaultedOptions = this.#client.defaultQueryOptions(options);
-          const match = prevObserversMap.get(defaultedOptions.queryHash)?.shift();
-          const observer = match ?? new QueryObserver(this.#client, defaultedOptions);
-          observers.push({
-            defaultedQueryOptions: defaultedOptions,
-            observer
-          });
-        });
-        return observers;
-      }
-      #onUpdate(observer, result) {
-        const index = this.#observers.indexOf(observer);
-        if (index !== -1) {
-          this.#result = replaceAt(this.#result, index, result);
-          this.#notify();
-        }
-      }
-      #notify() {
-        if (this.hasListeners()) {
-          const previousResult = this.#combinedResult;
-          const newTracked = this.#trackResult(this.#result, this.#observerMatches);
-          const newResult = this.#combineResult(newTracked, this.#options?.combine);
-          if (previousResult !== newResult) {
-            notifyManager.batch(() => {
-              this.listeners.forEach((listener) => {
-                listener(this.#result);
-              });
-            });
-          }
-        }
-      }
-    };
-
-    // src/queryCache.ts
-    var QueryCache = class extends Subscribable {
-      constructor(config = {}) {
-        super();
-        this.config = config;
-        this.#queries = /* @__PURE__ */ new Map();
-      }
-      #queries;
-      build(client, options, state) {
-        const queryKey = options.queryKey;
-        const queryHash = options.queryHash ?? hashQueryKeyByOptions(queryKey, options);
-        let query = this.get(queryHash);
-        if (!query) {
-          query = new Query({
-            client,
-            queryKey,
-            queryHash,
-            options: client.defaultQueryOptions(options),
-            state,
-            defaultOptions: client.getQueryDefaults(queryKey)
-          });
-          this.add(query);
-        }
-        return query;
-      }
-      add(query) {
-        if (!this.#queries.has(query.queryHash)) {
-          this.#queries.set(query.queryHash, query);
-          this.notify({
-            type: "added",
-            query
-          });
-        }
-      }
-      remove(query) {
-        const queryInMap = this.#queries.get(query.queryHash);
-        if (queryInMap) {
-          query.destroy();
-          if (queryInMap === query) {
-            this.#queries.delete(query.queryHash);
-          }
-          this.notify({ type: "removed", query });
-        }
-      }
-      clear() {
-        notifyManager.batch(() => {
-          this.getAll().forEach((query) => {
-            this.remove(query);
-          });
-        });
-      }
-      get(queryHash) {
-        return this.#queries.get(queryHash);
-      }
-      getAll() {
-        return [...this.#queries.values()];
-      }
-      find(filters) {
-        const defaultedFilters = { exact: true, ...filters };
-        return this.getAll().find(
-          (query) => matchQuery(defaultedFilters, query)
-        );
-      }
-      findAll(filters = {}) {
-        const queries = this.getAll();
-        return Object.keys(filters).length > 0 ? queries.filter((query) => matchQuery(filters, query)) : queries;
-      }
-      notify(event) {
-        notifyManager.batch(() => {
-          this.listeners.forEach((listener) => {
-            listener(event);
-          });
-        });
-      }
-      onFocus() {
-        notifyManager.batch(() => {
-          this.getAll().forEach((query) => {
-            query.onFocus();
-          });
-        });
-      }
-      onOnline() {
-        notifyManager.batch(() => {
-          this.getAll().forEach((query) => {
-            query.onOnline();
-          });
-        });
-      }
-    };
-
-    // src/queryClient.ts
-    var QueryClient = class {
-      #queryCache;
-      #mutationCache;
-      #defaultOptions;
-      #queryDefaults;
-      #mutationDefaults;
-      #mountCount;
-      #unsubscribeFocus;
-      #unsubscribeOnline;
-      constructor(config = {}) {
-        this.#queryCache = config.queryCache || new QueryCache();
-        this.#mutationCache = config.mutationCache || new MutationCache();
-        this.#defaultOptions = config.defaultOptions || {};
-        this.#queryDefaults = /* @__PURE__ */ new Map();
-        this.#mutationDefaults = /* @__PURE__ */ new Map();
-        this.#mountCount = 0;
-      }
-      mount() {
-        this.#mountCount++;
-        if (this.#mountCount !== 1) return;
-        this.#unsubscribeFocus = focusManager.subscribe(async (focused) => {
-          if (focused) {
-            await this.resumePausedMutations();
-            this.#queryCache.onFocus();
-          }
-        });
-        this.#unsubscribeOnline = onlineManager.subscribe(async (online) => {
-          if (online) {
-            await this.resumePausedMutations();
-            this.#queryCache.onOnline();
-          }
-        });
-      }
-      unmount() {
-        this.#mountCount--;
-        if (this.#mountCount !== 0) return;
-        this.#unsubscribeFocus?.();
-        this.#unsubscribeFocus = void 0;
-        this.#unsubscribeOnline?.();
-        this.#unsubscribeOnline = void 0;
-      }
-      isFetching(filters) {
-        return this.#queryCache.findAll({ ...filters, fetchStatus: "fetching" }).length;
-      }
-      isMutating(filters) {
-        return this.#mutationCache.findAll({ ...filters, status: "pending" }).length;
-      }
-      /**
-       * Imperative (non-reactive) way to retrieve data for a QueryKey.
-       * Should only be used in callbacks or functions where reading the latest data is necessary, e.g. for optimistic updates.
-       *
-       * Hint: Do not use this function inside a component, because it won't receive updates.
-       * Use `useQuery` to create a `QueryObserver` that subscribes to changes.
-       */
-      getQueryData(queryKey) {
-        const options = this.defaultQueryOptions({ queryKey });
-        return this.#queryCache.get(options.queryHash)?.state.data;
-      }
-      ensureQueryData(options) {
-        const defaultedOptions = this.defaultQueryOptions(options);
-        const query = this.#queryCache.build(this, defaultedOptions);
-        const cachedData = query.state.data;
-        if (cachedData === void 0) {
-          return this.fetchQuery(options);
-        }
-        if (options.revalidateIfStale && query.isStaleByTime(resolveStaleTime(defaultedOptions.staleTime, query))) {
-          void this.prefetchQuery(defaultedOptions);
-        }
-        return Promise.resolve(cachedData);
-      }
-      getQueriesData(filters) {
-        return this.#queryCache.findAll(filters).map(({ queryKey, state }) => {
-          const data = state.data;
-          return [queryKey, data];
-        });
-      }
-      setQueryData(queryKey, updater, options) {
-        const defaultedOptions = this.defaultQueryOptions({ queryKey });
-        const query = this.#queryCache.get(
-          defaultedOptions.queryHash
-        );
-        const prevData = query?.state.data;
-        const data = functionalUpdate(updater, prevData);
-        if (data === void 0) {
-          return void 0;
-        }
-        return this.#queryCache.build(this, defaultedOptions).setData(data, { ...options, manual: true });
-      }
-      setQueriesData(filters, updater, options) {
-        return notifyManager.batch(
-          () => this.#queryCache.findAll(filters).map(({ queryKey }) => [
-            queryKey,
-            this.setQueryData(queryKey, updater, options)
-          ])
-        );
-      }
-      getQueryState(queryKey) {
-        const options = this.defaultQueryOptions({ queryKey });
-        return this.#queryCache.get(
-          options.queryHash
-        )?.state;
-      }
-      removeQueries(filters) {
-        const queryCache = this.#queryCache;
-        notifyManager.batch(() => {
-          queryCache.findAll(filters).forEach((query) => {
-            queryCache.remove(query);
-          });
-        });
-      }
-      resetQueries(filters, options) {
-        const queryCache = this.#queryCache;
-        return notifyManager.batch(() => {
-          queryCache.findAll(filters).forEach((query) => {
-            query.reset();
-          });
-          return this.refetchQueries(
-            {
-              type: "active",
-              ...filters
-            },
-            options
-          );
-        });
-      }
-      cancelQueries(filters, cancelOptions = {}) {
-        const defaultedCancelOptions = { revert: true, ...cancelOptions };
-        const promises = notifyManager.batch(
-          () => this.#queryCache.findAll(filters).map((query) => query.cancel(defaultedCancelOptions))
-        );
-        return Promise.all(promises).then(noop).catch(noop);
-      }
-      invalidateQueries(filters, options = {}) {
-        return notifyManager.batch(() => {
-          this.#queryCache.findAll(filters).forEach((query) => {
-            query.invalidate();
-          });
-          if (filters?.refetchType === "none") {
-            return Promise.resolve();
-          }
-          return this.refetchQueries(
-            {
-              ...filters,
-              type: filters?.refetchType ?? filters?.type ?? "active"
-            },
-            options
-          );
-        });
-      }
-      refetchQueries(filters, options = {}) {
-        const fetchOptions = {
-          ...options,
-          cancelRefetch: options.cancelRefetch ?? true
-        };
-        const promises = notifyManager.batch(
-          () => this.#queryCache.findAll(filters).filter((query) => !query.isDisabled() && !query.isStatic()).map((query) => {
-            let promise = query.fetch(void 0, fetchOptions);
-            if (!fetchOptions.throwOnError) {
-              promise = promise.catch(noop);
-            }
-            return query.state.fetchStatus === "paused" ? Promise.resolve() : promise;
-          })
-        );
-        return Promise.all(promises).then(noop);
-      }
-      fetchQuery(options) {
-        const defaultedOptions = this.defaultQueryOptions(options);
-        if (defaultedOptions.retry === void 0) {
-          defaultedOptions.retry = false;
-        }
-        const query = this.#queryCache.build(this, defaultedOptions);
-        return query.isStaleByTime(
-          resolveStaleTime(defaultedOptions.staleTime, query)
-        ) ? query.fetch(defaultedOptions) : Promise.resolve(query.state.data);
-      }
-      prefetchQuery(options) {
-        return this.fetchQuery(options).then(noop).catch(noop);
-      }
-      fetchInfiniteQuery(options) {
-        options.behavior = infiniteQueryBehavior(options.pages);
-        return this.fetchQuery(options);
-      }
-      prefetchInfiniteQuery(options) {
-        return this.fetchInfiniteQuery(options).then(noop).catch(noop);
-      }
-      ensureInfiniteQueryData(options) {
-        options.behavior = infiniteQueryBehavior(options.pages);
-        return this.ensureQueryData(options);
-      }
-      resumePausedMutations() {
-        if (onlineManager.isOnline()) {
-          return this.#mutationCache.resumePausedMutations();
-        }
-        return Promise.resolve();
-      }
-      getQueryCache() {
-        return this.#queryCache;
-      }
-      getMutationCache() {
-        return this.#mutationCache;
-      }
-      getDefaultOptions() {
-        return this.#defaultOptions;
-      }
-      setDefaultOptions(options) {
-        this.#defaultOptions = options;
-      }
-      setQueryDefaults(queryKey, options) {
-        this.#queryDefaults.set(hashKey(queryKey), {
-          queryKey,
-          defaultOptions: options
-        });
-      }
-      getQueryDefaults(queryKey) {
-        const defaults = [...this.#queryDefaults.values()];
-        const result = {};
-        defaults.forEach((queryDefault) => {
-          if (partialMatchKey(queryKey, queryDefault.queryKey)) {
-            Object.assign(result, queryDefault.defaultOptions);
-          }
-        });
-        return result;
-      }
-      setMutationDefaults(mutationKey, options) {
-        this.#mutationDefaults.set(hashKey(mutationKey), {
-          mutationKey,
-          defaultOptions: options
-        });
-      }
-      getMutationDefaults(mutationKey) {
-        const defaults = [...this.#mutationDefaults.values()];
-        const result = {};
-        defaults.forEach((queryDefault) => {
-          if (partialMatchKey(mutationKey, queryDefault.mutationKey)) {
-            Object.assign(result, queryDefault.defaultOptions);
-          }
-        });
-        return result;
-      }
-      defaultQueryOptions(options) {
-        if (options._defaulted) {
-          return options;
-        }
-        const defaultedOptions = {
-          ...this.#defaultOptions.queries,
-          ...this.getQueryDefaults(options.queryKey),
-          ...options,
-          _defaulted: true
-        };
-        if (!defaultedOptions.queryHash) {
-          defaultedOptions.queryHash = hashQueryKeyByOptions(
-            defaultedOptions.queryKey,
-            defaultedOptions
-          );
-        }
-        if (defaultedOptions.refetchOnReconnect === void 0) {
-          defaultedOptions.refetchOnReconnect = defaultedOptions.networkMode !== "always";
-        }
-        if (defaultedOptions.throwOnError === void 0) {
-          defaultedOptions.throwOnError = !!defaultedOptions.suspense;
-        }
-        if (!defaultedOptions.networkMode && defaultedOptions.persister) {
-          defaultedOptions.networkMode = "offlineFirst";
-        }
-        if (defaultedOptions.queryFn === skipToken) {
-          defaultedOptions.enabled = false;
-        }
-        return defaultedOptions;
-      }
-      defaultMutationOptions(options) {
-        if (options?._defaulted) {
-          return options;
-        }
-        return {
-          ...this.#defaultOptions.mutations,
-          ...options?.mutationKey && this.getMutationDefaults(options.mutationKey),
-          ...options,
-          _defaulted: true
-        };
-      }
-      clear() {
-        this.#queryCache.clear();
-        this.#mutationCache.clear();
-      }
-    };
-
-    var QueryClientContext = React__namespace.createContext(
-      void 0
-    );
-    var useQueryClient = (queryClient) => {
-      const client = React__namespace.useContext(QueryClientContext);
-      if (!client) {
-        throw new Error("No QueryClient set, use QueryClientProvider to set one");
-      }
-      return client;
-    };
-    var QueryClientProvider = ({
-      client,
-      children
-    }) => {
-      React__namespace.useEffect(() => {
-        client.mount();
-        return () => {
-          client.unmount();
-        };
-      }, [client]);
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(QueryClientContext.Provider, { value: client, children });
-    };
-
-    var IsRestoringContext = React__namespace.createContext(false);
-    var useIsRestoring = () => React__namespace.useContext(IsRestoringContext);
-    IsRestoringContext.Provider;
-
-    function createValue() {
-      let isReset = false;
-      return {
-        clearReset: () => {
-          isReset = false;
-        },
-        reset: () => {
-          isReset = true;
-        },
-        isReset: () => {
-          return isReset;
-        }
-      };
-    }
-    var QueryErrorResetBoundaryContext = React__namespace.createContext(createValue());
-    var useQueryErrorResetBoundary = () => React__namespace.useContext(QueryErrorResetBoundaryContext);
-
-    var ensurePreventErrorBoundaryRetry = (options, errorResetBoundary) => {
-      if (options.suspense || options.throwOnError || options.experimental_prefetchInRender) {
-        if (!errorResetBoundary.isReset()) {
-          options.retryOnMount = false;
-        }
-      }
-    };
-    var useClearResetErrorBoundary = (errorResetBoundary) => {
-      React__namespace.useEffect(() => {
-        errorResetBoundary.clearReset();
-      }, [errorResetBoundary]);
-    };
-    var getHasError = ({
-      result,
-      errorResetBoundary,
-      throwOnError,
-      query,
-      suspense
-    }) => {
-      return result.isError && !errorResetBoundary.isReset() && !result.isFetching && query && (suspense && result.data === void 0 || shouldThrowError(throwOnError, [result.error, query]));
-    };
-
-    // src/suspense.ts
-    var ensureSuspenseTimers = (defaultedOptions) => {
-      if (defaultedOptions.suspense) {
-        const MIN_SUSPENSE_TIME_MS = 1e3;
-        const clamp = (value) => value === "static" ? value : Math.max(value ?? MIN_SUSPENSE_TIME_MS, MIN_SUSPENSE_TIME_MS);
-        const originalStaleTime = defaultedOptions.staleTime;
-        defaultedOptions.staleTime = typeof originalStaleTime === "function" ? (...args) => clamp(originalStaleTime(...args)) : clamp(originalStaleTime);
-        if (typeof defaultedOptions.gcTime === "number") {
-          defaultedOptions.gcTime = Math.max(
-            defaultedOptions.gcTime,
-            MIN_SUSPENSE_TIME_MS
-          );
-        }
-      }
-    };
-    var willFetch = (result, isRestoring) => result.isLoading && result.isFetching && !isRestoring;
-    var shouldSuspend = (defaultedOptions, result) => defaultedOptions?.suspense && result.isPending;
-    var fetchOptimistic = (defaultedOptions, observer, errorResetBoundary) => observer.fetchOptimistic(defaultedOptions).catch(() => {
-      errorResetBoundary.clearReset();
-    });
-
-    function useQueries({
-      queries,
-      ...options
-    }, queryClient) {
-      const client = useQueryClient();
-      const isRestoring = useIsRestoring();
-      const errorResetBoundary = useQueryErrorResetBoundary();
-      const defaultedQueries = React__namespace.useMemo(
-        () => queries.map((opts) => {
-          const defaultedOptions = client.defaultQueryOptions(
-            opts
-          );
-          defaultedOptions._optimisticResults = isRestoring ? "isRestoring" : "optimistic";
-          return defaultedOptions;
-        }),
-        [queries, client, isRestoring]
-      );
-      defaultedQueries.forEach((query) => {
-        ensureSuspenseTimers(query);
-        ensurePreventErrorBoundaryRetry(query, errorResetBoundary);
-      });
-      useClearResetErrorBoundary(errorResetBoundary);
-      const [observer] = React__namespace.useState(
-        () => new QueriesObserver(
-          client,
-          defaultedQueries,
-          options
-        )
-      );
-      const [optimisticResult, getCombinedResult, trackResult] = observer.getOptimisticResult(
-        defaultedQueries,
-        options.combine
-      );
-      const shouldSubscribe = !isRestoring && options.subscribed !== false;
-      React__namespace.useSyncExternalStore(
-        React__namespace.useCallback(
-          (onStoreChange) => shouldSubscribe ? observer.subscribe(notifyManager.batchCalls(onStoreChange)) : noop,
-          [observer, shouldSubscribe]
-        ),
-        () => observer.getCurrentResult(),
-        () => observer.getCurrentResult()
-      );
-      React__namespace.useEffect(() => {
-        observer.setQueries(
-          defaultedQueries,
-          options
-        );
-      }, [defaultedQueries, options, observer]);
-      const shouldAtLeastOneSuspend = optimisticResult.some(
-        (result, index) => shouldSuspend(defaultedQueries[index], result)
-      );
-      const suspensePromises = shouldAtLeastOneSuspend ? optimisticResult.flatMap((result, index) => {
-        const opts = defaultedQueries[index];
-        if (opts) {
-          const queryObserver = new QueryObserver(client, opts);
-          if (shouldSuspend(opts, result)) {
-            return fetchOptimistic(opts, queryObserver, errorResetBoundary);
-          } else if (willFetch(result, isRestoring)) {
-            void fetchOptimistic(opts, queryObserver, errorResetBoundary);
-          }
-        }
-        return [];
-      }) : [];
-      if (suspensePromises.length > 0) {
-        throw Promise.all(suspensePromises);
-      }
-      const firstSingleResultWhichShouldThrow = optimisticResult.find(
-        (result, index) => {
-          const query = defaultedQueries[index];
-          return query && getHasError({
-            result,
-            errorResetBoundary,
-            throwOnError: query.throwOnError,
-            query: client.getQueryCache().get(query.queryHash),
-            suspense: query.suspense
-          });
-        }
-      );
-      if (firstSingleResultWhichShouldThrow?.error) {
-        throw firstSingleResultWhichShouldThrow.error;
-      }
-      return getCombinedResult(trackResult());
-    }
-
-    function useBaseQuery(options, Observer, queryClient) {
-      if (process.env.NODE_ENV !== "production") {
-        if (typeof options !== "object" || Array.isArray(options)) {
-          throw new Error(
-            'Bad argument type. Starting with v5, only the "Object" form is allowed when calling query related functions. Please use the error stack to find the culprit call. More info here: https://tanstack.com/query/latest/docs/react/guides/migrating-to-v5#supports-a-single-signature-one-object'
-          );
-        }
-      }
-      const isRestoring = useIsRestoring();
-      const errorResetBoundary = useQueryErrorResetBoundary();
-      const client = useQueryClient();
-      const defaultedOptions = client.defaultQueryOptions(options);
-      client.getDefaultOptions().queries?._experimental_beforeQuery?.(
-        defaultedOptions
-      );
-      if (process.env.NODE_ENV !== "production") {
-        if (!defaultedOptions.queryFn) {
-          console.error(
-            `[${defaultedOptions.queryHash}]: No queryFn was passed as an option, and no default queryFn was found. The queryFn parameter is only optional when using a default queryFn. More info here: https://tanstack.com/query/latest/docs/framework/react/guides/default-query-function`
-          );
-        }
-      }
-      defaultedOptions._optimisticResults = isRestoring ? "isRestoring" : "optimistic";
-      ensureSuspenseTimers(defaultedOptions);
-      ensurePreventErrorBoundaryRetry(defaultedOptions, errorResetBoundary);
-      useClearResetErrorBoundary(errorResetBoundary);
-      const isNewCacheEntry = !client.getQueryCache().get(defaultedOptions.queryHash);
-      const [observer] = React__namespace.useState(
-        () => new Observer(
-          client,
-          defaultedOptions
-        )
-      );
-      const result = observer.getOptimisticResult(defaultedOptions);
-      const shouldSubscribe = !isRestoring && options.subscribed !== false;
-      React__namespace.useSyncExternalStore(
-        React__namespace.useCallback(
-          (onStoreChange) => {
-            const unsubscribe = shouldSubscribe ? observer.subscribe(notifyManager.batchCalls(onStoreChange)) : noop;
-            observer.updateResult();
-            return unsubscribe;
-          },
-          [observer, shouldSubscribe]
-        ),
-        () => observer.getCurrentResult(),
-        () => observer.getCurrentResult()
-      );
-      React__namespace.useEffect(() => {
-        observer.setOptions(defaultedOptions);
-      }, [defaultedOptions, observer]);
-      if (shouldSuspend(defaultedOptions, result)) {
-        throw fetchOptimistic(defaultedOptions, observer, errorResetBoundary);
-      }
-      if (getHasError({
-        result,
-        errorResetBoundary,
-        throwOnError: defaultedOptions.throwOnError,
-        query: client.getQueryCache().get(defaultedOptions.queryHash),
-        suspense: defaultedOptions.suspense
-      })) {
-        throw result.error;
-      }
-      client.getDefaultOptions().queries?._experimental_afterQuery?.(
-        defaultedOptions,
-        result
-      );
-      if (defaultedOptions.experimental_prefetchInRender && !isServer && willFetch(result, isRestoring)) {
-        const promise = isNewCacheEntry ? (
-          // Fetch immediately on render in order to ensure `.promise` is resolved even if the component is unmounted
-          fetchOptimistic(defaultedOptions, observer, errorResetBoundary)
-        ) : (
-          // subscribe to the "cache promise" so that we can finalize the currentThenable once data comes in
-          client.getQueryCache().get(defaultedOptions.queryHash)?.promise
-        );
-        promise?.catch(noop).finally(() => {
-          observer.updateResult();
-        });
-      }
-      return !defaultedOptions.notifyOnChangeProps ? observer.trackResult(result) : result;
-    }
-
-    function useQuery(options, queryClient) {
-      return useBaseQuery(options, QueryObserver);
-    }
-
     // mostly borrowed from legacy portal code: http://git.axiom/brian/d3-series-stats/-/blob/master/src/time-binners.js
     const hours = 60 * 60 * 1000;
     const doy3DigitTimeFormat = d3.timeFormat('%j');
@@ -10220,7 +6936,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
         return parseOikosContext(d);
     });
     const useDataContext = () => {
-        const queryResult = useQuery({
+        const queryResult = reactQuery.useQuery({
             queryKey: ['dataContext'],
             queryFn: () => __awaiter(void 0, void 0, void 0, function* () {
                 const d = yield getDataContext();
@@ -10804,7 +7520,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
 
     const StationMetadataLoader = ({ stationId, Component, sensorPlot, chartSettingsState }) => {
         var _a, _b, _c, _d;
-        const { data, isLoading, isError } = useQuery({
+        const { data, isLoading, isError } = reactQuery.useQuery({
             queryKey: [stationId],
             queryFn: () => __awaiter(void 0, void 0, void 0, function* () {
                 const d = yield (yield fetch(makeAPIStationMetadataRequest(stationId))).json();
@@ -10839,18 +7555,18 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
         const chartSettings = chartSettingsState !== undefined ? chartSettingsState[0] : undefined;
         const parameterGroupIds = Object.keys(Object.fromEntries(((_b = sensorPlot === null || sensorPlot === void 0 ? void 0 : sensorPlot.parameterGroupIds) !== null && _b !== void 0 ? _b : []).concat((_c = sensorPlot === null || sensorPlot === void 0 ? void 0 : sensorPlot.parameterGroupId) !== null && _c !== void 0 ? _c : []).map(d => [d, d])));
         if (contextError) {
-            return jsxRuntimeExports.jsx("p", { className: 'text-lg font-bold text-red-600', children: "Error loading units and parameters" });
+            return jsxRuntime.jsx("p", { className: 'text-lg font-bold text-red-600', children: "Error loading units and parameters" });
         }
         return (isError
-            ? jsxRuntimeExports.jsxs("p", { className: 'text-lg font-bold text-red-600', children: ["Error loading station: ", stationId] })
+            ? jsxRuntime.jsxs("p", { className: 'text-lg font-bold text-red-600', children: ["Error loading station: ", stationId] })
             : contextLoading || isLoading || data === undefined || context === undefined
-                ? jsxRuntimeExports.jsx(axiomUiUtilities.Loader, { className: 'pt-8' })
-                : jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: Component !== undefined && sensorPlot !== undefined
-                        ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [(chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.excludeTitle) !== true
-                                    ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("h1", { className: 'mb-1 text-lg', children: data.label }), jsxRuntimeExports.jsx("h2", { className: 'mb-2 font-bold text-2xl', children: parameterGroupIds.length > 1
+                ? jsxRuntime.jsx(axiomUiUtilities.Loader, { className: 'pt-8' })
+                : jsxRuntime.jsx(jsxRuntime.Fragment, { children: Component !== undefined && sensorPlot !== undefined
+                        ? jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.excludeTitle) !== true
+                                    ? jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("h1", { className: 'mb-1 text-lg', children: data.label }), jsxRuntime.jsx("h2", { className: 'mb-2 font-bold text-2xl', children: parameterGroupIds.length > 1
                                                     ? 'Multiple'
                                                     : (_d = data.figures.find(f => f.parameterGroupId === +parameterGroupIds[0])) === null || _d === void 0 ? void 0 : _d.label })] })
-                                    : '', jsxRuntimeExports.jsx(Component, { shortcode: 'axiom_sensor', requiredShortCodeAttributes: {
+                                    : '', jsxRuntime.jsx(Component, { shortcode: 'axiom_sensor', requiredShortCodeAttributes: {
                                         stationId: data.id,
                                         parameterGroupId: sensorPlot.parameterGroupId,
                                         parameterGroupIds: sensorPlot.parameterGroupIds,
@@ -10891,7 +7607,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
                                             })
                                         ];
                                     }).flat() })] })
-                        : jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [stationId, jsxRuntimeExports.jsx("pre", { className: 'max-h-[400px] overflow-auto text-xs text-red', children: JSON.stringify(data, null, 2) })] }) }));
+                        : jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [stationId, jsxRuntime.jsx("pre", { className: 'max-h-[400px] overflow-auto text-xs text-red', children: JSON.stringify(data, null, 2) })] }) }));
     };
 
     const BinManager = ({ bounds, binDefinitions, binSettings }) => {
@@ -10906,16 +7622,16 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
             }
         }, [bounds, binState.targetCount, binState.autoSelect]);
         const [previewTargetBinCount, setPreviewTargetBinCount] = React.useState(binState.targetCount);
-        return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(axiomUiUtilities.Checkbox, { size: 'xs', wrapperClassName: 'text-sm p-1', id: "autoTimeBin", testId: 'autoTimeBin', label: "Auto select time bin", value: binState.autoSelect, onChange: (v) => {
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(axiomUiUtilities.Checkbox, { size: 'xs', wrapperClassName: 'text-sm p-1', id: "autoTimeBin", testId: 'autoTimeBin', label: "Auto select time bin", value: binState.autoSelect, onChange: (v) => {
                         setBinState(Object.assign(Object.assign({}, binState), { autoSelect: v }));
-                    } }), jsxRuntimeExports.jsxs("div", { className: 'w-[300px] pt-1', children: [jsxRuntimeExports.jsxs("span", { className: `text-sm float-left mr-2${binState.autoSelect ? '' : ' text-slate-300'}`, children: [jsxRuntimeExports.jsx("strong", { children: "Target bin count:" }), " ", previewTargetBinCount] }), jsxRuntimeExports.jsx(axiomUiUtilities.Slider, { id: 'targetCount', testId: 'targetCount', size: 'xs', value: binState.targetCount, disabled: !binState.autoSelect, className: `${binState.autoSelect ? '' : 'opacity-30'}`, min: 10, max: 3000, step: 10, onChange: (v) => {
+                    } }), jsxRuntime.jsxs("div", { className: 'w-[300px] pt-1', children: [jsxRuntime.jsxs("span", { className: `text-sm float-left mr-2${binState.autoSelect ? '' : ' text-slate-300'}`, children: [jsxRuntime.jsx("strong", { children: "Target bin count:" }), " ", previewTargetBinCount] }), jsxRuntime.jsx(axiomUiUtilities.Slider, { id: 'targetCount', testId: 'targetCount', size: 'xs', value: binState.targetCount, disabled: !binState.autoSelect, className: `${binState.autoSelect ? '' : 'opacity-30'}`, min: 10, max: 3000, step: 10, onChange: (v) => {
                                 setPreviewTargetBinCount(v);
                             }, onChangeComplete: (v) => {
                                 setBinState(Object.assign(Object.assign({}, binState), { targetCount: v }));
                                 setPreviewTargetBinCount(v);
-                            } })] }), jsxRuntimeExports.jsxs("div", { className: 'w-[150px]', children: [jsxRuntimeExports.jsx("strong", { className: 'float-left mr-2 text-sm', children: "Time bin" }), binState.autoSelect
-                            ? jsxRuntimeExports.jsx("p", { className: 'text-sm', children: binState.bin })
-                            : jsxRuntimeExports.jsx(axiomUiUtilities.SelectInput, { size: 'xs', className: 'pr-4', id: "timeBin", testId: "timeBin", disabled: binState.autoSelect, options: Object.keys(binDefinitions).map(t => {
+                            } })] }), jsxRuntime.jsxs("div", { className: 'w-[150px]', children: [jsxRuntime.jsx("strong", { className: 'float-left mr-2 text-sm', children: "Time bin" }), binState.autoSelect
+                            ? jsxRuntime.jsx("p", { className: 'text-sm', children: binState.bin })
+                            : jsxRuntime.jsx(axiomUiUtilities.SelectInput, { size: 'xs', className: 'pr-4', id: "timeBin", testId: "timeBin", disabled: binState.autoSelect, options: Object.keys(binDefinitions).map(t => {
                                     return {
                                         value: t,
                                         label: t
@@ -10935,12 +7651,12 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
         var _a;
         const settings = Object.assign(Object.assign({}, chartSettings), { margin: chartSettings.margin !== undefined ? chartSettings.margin : MARGIN, width: chartSettings.width !== undefined ? chartSettings.width : 'auto', height: chartSettings.height !== undefined ? chartSettings.height : 600, axes: Object.assign(Object.assign({}, chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.axes), { x: Object.assign(Object.assign({}, (_a = chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.axes) === null || _a === void 0 ? void 0 : _a.x), { domain: xDomain }) }) });
         const plots = results.sort((a, b) => b.order - a.order).map(d => d.plots).flat().filter(d => d !== undefined);
-        return (jsxRuntimeExports.jsx(AxiomChartComponent, { plots: plots, settings: settings }));
+        return (jsxRuntime.jsx(AxiomChartComponent, { plots: plots, settings: settings }));
     };
     const PlotLoader = ({ plotLoaders, tempXBounds, chartSettingsState = [undefined, () => { }] }) => {
         const [chartSettings] = chartSettingsState;
         const [plots, setPlots] = React.useState({});
-        const plotQueries = useQueries({
+        const plotQueries = reactQuery.useQueries({
             queries: plotLoaders.map((loader) => {
                 return {
                     enabled: loader.getIsEnabled(),
@@ -10964,12 +7680,12 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
             }
             : null;
         const height = (chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.height) !== undefined ? chartSettings.height : 600;
-        return (jsxRuntimeExports.jsxs("div", { style: { height }, children: [jsxRuntimeExports.jsx("div", { className: 'absolute top-10 left-0 right-0 text-center z-40', children: isError
-                        ? jsxRuntimeExports.jsxs("span", { className: 'text-red mt-4 p-3 rounded-lg shadow-md bg-slate-200 inline-block center opacity-50', children: ["Error loading sensor data: ", error !== null ? error.message : ''] })
-                        : jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: isLoading ? jsxRuntimeExports.jsx(axiomUiUtilities.Loader, { className: 'pt-10' }) : '' }) }), isLoading
-                    ? jsxRuntimeExports.jsx(axiomUiUtilities.Loader, { className: 'pt-8 hidden' })
+        return (jsxRuntime.jsxs("div", { style: { height }, children: [jsxRuntime.jsx("div", { className: 'absolute top-10 left-0 right-0 text-center z-40', children: isError
+                        ? jsxRuntime.jsxs("span", { className: 'text-red mt-4 p-3 rounded-lg shadow-md bg-slate-200 inline-block center opacity-50', children: ["Error loading sensor data: ", error !== null ? error.message : ''] })
+                        : jsxRuntime.jsx(jsxRuntime.Fragment, { children: isLoading ? jsxRuntime.jsx(axiomUiUtilities.Loader, { className: 'pt-10' }) : '' }) }), isLoading
+                    ? jsxRuntime.jsx(axiomUiUtilities.Loader, { className: 'pt-8 hidden' })
                     : '', plots !== undefined
-                    ? jsxRuntimeExports.jsx(NewPlotDisplay, { results: Object.values(plots), chartSettings: chartSettings, xDomain: [
+                    ? jsxRuntime.jsx(NewPlotDisplay, { results: Object.values(plots), chartSettings: chartSettings, xDomain: [
                             typeof tempXBounds[0] === 'string' ? new Date(tempXBounds[0]) : tempXBounds[0],
                             typeof tempXBounds[1] === 'string' ? new Date(tempXBounds[1]) : tempXBounds[1]
                         ] })
@@ -11069,7 +7785,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
 
     const NumericControl = ({ valueState, minMax, step = 1, label, updateOnSlide = true }) => {
         const [value, setValue] = valueState;
-        return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("h5", { children: label }), jsxRuntimeExports.jsx(axiomUiUtilities.Input, { size: 'xs', id: "numericInput", testId: 'numericInput', value: String(value), onChange: (e) => {
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("h5", { children: label }), jsxRuntime.jsx(axiomUiUtilities.Input, { size: 'xs', id: "numericInput", testId: 'numericInput', value: String(value), onChange: (e) => {
                         if (e !== undefined) {
                             const n = +e;
                             if (!isNaN(n)) {
@@ -11077,7 +7793,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
                             }
                         }
                     } }), minMax !== undefined
-                    ? jsxRuntimeExports.jsx(axiomUiUtilities.Slider, { className: 'min-w-[200px]', id: 'numericSlider', testId: 'numericSlider', size: 'sm', min: minMax[0], max: minMax[1], step: step, value: value, onChange: (e) => {
+                    ? jsxRuntime.jsx(axiomUiUtilities.Slider, { className: 'min-w-[200px]', id: 'numericSlider', testId: 'numericSlider', size: 'sm', min: minMax[0], max: minMax[1], step: step, value: value, onChange: (e) => {
                             if (updateOnSlide) {
                                 setValue(e);
                             }
@@ -11088,11 +7804,11 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
     };
     const MarginControl = ({ marginState }) => {
         const [margin, setMargin] = marginState;
-        return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(NumericControl, { label: 'left', valueState: [margin.left, (s) => { setMargin(Object.assign(Object.assign({}, margin), { left: s })); }], minMax: [0, 100] }), jsxRuntimeExports.jsx(NumericControl, { label: 'right', valueState: [margin.right, (s) => { setMargin(Object.assign(Object.assign({}, margin), { right: s })); }], minMax: [0, 100] }), jsxRuntimeExports.jsx(NumericControl, { label: 'top', valueState: [margin.top, (s) => { setMargin(Object.assign(Object.assign({}, margin), { top: s })); }], minMax: [0, 100] }), jsxRuntimeExports.jsx(NumericControl, { label: 'bottom', valueState: [margin.bottom, (s) => { setMargin(Object.assign(Object.assign({}, margin), { bottom: s })); }], minMax: [0, 100] })] }));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(NumericControl, { label: 'left', valueState: [margin.left, (s) => { setMargin(Object.assign(Object.assign({}, margin), { left: s })); }], minMax: [0, 100] }), jsxRuntime.jsx(NumericControl, { label: 'right', valueState: [margin.right, (s) => { setMargin(Object.assign(Object.assign({}, margin), { right: s })); }], minMax: [0, 100] }), jsxRuntime.jsx(NumericControl, { label: 'top', valueState: [margin.top, (s) => { setMargin(Object.assign(Object.assign({}, margin), { top: s })); }], minMax: [0, 100] }), jsxRuntime.jsx(NumericControl, { label: 'bottom', valueState: [margin.bottom, (s) => { setMargin(Object.assign(Object.assign({}, margin), { bottom: s })); }], minMax: [0, 100] })] }));
     };
     const AxisSettings = ({ axisState, label }) => {
         const [axis, setAxisS] = axisState;
-        return (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsx("h4", { children: label }), jsxRuntimeExports.jsx(NumericControl, { valueState: [
+        return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h4", { children: label }), jsxRuntime.jsx(NumericControl, { valueState: [
                         axis.rotate !== undefined ? axis.rotate : 0,
                         (s) => {
                             setAxisS(Object.assign(Object.assign({}, axis), { rotate: s }));
@@ -11101,8 +7817,8 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
     };
     const CheckboxList = ({ options, state }) => {
         const [value, setValue] = state;
-        return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: options.map((option) => {
-                return (jsxRuntimeExports.jsx(axiomUiUtilities.Checkbox, { id: option.value, testId: option.value, label: option.label, value: value !== undefined ? value.includes(option.value) : false, onChange: (e) => {
+        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: options.map((option) => {
+                return (jsxRuntime.jsx(axiomUiUtilities.Checkbox, { id: option.value, testId: option.value, label: option.label, value: value !== undefined ? value.includes(option.value) : false, onChange: (e) => {
                         if (e) {
                             setValue([...(value !== undefined ? value : []), option.value]);
                         }
@@ -11114,9 +7830,9 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
     };
     const PlotGroupSettingsControl = ({ plotGroupSettingsState }) => {
         const [plotGroupSettings, setPlotGroupSettings] = plotGroupSettingsState;
-        return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(axiomUiUtilities.Checkbox, { id: 'include', testId: 'include', label: 'Include', value: (plotGroupSettings === null || plotGroupSettings === void 0 ? void 0 : plotGroupSettings.include) !== undefined ? plotGroupSettings.include : true, onChange: (e) => {
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(axiomUiUtilities.Checkbox, { id: 'include', testId: 'include', label: 'Include', value: (plotGroupSettings === null || plotGroupSettings === void 0 ? void 0 : plotGroupSettings.include) !== undefined ? plotGroupSettings.include : true, onChange: (e) => {
                         setPlotGroupSettings(Object.assign(Object.assign({}, plotGroupSettings), { include: e }));
-                    } }), jsxRuntimeExports.jsx(axiomUiUtilities.SelectInput, { id: 'interpolator', testId: 'interpolator', size: 'xs', label: 'Interpolator', value: (plotGroupSettings === null || plotGroupSettings === void 0 ? void 0 : plotGroupSettings.interpolator) !== undefined ? plotGroupSettings.interpolator : undefined, options: [
+                    } }), jsxRuntime.jsx(axiomUiUtilities.SelectInput, { id: 'interpolator', testId: 'interpolator', size: 'xs', label: 'Interpolator', value: (plotGroupSettings === null || plotGroupSettings === void 0 ? void 0 : plotGroupSettings.interpolator) !== undefined ? plotGroupSettings.interpolator : undefined, options: [
                         { label: 'Linear', value: 'linear' },
                         { label: 'Step', value: 'step' },
                         { label: 'Monotone', value: 'monotone' },
@@ -11125,7 +7841,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
                         { label: 'Natural', value: 'natural' }
                     ], onChange: (e) => {
                         setPlotGroupSettings(Object.assign(Object.assign({}, plotGroupSettings), { interpolator: e === null || e === void 0 ? void 0 : e.value }));
-                    } }), jsxRuntimeExports.jsx("h4", { children: "Exclude" }), jsxRuntimeExports.jsx(CheckboxList, { options: [
+                    } }), jsxRuntime.jsx("h4", { children: "Exclude" }), jsxRuntime.jsx(CheckboxList, { options: [
                         { label: 'MinMax', value: 'minMax' },
                         { label: 'Mean', value: 'mean' }
                     ], state: [
@@ -11133,7 +7849,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
                         (s) => {
                             setPlotGroupSettings(Object.assign(Object.assign({}, plotGroupSettings), { exclude: s }));
                         }
-                    ] }), jsxRuntimeExports.jsx(axiomUiUtilities.SelectInput, { id: 'valueType', testId: 'valueType', size: 'xs', label: 'Value plot type', value: (plotGroupSettings === null || plotGroupSettings === void 0 ? void 0 : plotGroupSettings.valueType) !== undefined ? plotGroupSettings.valueType : undefined, options: [
+                    ] }), jsxRuntime.jsx(axiomUiUtilities.SelectInput, { id: 'valueType', testId: 'valueType', size: 'xs', label: 'Value plot type', value: (plotGroupSettings === null || plotGroupSettings === void 0 ? void 0 : plotGroupSettings.valueType) !== undefined ? plotGroupSettings.valueType : undefined, options: [
                         {
                             label: 'Line',
                             value: exports.EPlotTypes.line
@@ -11144,7 +7860,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
                         }
                     ], onChange: (e) => {
                         setPlotGroupSettings(Object.assign(Object.assign({}, plotGroupSettings), { valueType: e === null || e === void 0 ? void 0 : e.value }));
-                    } }), jsxRuntimeExports.jsx(axiomUiUtilities.SelectInput, { id: 'areaType', testId: 'areaType', size: 'xs', label: 'Area plot type', value: (plotGroupSettings === null || plotGroupSettings === void 0 ? void 0 : plotGroupSettings.areaType) !== undefined ? plotGroupSettings.areaType : undefined, options: [
+                    } }), jsxRuntime.jsx(axiomUiUtilities.SelectInput, { id: 'areaType', testId: 'areaType', size: 'xs', label: 'Area plot type', value: (plotGroupSettings === null || plotGroupSettings === void 0 ? void 0 : plotGroupSettings.areaType) !== undefined ? plotGroupSettings.areaType : undefined, options: [
                         {
                             label: 'Area',
                             value: exports.EPlotTypes.area
@@ -11155,25 +7871,25 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
                         }
                     ], onChange: (e) => {
                         setPlotGroupSettings(Object.assign(Object.assign({}, plotGroupSettings), { areaType: e === null || e === void 0 ? void 0 : e.value }));
-                    } }), jsxRuntimeExports.jsx(NumericControl, { label: 'Point radius', minMax: [0.25, 10], step: 0.25, updateOnSlide: false, valueState: [
+                    } }), jsxRuntime.jsx(NumericControl, { label: 'Point radius', minMax: [0.25, 10], step: 0.25, updateOnSlide: false, valueState: [
                         (plotGroupSettings === null || plotGroupSettings === void 0 ? void 0 : plotGroupSettings.pointRadius) !== undefined ? plotGroupSettings.pointRadius : 1,
                         (e) => {
                             setPlotGroupSettings(Object.assign(Object.assign({}, plotGroupSettings), { pointRadius: e }));
                         }
-                    ] }), jsxRuntimeExports.jsx(NumericControl, { label: 'Line width', minMax: [0, 10], step: 0.5, updateOnSlide: false, valueState: [
+                    ] }), jsxRuntime.jsx(NumericControl, { label: 'Line width', minMax: [0, 10], step: 0.5, updateOnSlide: false, valueState: [
                         (plotGroupSettings === null || plotGroupSettings === void 0 ? void 0 : plotGroupSettings.strokeWidth) !== undefined ? plotGroupSettings.strokeWidth : 1,
                         (e) => {
                             setPlotGroupSettings(Object.assign(Object.assign({}, plotGroupSettings), { strokeWidth: e }));
                         }
-                    ] }), jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsx("h4", { children: "Color" }), jsxRuntimeExports.jsxs("span", { className: 'inline-block relative w-[100px] h-[30px]', children: [jsxRuntimeExports.jsx("input", { value: plotGroupSettings === null || plotGroupSettings === void 0 ? void 0 : plotGroupSettings.overrideColor, type: 'color', onChange: (e) => {
+                    ] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h4", { children: "Color" }), jsxRuntime.jsxs("span", { className: 'inline-block relative w-[100px] h-[30px]', children: [jsxRuntime.jsx("input", { value: plotGroupSettings === null || plotGroupSettings === void 0 ? void 0 : plotGroupSettings.overrideColor, type: 'color', onChange: (e) => {
                                         setPlotGroupSettings(Object.assign(Object.assign({}, plotGroupSettings), { overrideColor: e.target.value }));
                                     }, className: 'w-full h-full cursor-pointer' }), (plotGroupSettings === null || plotGroupSettings === void 0 ? void 0 : plotGroupSettings.overrideColor) === undefined
-                                    ? jsxRuntimeExports.jsx(axiomUiUtilities.Button, { className: 'absolute top-0 right-0 left-0 bottom-0 pointer-events-none', type: 'default', size: 'xs', children: "Pick color" })
+                                    ? jsxRuntime.jsx(axiomUiUtilities.Button, { className: 'absolute top-0 right-0 left-0 bottom-0 pointer-events-none', type: 'default', size: 'xs', children: "Pick color" })
                                     : ''] }), (plotGroupSettings === null || plotGroupSettings === void 0 ? void 0 : plotGroupSettings.overrideColor) !== undefined
-                            ? jsxRuntimeExports.jsx(Cross2Icon, { onClick: () => {
+                            ? jsxRuntime.jsx(Cross2Icon, { onClick: () => {
                                     setPlotGroupSettings(Object.assign(Object.assign({}, plotGroupSettings), { overrideColor: undefined }));
                                 }, className: 'cursor-pointer w-4 h-4 inline-block ml-2 -mt-2' })
-                            : ''] }), jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsx(axiomUiUtilities.Checkbox, { id: 'lineDash', testId: 'lineDash', label: 'Line dash', value: (plotGroupSettings === null || plotGroupSettings === void 0 ? void 0 : plotGroupSettings.lineDash) !== undefined, onChange: (e) => {
+                            : ''] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(axiomUiUtilities.Checkbox, { id: 'lineDash', testId: 'lineDash', label: 'Line dash', value: (plotGroupSettings === null || plotGroupSettings === void 0 ? void 0 : plotGroupSettings.lineDash) !== undefined, onChange: (e) => {
                                 if (e) {
                                     setPlotGroupSettings(Object.assign(Object.assign({}, plotGroupSettings), { lineDash: [2, 2] }));
                                 }
@@ -11181,7 +7897,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
                                     setPlotGroupSettings(Object.assign(Object.assign({}, plotGroupSettings), { lineDash: undefined }));
                                 }
                             } }), (plotGroupSettings === null || plotGroupSettings === void 0 ? void 0 : plotGroupSettings.lineDash) !== undefined
-                            ? jsxRuntimeExports.jsx(NumericControl, { label: 'Line dash', minMax: [0, 30], step: 0.5, updateOnSlide: false, valueState: [
+                            ? jsxRuntime.jsx(NumericControl, { label: 'Line dash', minMax: [0, 30], step: 0.5, updateOnSlide: false, valueState: [
                                     plotGroupSettings.lineDash[0],
                                     (e) => {
                                         setPlotGroupSettings(Object.assign(Object.assign({}, plotGroupSettings), { lineDash: [e, e] }));
@@ -11225,22 +7941,22 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
             const ob = makeFlat(combined);
             return `[${String(shortcode)} ${Object.keys(ob).map((key) => `${String(key)}=${String(ob[key])}`).join(' ')}]`;
         };
-        return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("div", { className: 'flex gap-4 overflow-auto', children: [jsxRuntimeExports.jsxs("div", { className: columnClassname, children: [jsxRuntimeExports.jsx("h4", { className: 'font-bold', children: "Margins" }), jsxRuntimeExports.jsx(MarginControl, { marginState: [
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'flex gap-4 overflow-auto', children: [jsxRuntime.jsxs("div", { className: columnClassname, children: [jsxRuntime.jsx("h4", { className: 'font-bold', children: "Margins" }), jsxRuntime.jsx(MarginControl, { marginState: [
                                         (chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.margin) !== undefined ? chartSettings.margin : { left: 0, right: 0, top: 0, bottom: 0 },
                                         (s) => {
                                             setChartSettings(Object.assign(Object.assign({}, chartSettings), { margin: s }));
                                         }
-                                    ] })] }), jsxRuntimeExports.jsxs("div", { className: columnClassname, children: [jsxRuntimeExports.jsx("h4", { className: 'font-bold', children: "Height" }), jsxRuntimeExports.jsx(NumericControl, { valueState: [
+                                    ] })] }), jsxRuntime.jsxs("div", { className: columnClassname, children: [jsxRuntime.jsx("h4", { className: 'font-bold', children: "Height" }), jsxRuntime.jsx(NumericControl, { valueState: [
                                         (chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.height) !== undefined ? chartSettings.height : 300,
                                         (s) => {
                                             setChartSettings(Object.assign(Object.assign({}, chartSettings), { height: s }));
                                         }
-                                    ], minMax: [100, 900] }), jsxRuntimeExports.jsx("h4", { className: 'font-bold', children: "Time slider" }), jsxRuntimeExports.jsx(axiomUiUtilities.Checkbox, { id: 'timeSlider', testId: 'timeSlider', label: 'Include time slider', value: (chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.excludeTimeSlider) !== undefined ? !chartSettings.excludeTimeSlider : true, onChange: (e) => {
+                                    ], minMax: [100, 900] }), jsxRuntime.jsx("h4", { className: 'font-bold', children: "Time slider" }), jsxRuntime.jsx(axiomUiUtilities.Checkbox, { id: 'timeSlider', testId: 'timeSlider', label: 'Include time slider', value: (chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.excludeTimeSlider) !== undefined ? !chartSettings.excludeTimeSlider : true, onChange: (e) => {
                                         setChartSettings(Object.assign(Object.assign({}, chartSettings), { excludeTimeSlider: !e }));
-                                    } }), jsxRuntimeExports.jsx("h3", { className: 'font-bold', children: "Axes" }), jsxRuntimeExports.jsx(AxisSettings, { label: "Y Axis", axisState: [
+                                    } }), jsxRuntime.jsx("h3", { className: 'font-bold', children: "Axes" }), jsxRuntime.jsx(AxisSettings, { label: "Y Axis", axisState: [
                                         ((_a = chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.axes) === null || _a === void 0 ? void 0 : _a.y) !== undefined ? chartSettings.axes.y : {},
                                         (s) => { setChartSettings(Object.assign(Object.assign({}, chartSettings), { axes: Object.assign(Object.assign({}, chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.axes), { y: s }) })); }
-                                    ] }), jsxRuntimeExports.jsx(AxisSettings, { label: "X Axis", axisState: [
+                                    ] }), jsxRuntime.jsx(AxisSettings, { label: "X Axis", axisState: [
                                         ((_b = chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.axes) === null || _b === void 0 ? void 0 : _b.x) !== undefined ? chartSettings.axes.x : {},
                                         (s) => {
                                             setChartSettings(Object.assign(Object.assign({}, chartSettings), { axes: Object.assign(Object.assign({}, chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.axes), { x: s }) }));
@@ -11248,7 +7964,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
                                     ] })] }), (chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.plotGroupSettings) !== undefined
                             ? Object.keys(chartSettings.plotGroupSettings).map((key) => {
                                 var _a, _b;
-                                return (jsxRuntimeExports.jsxs("div", { className: columnClassname, children: [jsxRuntimeExports.jsx("h4", { className: 'font-bold', children: ((_a = chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.plotGroupSettings) === null || _a === void 0 ? void 0 : _a[key].label) !== undefined ? chartSettings.plotGroupSettings[key].label : key }), jsxRuntimeExports.jsx(PlotGroupSettingsControl, { plotGroupSettingsState: [
+                                return (jsxRuntime.jsxs("div", { className: columnClassname, children: [jsxRuntime.jsx("h4", { className: 'font-bold', children: ((_a = chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.plotGroupSettings) === null || _a === void 0 ? void 0 : _a[key].label) !== undefined ? chartSettings.plotGroupSettings[key].label : key }), jsxRuntime.jsx(PlotGroupSettingsControl, { plotGroupSettingsState: [
                                                 (_b = chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.plotGroupSettings) === null || _b === void 0 ? void 0 : _b[key],
                                                 (s) => {
                                                     const newPlotGroupSettings = Object.assign({}, chartSettings.plotGroupSettings);
@@ -11258,9 +7974,9 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
                                             ] })] }, key));
                             })
                             : ''] }), chartSettings !== undefined && shortcode !== undefined && requiredShortCodeAttributes !== undefined
-                    ? jsxRuntimeExports.jsxs("div", { className: 'mt-4', children: [jsxRuntimeExports.jsx("h3", { className: 'font-bold mb-2', children: "Wordpress shortcode" }), jsxRuntimeExports.jsxs("div", { className: "relative", children: [jsxRuntimeExports.jsx(CopyIcon, { className: 'absolute top-4 left-4 w-10 h-10 text-slate-600 cursor-pointer z-20', onClick: () => {
+                    ? jsxRuntime.jsxs("div", { className: 'mt-4', children: [jsxRuntime.jsx("h3", { className: 'font-bold mb-2', children: "Wordpress shortcode" }), jsxRuntime.jsxs("div", { className: "relative", children: [jsxRuntime.jsx(CopyIcon, { className: 'absolute top-4 left-4 w-10 h-10 text-slate-600 cursor-pointer z-20', onClick: () => {
                                             copy(makeShortCode(Object.assign({}, chartSettings)));
-                                        } }), jsxRuntimeExports.jsx(axiomUiUtilities.TextArea, { id: 'shortCode', testId: 'shortCode', className: 'min-h-[100px]', value: makeShortCode(Object.assign({}, chartSettings)), disabled: true })] })] })
+                                        } }), jsxRuntime.jsx(axiomUiUtilities.TextArea, { id: 'shortCode', testId: 'shortCode', className: 'min-h-[100px]', value: makeShortCode(Object.assign({}, chartSettings)), disabled: true })] })] })
                     : ''] }));
     };
 
@@ -11369,13 +8085,13 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
         }, [xBounds]);
         const [showSettings, setShowSettings] = React.useState(false);
         const settingsDisplay = (chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.includeControls) === true || (chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.includeSettings) === true
-            ? jsxRuntimeExports.jsxs("div", { className: 'flex flex-col gap-4 mt-4', children: [(chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.includeControls) === true
-                        ? jsxRuntimeExports.jsxs("div", { className: 'flex gap-4', children: [((_z = (_y = axisDefinitions.x) === null || _y === void 0 ? void 0 : _y.binningMetadata) === null || _z === void 0 ? void 0 : _z.binState) !== undefined
-                                    ? jsxRuntimeExports.jsxs("div", { className: 'mt-2 px-8', children: [jsxRuntimeExports.jsx("h3", { className: 'font-bold mb-2', children: "Binning" }), jsxRuntimeExports.jsxs("div", { className: 'flex gap-8', children: [jsxRuntimeExports.jsx(BinManager, { binDefinitions: xBinDefinitions, bounds: xBinSelectorBounds, binSettings: axisDefinitions.x.binningMetadata.binState }), ((_1 = (_0 = axisDefinitions.y) === null || _0 === void 0 ? void 0 : _0.binningMetadata) === null || _1 === void 0 ? void 0 : _1.binState) !== undefined && yBinSelectorBounds !== undefined && Object.keys(yBinDefinitions).length > 0
-                                                        ? jsxRuntimeExports.jsx(BinManager, { binDefinitions: yBinDefinitions, bounds: yBinSelectorBounds, binSettings: axisDefinitions.y.binningMetadata.binState })
+            ? jsxRuntime.jsxs("div", { className: 'flex flex-col gap-4 mt-4', children: [(chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.includeControls) === true
+                        ? jsxRuntime.jsxs("div", { className: 'flex gap-4', children: [((_z = (_y = axisDefinitions.x) === null || _y === void 0 ? void 0 : _y.binningMetadata) === null || _z === void 0 ? void 0 : _z.binState) !== undefined
+                                    ? jsxRuntime.jsxs("div", { className: 'mt-2 px-8', children: [jsxRuntime.jsx("h3", { className: 'font-bold mb-2', children: "Binning" }), jsxRuntime.jsxs("div", { className: 'flex gap-8', children: [jsxRuntime.jsx(BinManager, { binDefinitions: xBinDefinitions, bounds: xBinSelectorBounds, binSettings: axisDefinitions.x.binningMetadata.binState }), ((_1 = (_0 = axisDefinitions.y) === null || _0 === void 0 ? void 0 : _0.binningMetadata) === null || _1 === void 0 ? void 0 : _1.binState) !== undefined && yBinSelectorBounds !== undefined && Object.keys(yBinDefinitions).length > 0
+                                                        ? jsxRuntime.jsx(BinManager, { binDefinitions: yBinDefinitions, bounds: yBinSelectorBounds, binSettings: axisDefinitions.y.binningMetadata.binState })
                                                         : ''] })] })
                                     : '', (xDomain === null || xDomain === void 0 ? void 0 : xDomain[0]) instanceof Date
-                                    ? jsxRuntimeExports.jsxs("div", { className: 'mt-2 px-8', children: [jsxRuntimeExports.jsx("h3", { className: 'font-bold mb-2', children: "Default time period" }), jsxRuntimeExports.jsx(axiomUiUtilities.SelectInput, { id: 'timePeriod', testId: 'timePeriod', size: 'xs', className: 'min-w-[200px]', options: [
+                                    ? jsxRuntime.jsxs("div", { className: 'mt-2 px-8', children: [jsxRuntime.jsx("h3", { className: 'font-bold mb-2', children: "Default time period" }), jsxRuntime.jsx(axiomUiUtilities.SelectInput, { id: 'timePeriod', testId: 'timePeriod', size: 'xs', className: 'min-w-[200px]', options: [
                                                     {
                                                         value: 'all',
                                                         label: 'All'
@@ -11428,7 +8144,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
                                                 } })] })
                                     : ''] })
                         : '', (chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.includeSettings) === true
-                        ? jsxRuntimeExports.jsx("div", { className: 'mt-2 p-4', children: jsxRuntimeExports.jsx(ChartSettingsControl, { chartSettingsState: chartSettingsState, shortcode: shortcode, requiredShortCodeAttributes: requiredShortCodeAttributes }) })
+                        ? jsxRuntime.jsx("div", { className: 'mt-2 p-4', children: jsxRuntime.jsx(ChartSettingsControl, { chartSettingsState: chartSettingsState, shortcode: shortcode, requiredShortCodeAttributes: requiredShortCodeAttributes }) })
                         : ''] })
             : '';
         const props = {
@@ -11439,7 +8155,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
             zBin,
             zBounds
         };
-        return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsxs("div", { className: 'mt-4 relative', children: [jsxRuntimeExports.jsx(PlotLoader, { chartSettingsState: chartSettingsState, plotLoaders: plotMethods
+        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: 'mt-4 relative', children: [jsxRuntime.jsx(PlotLoader, { chartSettingsState: chartSettingsState, plotLoaders: plotMethods
                             /* .filter(p => {
                               if (p.exclude === true) {
                                 return false
@@ -11457,7 +8173,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
                             fetchAndParse: p.createFetchAndParse(props),
                             makePlots: p.makePlots
                         })), tempXBounds: tempXBounds }), (chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.excludeTimeSlider) !== true
-                        ? jsxRuntimeExports.jsxs("div", { style: { marginLeft: margin.left, marginRight: margin.right }, children: [jsxRuntimeExports.jsx(axiomUiUtilities.SliderRange, { id: "timeRange", testId: 'timeRange', min: +sliderMin, max: +sliderMax, step: xBin !== undefined
+                        ? jsxRuntime.jsxs("div", { style: { marginLeft: margin.left, marginRight: margin.right }, children: [jsxRuntime.jsx(axiomUiUtilities.SliderRange, { id: "timeRange", testId: 'timeRange', min: +sliderMin, max: +sliderMax, step: xBin !== undefined
                                         ? xBinDefinitions[xBin]
                                         : defaultXBin !== undefined && xBinDefinitions[defaultXBin] !== undefined
                                             ? xBinDefinitions[defaultXBin]
@@ -11473,13 +8189,13 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
                                             new Date(v[1])
                                         ]);
                                     } }), (chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.includeDebug) === true
-                                    ? jsxRuntimeExports.jsxs("div", { className: 'flex text-xs p-4 gap-4', children: [jsxRuntimeExports.jsx("p", { className: ' text-slate-400', children: [sliderMin, sliderMax].map(d => typeof d === 'object' ? (d).toISOString() : d).join(' to ') }), jsxRuntimeExports.jsx("p", { className: ' text-slate-600', children: sliderRange.map(d => new Date(d).toISOString()).join(' to ') }), jsxRuntimeExports.jsx("p", { className: 'text-slat-1000', children: xBounds.map(d => typeof d === 'object' ? (d).toISOString() : d).join(' to ') })] })
+                                    ? jsxRuntime.jsxs("div", { className: 'flex text-xs p-4 gap-4', children: [jsxRuntime.jsx("p", { className: ' text-slate-400', children: [sliderMin, sliderMax].map(d => typeof d === 'object' ? (d).toISOString() : d).join(' to ') }), jsxRuntime.jsx("p", { className: ' text-slate-600', children: sliderRange.map(d => new Date(d).toISOString()).join(' to ') }), jsxRuntime.jsx("p", { className: 'text-slat-1000', children: xBounds.map(d => typeof d === 'object' ? (d).toISOString() : d).join(' to ') })] })
                                     : ''] })
                         : '', (chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.includeControls) === false
-                        ? jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {})
+                        ? jsxRuntime.jsx(jsxRuntime.Fragment, {})
                         : (chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.settingsAsModal) === true && settingsDisplay !== ''
-                            ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(GearIcon, { className: 'w-6 h-6 cursor-pointer absolute -mt-10 top-0 right-5', onClick: () => { setShowSettings(!showSettings); } }), showSettings
-                                        ? jsxRuntimeExports.jsxs("div", { className: 'fixed bottom-0 left-20 right-20 shadow-xl bg-white z-50 pt-10 border-2 rounded-lg', children: [jsxRuntimeExports.jsx(Cross2Icon, { className: 'w-6 h-6 cursor-pointer absolute top-2 right-2', onClick: () => { setShowSettings(!showSettings); } }), jsxRuntimeExports.jsx("div", { className: 'max-h-[500px] overflow-auto', children: settingsDisplay })] })
+                            ? jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(GearIcon, { className: 'w-6 h-6 cursor-pointer absolute -mt-10 top-0 right-5', onClick: () => { setShowSettings(!showSettings); } }), showSettings
+                                        ? jsxRuntime.jsxs("div", { className: 'fixed bottom-0 left-20 right-20 shadow-xl bg-white z-50 pt-10 border-2 rounded-lg', children: [jsxRuntime.jsx(Cross2Icon, { className: 'w-6 h-6 cursor-pointer absolute top-2 right-2', onClick: () => { setShowSettings(!showSettings); } }), jsxRuntime.jsx("div", { className: 'max-h-[500px] overflow-auto', children: settingsDisplay })] })
                                         : ''] })
                             : settingsDisplay] }) }));
     };
@@ -11498,8 +8214,8 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
                 timeSeriesStats: Object.assign({ label: 'Time series stats', include: true }, (_e = (_d = props.defaultChartSettings) === null || _d === void 0 ? void 0 : _d.plotGroupSettings) === null || _e === void 0 ? void 0 : _e.timeSeriesStats)
             } });
         const chartSettingsState = React.useState(Object.assign({}, initialChartSettings));
-        const queryClient = new QueryClient();
-        return (jsxRuntimeExports.jsx(QueryClientProvider, { client: queryClient, children: jsxRuntimeExports.jsx(StationMetadataLoader, { stationId: stationId, sensorPlot: Object.assign(Object.assign({}, props), { parameterGroupId,
+        const queryClient = new reactQuery.QueryClient();
+        return (jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: jsxRuntime.jsx(StationMetadataLoader, { stationId: stationId, sensorPlot: Object.assign(Object.assign({}, props), { parameterGroupId,
                     parameterGroupIds }), Component: PlotControls, chartSettingsState: chartSettingsState }) }));
     };
 
@@ -11730,7 +8446,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
         const datasetToUse = d !== null ? d : dataset;
         const variableToUse = v !== null ? v : variable;
         const [statistic] = React.useState('mean');
-        const { data, isLoading, isError } = useQuery({
+        const { data, isLoading, isError } = reactQuery.useQuery({
             queryKey: [`focsle-datasets:${datasetToUse}:${variableToUse}`],
             queryFn: (o) => __awaiter(void 0, void 0, void 0, function* () {
                 const details = yield getFocsleDataset(datasetToUse);
@@ -11770,17 +8486,17 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
             return ((xredsMetadata === null || xredsMetadata === void 0 ? void 0 : xredsMetadata.start_time) !== undefined && (xredsMetadata === null || xredsMetadata === void 0 ? void 0 : xredsMetadata.end_time) !== undefined) || ((data === null || data === void 0 ? void 0 : data.attributes.time_coverage_start) !== undefined && data.attributes.time_coverage_end !== undefined);
         };
         return (isError
-            ? jsxRuntimeExports.jsxs("p", { className: 'text-lg font-bold text-red-600', children: ["Error loading dataset: ", datasetToUse] })
+            ? jsxRuntime.jsxs("p", { className: 'text-lg font-bold text-red-600', children: ["Error loading dataset: ", datasetToUse] })
             : isLoading || data === undefined
-                ? jsxRuntimeExports.jsx(axiomUiUtilities.Loader, {})
-                : jsxRuntimeExports.jsx("div", { children: Component !== undefined
-                        ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [(chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.excludeTitle) !== true
-                                    ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("h1", { className: 'mb-1 text-lg', children: datasetToUse }), jsxRuntimeExports.jsxs("h2", { className: 'mb-2 font-bold text-2xl', children: [(_c = (_b = (_a = data.variables) === null || _a === void 0 ? void 0 : _a[variableToUse]) === null || _b === void 0 ? void 0 : _b.attributes) === null || _c === void 0 ? void 0 : _c.long_name, " ", ((_f = (_e = (_d = data.variables) === null || _d === void 0 ? void 0 : _d[variableToUse]) === null || _e === void 0 ? void 0 : _e.attributes) === null || _f === void 0 ? void 0 : _f.units) !== undefined ? ` (${(_h = (_g = data.variables) === null || _g === void 0 ? void 0 : _g[variableToUse]) === null || _h === void 0 ? void 0 : _h.attributes.units})` : '', " (", selectedZ, ")"] }), jsxRuntimeExports.jsxs("h3", { children: ["at ", geometry.type === 'Point'
+                ? jsxRuntime.jsx(axiomUiUtilities.Loader, {})
+                : jsxRuntime.jsx("div", { children: Component !== undefined
+                        ? jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(chartSettings === null || chartSettings === void 0 ? void 0 : chartSettings.excludeTitle) !== true
+                                    ? jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("h1", { className: 'mb-1 text-lg', children: datasetToUse }), jsxRuntime.jsxs("h2", { className: 'mb-2 font-bold text-2xl', children: [(_c = (_b = (_a = data.variables) === null || _a === void 0 ? void 0 : _a[variableToUse]) === null || _b === void 0 ? void 0 : _b.attributes) === null || _c === void 0 ? void 0 : _c.long_name, " ", ((_f = (_e = (_d = data.variables) === null || _d === void 0 ? void 0 : _d[variableToUse]) === null || _e === void 0 ? void 0 : _e.attributes) === null || _f === void 0 ? void 0 : _f.units) !== undefined ? ` (${(_h = (_g = data.variables) === null || _g === void 0 ? void 0 : _g[variableToUse]) === null || _h === void 0 ? void 0 : _h.attributes.units})` : '', " (", selectedZ, ")"] }), jsxRuntime.jsxs("h3", { children: ["at ", geometry.type === 'Point'
                                                         ? geometry.coordinates.join(', ')
                                                         : 'polygon selection', " (", activeBin !== null && activeBin !== void 0 ? activeBin : 'NA', ")"] })] })
                                     : '', !hasTimeDomain()
-                                    ? jsxRuntimeExports.jsxs("p", { className: 'text-center h-full p-10 bg-slate-100', children: ["Error: ", jsxRuntimeExports.jsx("pre", { className: 'text-rose-900 inline', children: "time_coverage_start" }), " and/or ", jsxRuntimeExports.jsx("pre", { className: 'text-rose-900 inline-flex', children: "time_coverage_end" }), " metadata missing"] })
-                                    : jsxRuntimeExports.jsx(Component, { shortcode: 'axiom_virtual_sensor', requiredShortCodeAttributes: {
+                                    ? jsxRuntime.jsxs("p", { className: 'text-center h-full p-10 bg-slate-100', children: ["Error: ", jsxRuntime.jsx("pre", { className: 'text-rose-900 inline', children: "time_coverage_start" }), " and/or ", jsxRuntime.jsx("pre", { className: 'text-rose-900 inline-flex', children: "time_coverage_end" }), " metadata missing"] })
+                                    : jsxRuntime.jsx(Component, { shortcode: 'axiom_virtual_sensor', requiredShortCodeAttributes: {
                                             dataset: datasetToUse,
                                             variable: variableToUse,
                                             geometry: typeof geometry === 'string' ? geometry : axiomMaps.encodeMapShape(geometry)
@@ -11902,7 +8618,7 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
                                                 }
                                             }
                                         ] })] })
-                        : jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("h2", { children: ["Dataset: ", datasetToUse] }), jsxRuntimeExports.jsxs("h3", { children: ["Variable: ", (_l = (_k = (_j = data.variables) === null || _j === void 0 ? void 0 : _j[variableToUse]) === null || _k === void 0 ? void 0 : _k.attributes) === null || _l === void 0 ? void 0 : _l.long_name] }), jsxRuntimeExports.jsx("pre", { className: 'p-10 max-h-[300px] overflow-auto bg-slate-200', children: JSON.stringify(data, null, 2) })] }) }));
+                        : jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("h2", { children: ["Dataset: ", datasetToUse] }), jsxRuntime.jsxs("h3", { children: ["Variable: ", (_l = (_k = (_j = data.variables) === null || _j === void 0 ? void 0 : _j[variableToUse]) === null || _k === void 0 ? void 0 : _k.attributes) === null || _l === void 0 ? void 0 : _l.long_name] }), jsxRuntime.jsx("pre", { className: 'p-10 max-h-[300px] overflow-auto bg-slate-200', children: JSON.stringify(data, null, 2) })] }) }));
     };
 
     const FocslePlot = (props) => {
@@ -11912,14 +8628,14 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
                 timeSeriesStats: Object.assign({ label: 'Time series stats', include: false }, (_d = (_c = props.defaultChartSettings) === null || _c === void 0 ? void 0 : _c.plotGroupSettings) === null || _d === void 0 ? void 0 : _d.timeSeriesStats)
             } });
         const chartSettingsState = React.useState(Object.assign(Object.assign({}, initialChartSettings), props.defaultChartSettings));
-        const queryClient = new QueryClient();
+        const queryClient = new reactQuery.QueryClient();
         const decodedMapShape = typeof props.geometry === 'string'
             ? axiomMaps.decodeMapShape(props.geometry)
             : props.geometry;
         if (decodedMapShape === undefined) {
-            return (jsxRuntimeExports.jsxs("div", { children: ["Invalid geometry: ", JSON.stringify(props.geometry)] }));
+            return (jsxRuntime.jsxs("div", { children: ["Invalid geometry: ", JSON.stringify(props.geometry)] }));
         }
-        return (jsxRuntimeExports.jsx(QueryClientProvider, { client: queryClient, children: jsxRuntimeExports.jsx(FoclsMetadataLoader, { Component: PlotControls, chartSettingsState: chartSettingsState, geometry: decodedMapShape, variable: props.variable, dataset: props.dataset, selectedZ: props.selectedZ, xredsMetadata: props.xredsMetadata }) }));
+        return (jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: jsxRuntime.jsx(FoclsMetadataLoader, { Component: PlotControls, chartSettingsState: chartSettingsState, geometry: decodedMapShape, variable: props.variable, dataset: props.dataset, selectedZ: props.selectedZ, xredsMetadata: props.xredsMetadata }) }));
     };
 
     exports.AxiomSensorPlot = SensorPlotDisplay;
@@ -11933,5 +8649,5 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, React, d3Sel
 
     return exports;
 
-})({}, AxiomUIDataServices, d3Array, React, d3Selection, d3, d3Scale, d3Axis, d3Shape, ReactDOM, AxiomUIUtilities, AxiomMaps);
+})({}, AxiomUIDataServices, d3Array, JSXRuntime, React, d3Selection, d3, d3Scale, d3Axis, d3Shape, ReactDOM, reactQuery, AxiomUIUtilities, AxiomMaps);
 //# sourceMappingURL=browser.js.map