@splunk/visualizations 28.7.0 → 28.9.0

package/Map.js

@@ -148,77 +148,68 @@ var defaultImport6 = __toESM(require("lodash"));
 __reExport(lodash_exports, require("lodash"));
 var lodash_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
 
-// esm-externals:prop-types
-var prop_types_exports = {};
-__export(prop_types_exports, {
-  default: () => prop_types_default
-});
-var defaultImport7 = __toESM(require("prop-types"));
-__reExport(prop_types_exports, require("prop-types"));
-var prop_types_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
-
 // esm-externals:chroma-js
 var chroma_js_exports = {};
 __export(chroma_js_exports, {
   default: () => chroma_js_default
 });
-var defaultImport8 = __toESM(require("chroma-js"));
+var defaultImport7 = __toESM(require("chroma-js"));
 __reExport(chroma_js_exports, require("chroma-js"));
-var chroma_js_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
+var chroma_js_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
 
 // esm-externals:maplibre-gl
 var maplibre_gl_exports = {};
 __export(maplibre_gl_exports, {
   default: () => maplibre_gl_default
 });
-var defaultImport9 = __toESM(require("maplibre-gl"));
+var defaultImport8 = __toESM(require("maplibre-gl"));
 __reExport(maplibre_gl_exports, require("maplibre-gl"));
-var maplibre_gl_default = "default" in defaultImport9 ? defaultImport9.default : defaultImport9;
+var maplibre_gl_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
 
 // esm-externals:@splunk/ui-utils/i18n
 var i18n_exports = {};
 __export(i18n_exports, {
   default: () => i18n_default
 });
-var defaultImport10 = __toESM(require("@splunk/ui-utils/i18n"));
+var defaultImport9 = __toESM(require("@splunk/ui-utils/i18n"));
 __reExport(i18n_exports, require("@splunk/ui-utils/i18n"));
-var i18n_default = "default" in defaultImport10 ? defaultImport10.default : defaultImport10;
+var i18n_default = "default" in defaultImport9 ? defaultImport9.default : defaultImport9;
 
 // esm-externals:@splunk/react-ui/Button
 var Button_exports = {};
 __export(Button_exports, {
   default: () => Button_default
 });
-var defaultImport11 = __toESM(require("@splunk/react-ui/Button"));
+var defaultImport10 = __toESM(require("@splunk/react-ui/Button"));
 __reExport(Button_exports, require("@splunk/react-ui/Button"));
-var Button_default = "default" in defaultImport11 ? defaultImport11.default : defaultImport11;
+var Button_default = "default" in defaultImport10 ? defaultImport10.default : defaultImport10;
 
 // esm-externals:@splunk/react-ui/Tooltip
 var Tooltip_exports = {};
 __export(Tooltip_exports, {
   default: () => Tooltip_default
 });
-var defaultImport12 = __toESM(require("@splunk/react-ui/Tooltip"));
+var defaultImport11 = __toESM(require("@splunk/react-ui/Tooltip"));
 __reExport(Tooltip_exports, require("@splunk/react-ui/Tooltip"));
-var Tooltip_default = "default" in defaultImport12 ? defaultImport12.default : defaultImport12;
+var Tooltip_default = "default" in defaultImport11 ? defaultImport11.default : defaultImport11;
 
 // esm-externals:@splunk/visualization-context/MapContext
 var MapContext_exports = {};
 __export(MapContext_exports, {
   default: () => MapContext_default
 });
-var defaultImport13 = __toESM(require("@splunk/visualization-context/MapContext"));
+var defaultImport12 = __toESM(require("@splunk/visualization-context/MapContext"));
 __reExport(MapContext_exports, require("@splunk/visualization-context/MapContext"));
-var MapContext_default = "default" in defaultImport13 ? defaultImport13.default : defaultImport13;
+var MapContext_default = "default" in defaultImport12 ? defaultImport12.default : defaultImport12;
 
 // esm-externals:@splunk/visualization-schemas
 var visualization_schemas_exports = {};
 __export(visualization_schemas_exports, {
   default: () => visualization_schemas_default
 });
-var defaultImport14 = __toESM(require("@splunk/visualization-schemas"));
+var defaultImport13 = __toESM(require("@splunk/visualization-schemas"));
 __reExport(visualization_schemas_exports, require("@splunk/visualization-schemas"));
-var visualization_schemas_default = "default" in defaultImport14 ? defaultImport14.default : defaultImport14;
+var visualization_schemas_default = "default" in defaultImport13 ? defaultImport13.default : defaultImport13;
 
 // src/common/utils/shadowDomUtils.ts
 var getFloatingLayerStyleTarget = (anchor) => {
@@ -237,54 +228,54 @@ var style_exports = {};
 __export(style_exports, {
   default: () => style_default
 });
-var defaultImport15 = __toESM(require("@splunk/visualizations-shared/style"));
+var defaultImport14 = __toESM(require("@splunk/visualizations-shared/style"));
 __reExport(style_exports, require("@splunk/visualizations-shared/style"));
-var style_default = "default" in defaultImport15 ? defaultImport15.default : defaultImport15;
+var style_default = "default" in defaultImport14 ? defaultImport14.default : defaultImport14;
 
 // esm-externals:maplibre-gl/dist/maplibre-gl.css
 var maplibre_gl_exports2 = {};
 __export(maplibre_gl_exports2, {
   default: () => maplibre_gl_default2
 });
-var defaultImport16 = __toESM(require("maplibre-gl/dist/maplibre-gl.css"));
+var defaultImport15 = __toESM(require("maplibre-gl/dist/maplibre-gl.css"));
 __reExport(maplibre_gl_exports2, require("maplibre-gl/dist/maplibre-gl.css"));
-var maplibre_gl_default2 = "default" in defaultImport16 ? defaultImport16.default : defaultImport16;
+var maplibre_gl_default2 = "default" in defaultImport15 ? defaultImport15.default : defaultImport15;
 
 // esm-externals:@splunk/visualizations-shared/iconUtils
 var iconUtils_exports = {};
 __export(iconUtils_exports, {
   default: () => iconUtils_default
 });
-var defaultImport17 = __toESM(require("@splunk/visualizations-shared/iconUtils"));
+var defaultImport16 = __toESM(require("@splunk/visualizations-shared/iconUtils"));
 __reExport(iconUtils_exports, require("@splunk/visualizations-shared/iconUtils"));
-var iconUtils_default = "default" in defaultImport17 ? defaultImport17.default : defaultImport17;
+var iconUtils_default = "default" in defaultImport16 ? defaultImport16.default : defaultImport16;
 
 // esm-externals:@splunk/visualizations-shared/RemoteIcon
 var RemoteIcon_exports = {};
 __export(RemoteIcon_exports, {
   default: () => RemoteIcon_default
 });
-var defaultImport18 = __toESM(require("@splunk/visualizations-shared/RemoteIcon"));
+var defaultImport17 = __toESM(require("@splunk/visualizations-shared/RemoteIcon"));
 __reExport(RemoteIcon_exports, require("@splunk/visualizations-shared/RemoteIcon"));
-var RemoteIcon_default = "default" in defaultImport18 ? defaultImport18.default : defaultImport18;
+var RemoteIcon_default = "default" in defaultImport17 ? defaultImport17.default : defaultImport17;
 
 // esm-externals:@splunk/visualization-context/FeatureFlagContext
 var FeatureFlagContext_exports = {};
 __export(FeatureFlagContext_exports, {
   default: () => FeatureFlagContext_default
 });
-var defaultImport19 = __toESM(require("@splunk/visualization-context/FeatureFlagContext"));
+var defaultImport18 = __toESM(require("@splunk/visualization-context/FeatureFlagContext"));
 __reExport(FeatureFlagContext_exports, require("@splunk/visualization-context/FeatureFlagContext"));
-var FeatureFlagContext_default = "default" in defaultImport19 ? defaultImport19.default : defaultImport19;
+var FeatureFlagContext_default = "default" in defaultImport18 ? defaultImport18.default : defaultImport18;
 
 // esm-externals:@splunk/ui-utils/format
 var format_exports = {};
 __export(format_exports, {
   default: () => format_default
 });
-var defaultImport20 = __toESM(require("@splunk/ui-utils/format"));
+var defaultImport19 = __toESM(require("@splunk/ui-utils/format"));
 __reExport(format_exports, require("@splunk/ui-utils/format"));
-var format_default = "default" in defaultImport20 ? defaultImport20.default : defaultImport20;
+var format_default = "default" in defaultImport19 ? defaultImport19.default : defaultImport19;
 
 // src/Map/PureMap/keyboardConstants.ts
 var KEYBOARD_KEYS = {
@@ -303,27 +294,27 @@ var Popover_exports = {};
 __export(Popover_exports, {
   default: () => Popover_default
 });
-var defaultImport21 = __toESM(require("@splunk/react-ui/Popover"));
+var defaultImport20 = __toESM(require("@splunk/react-ui/Popover"));
 __reExport(Popover_exports, require("@splunk/react-ui/Popover"));
-var Popover_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
+var Popover_default = "default" in defaultImport20 ? defaultImport20.default : defaultImport20;
 
 // esm-externals:@splunk/themes
 var themes_exports = {};
 __export(themes_exports, {
   default: () => themes_default
 });
-var defaultImport22 = __toESM(require("@splunk/themes"));
+var defaultImport21 = __toESM(require("@splunk/themes"));
 __reExport(themes_exports, require("@splunk/themes"));
-var themes_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
+var themes_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
 
 // esm-externals:@splunk/ui-utils/id
 var id_exports = {};
 __export(id_exports, {
   default: () => id_default
 });
-var defaultImport23 = __toESM(require("@splunk/ui-utils/id"));
+var defaultImport22 = __toESM(require("@splunk/ui-utils/id"));
 __reExport(id_exports, require("@splunk/ui-utils/id"));
-var id_default = "default" in defaultImport23 ? defaultImport23.default : defaultImport23;
+var id_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
 
 // src/Map/PureMap/Tooltip.tsx
 var StyledPopover = styled_components_default(Popover_default)`
@@ -439,27 +430,27 @@ var d3_scale_exports = {};
 __export(d3_scale_exports, {
   default: () => d3_scale_default
 });
-var defaultImport24 = __toESM(require("d3-scale"));
+var defaultImport23 = __toESM(require("d3-scale"));
 __reExport(d3_scale_exports, require("d3-scale"));
-var d3_scale_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
+var d3_scale_default = "default" in defaultImport23 ? defaultImport23.default : defaultImport23;
 
 // esm-externals:@splunk/visualization-color-palettes
 var visualization_color_palettes_exports = {};
 __export(visualization_color_palettes_exports, {
   default: () => visualization_color_palettes_default
 });
-var defaultImport25 = __toESM(require("@splunk/visualization-color-palettes"));
+var defaultImport24 = __toESM(require("@splunk/visualization-color-palettes"));
 __reExport(visualization_color_palettes_exports, require("@splunk/visualization-color-palettes"));
-var visualization_color_palettes_default = "default" in defaultImport25 ? defaultImport25.default : defaultImport25;
+var visualization_color_palettes_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
 
 // esm-externals:@splunk/visualization-encoding/utils/types
 var types_exports = {};
 __export(types_exports, {
   default: () => types_default
 });
-var defaultImport26 = __toESM(require("@splunk/visualization-encoding/utils/types"));
+var defaultImport25 = __toESM(require("@splunk/visualization-encoding/utils/types"));
 __reExport(types_exports, require("@splunk/visualization-encoding/utils/types"));
-var types_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
+var types_default = "default" in defaultImport25 ? defaultImport25.default : defaultImport25;
 
 // src/Map/PureMap/MapUtils.ts
 var MAX_LATITUDE = 90;
@@ -613,16 +604,16 @@ var getZoomLevelFromGeobin = (geobinStr) => {
   }
   const geobinPattern = /bin_id_zl_(\d{1,2})_y_/g;
   const match = geobinPattern.exec(geobinStr);
-  return (_a = (match == null ? void 0 : match.length) && parseInt(match[1], 10)) != null ? _a : null;
+  return (_a = (match == null ? void 0 : match.length) && Number.parseInt(match[1], 10)) != null ? _a : null;
 };
 var getStaticColors = (colorCount, colorArray) => {
   if (colorCount < 0 || !colorCount) {
     return [DEFAULT_CLUSTER_COLOR];
   }
   if (!(colorArray == null ? void 0 : colorArray.length)) {
-    return [...Array(colorCount).keys()].map((i) => DEFAULT_SERIES_COLORS[i]);
+    return [...new Array(colorCount).keys()].map((i) => DEFAULT_SERIES_COLORS[i]);
   }
-  return [...Array(colorCount).keys()].map(
+  return [...new Array(colorCount).keys()].map(
     (i) => (0, colorUtils_exports.isColor)(colorArray[i % colorArray.length]) ? colorArray[i % colorArray.length] : DEFAULT_CLUSTER_COLOR
   );
 };
@@ -650,7 +641,7 @@ var sanitizeValues = (values) => {
     return 0;
   }
   if (!Array.isArray(values)) {
-    return values > 0 ? values : 0;
+    return Math.max(values, 0);
   }
   return values.map((arr) => sanitizeValues(arr));
 };
@@ -698,8 +689,8 @@ var bakeBubbleData = (layer) => {
   let max = min;
   transposedSanitizedBubbleSize.forEach((row) => {
     const bubbleSize = (0, lodash_exports.sum)(row);
-    max = bubbleSize > max ? bubbleSize : max;
-    min = bubbleSize < min ? bubbleSize : min;
+    max = Math.max(bubbleSize, max);
+    min = Math.min(bubbleSize, min);
   });
   return {
     data,
@@ -1036,12 +1027,10 @@ var MarkerWrapper = (_a) => {
     }
     let rafId = null;
     const handleMapMove = () => {
-      if (rafId === null) {
-        rafId = requestAnimationFrame(() => {
-          forceUpdate();
-          rafId = null;
-        });
-      }
+      rafId != null ? rafId : rafId = requestAnimationFrame(() => {
+        forceUpdate();
+        rafId = null;
+      });
     };
     mapMoveHandlerRef.current = handleMapMove;
     map.current.on("move", handleMapMove);
@@ -1120,16 +1109,16 @@ var useRovingTabindex = (map) => {
       if (nextIndex !== void 0) {
         replacementIndex = nextIndex;
       } else if (indices.length > 0) {
-        replacementIndex = indices[indices.length - 1];
+        replacementIndex = indices.at(-1);
       }
-      if (replacementIndex !== null) {
+      if (replacementIndex === null) {
+        focusedIndexRef.current = 0;
+      } else {
         focusedIndexRef.current = replacementIndex;
         const replacementElement = elementRefsRef.current.get(replacementIndex);
         if (replacementElement) {
           replacementElement.setAttribute("tabindex", "0");
         }
-      } else {
-        focusedIndexRef.current = 0;
       }
     }
   }, []);
@@ -1476,7 +1465,7 @@ var Bubble = react_exports.memo(
       [handleMapClick]
     );
     const allZeros = originalValues.every((v) => v === 0);
-    const values = originalValues.map((v) => v > 0 ? v : 0);
+    const values = originalValues.map((v) => Math.max(v, 0));
     if (allZeros || !originalValues.length) return null;
     return /* @__PURE__ */ react_exports.createElement(
       MarkerWrapper_default,
@@ -1598,7 +1587,7 @@ var BubbleLayer = (props) => {
     return /* @__PURE__ */ react_exports.createElement(
       Bubble,
       {
-        key: String(i),
+        key: String(datum.idx),
         originalValues: datum.data.values,
         valueRange: dataRange,
         colors,
@@ -2267,7 +2256,7 @@ var ChoroplethLayer = (props) => {
   );
   const { handleKeyDown, handleFocus, handleBlur, setElementRef } = useRovingTabindex(map);
   const areaIdSliced = (_h = (_g = choroplethLayer == null ? void 0 : choroplethLayer.areaIds) == null ? void 0 : _g.slice(0, limit)) != null ? _h : [];
-  const uniqueAreaIdSliced = (0, lodash_exports.uniq)(areaIdSliced).length !== areaIdSliced.length ? areaIdSliced.map((id, i) => `${id}${i}`) : areaIdSliced;
+  const uniqueAreaIdSliced = (0, lodash_exports.uniq)(areaIdSliced).length === areaIdSliced.length ? areaIdSliced : areaIdSliced.map((id, i) => `${id}${i}`);
   const additionalFields = (choroplethLayer == null ? void 0 : choroplethLayer.metadata) ? choroplethLayer.metadata.map((choroplethMetadata) => {
     if (choroplethLayer.additionalTooltipFields) {
       return choroplethLayer.additionalTooltipFields.map((field) => ({
@@ -2324,27 +2313,27 @@ var Message_exports = {};
 __export(Message_exports, {
   default: () => Message_default
 });
-var defaultImport27 = __toESM(require("@splunk/visualizations-shared/Message"));
+var defaultImport26 = __toESM(require("@splunk/visualizations-shared/Message"));
 __reExport(Message_exports, require("@splunk/visualizations-shared/Message"));
-var Message_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
+var Message_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
 
 // esm-externals:@splunk/visualization-context/GeoRegistry
 var GeoRegistry_exports = {};
 __export(GeoRegistry_exports, {
   default: () => GeoRegistry_default
 });
-var defaultImport28 = __toESM(require("@splunk/visualization-context/GeoRegistry"));
+var defaultImport27 = __toESM(require("@splunk/visualization-context/GeoRegistry"));
 __reExport(GeoRegistry_exports, require("@splunk/visualization-context/GeoRegistry"));
-var GeoRegistry_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
+var GeoRegistry_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
 
 // esm-externals:@splunk/visualization-context/GeoJsonProvider
 var GeoJsonProvider_exports = {};
 __export(GeoJsonProvider_exports, {
   default: () => GeoJsonProvider_default
 });
-var defaultImport29 = __toESM(require("@splunk/visualization-context/GeoJsonProvider"));
+var defaultImport28 = __toESM(require("@splunk/visualization-context/GeoJsonProvider"));
 __reExport(GeoJsonProvider_exports, require("@splunk/visualization-context/GeoJsonProvider"));
-var GeoJsonProvider_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
+var GeoJsonProvider_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
 
 // src/Map/PureMap/LocalChoroplethLayer.tsx
 var LocalChoroplethLayer = (props) => {
@@ -2380,7 +2369,7 @@ var LocalChoroplethLayer = (props) => {
     let isMounted = true;
     const geoRegistry = GeoRegistry_default.create();
     geoRegistry.addDefaultProvider(new GeoJsonProvider_default());
-    const loadGeoJson = () => __async(void 0, null, function* () {
+    const loadGeoJson = () => __async(null, null, function* () {
       try {
         const geoJsonData = yield geoRegistry.getByURL(choroplethLayer.source);
         if (!isMounted) {
@@ -2392,7 +2381,7 @@ var LocalChoroplethLayer = (props) => {
         if (!isMounted) {
           return;
         }
-        setGeoJsonError(e);
+        setGeoJsonError({ message: e instanceof Error ? e.message : "" });
         setValidGeoJson(false);
       }
     });
@@ -2429,13 +2418,13 @@ var LocalChoroplethLayer = (props) => {
     if (choroplethLayer.areaIds) {
       const lookupValue = choroplethData.name;
       const dataIdx = choroplethLayer.areaIds.indexOf(lookupValue);
-      if (dataIdx !== -1) {
+      if (dataIdx === -1) {
+        choroplethData.idx = choroplethLayer.areaIds.length;
+      } else {
         choroplethData.color = colors[dataIdx];
         choroplethData.areaValue = choroplethLayer.areaValues[dataIdx];
         choroplethData.opacity = scaledOpacities[dataIdx];
         choroplethData.idx = dataIdx;
-      } else {
-        choroplethData.idx = choroplethLayer.areaIds.length;
       }
     }
     return choroplethData;
@@ -2579,30 +2568,31 @@ var StyledFitToDataButton = styled_components_default(ControlButton).attrs({
     background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="9" stroke="${(props) => props.controlIconColorEncoded.color}" stroke-width="2" stroke-linecap="round"/><path d="M12 3.5V6.5M12 20.5V17.5M3.5 12H6.5M20.5 12H17.5" stroke="${(props) => props.controlIconColorEncoded.color}" stroke-width="2" stroke-linecap="round"/></svg>');
 `;
 PureMapContainer_default.displayName = "PureMapContainer";
-var PureMap = (props) => {
-  const {
-    width,
-    height,
-    backgroundColor,
-    baseLayerTileServer,
-    baseLayerTileServerType,
-    center,
-    controlBackgroundColor,
-    controlForegroundColor,
-    layers = [],
-    scaleUnit,
-    showScale,
-    showZoomControls,
-    showBaseLayer,
-    themeColorScheme,
-    zoom,
-    onMapLoad,
-    onMapClick,
-    onOptionsChange,
-    title,
-    showCoordinates,
-    hasEventHandlers = false
-  } = props;
+var DEFAULT_LAYERS = [];
+var DEFAULT_ON_MAP_LOAD = { exec: lodash_exports.noop };
+var PureMap = ({
+  width = 800,
+  height = 500,
+  backgroundColor = "#0b0c0e",
+  baseLayerTileServer,
+  baseLayerTileServerType,
+  center,
+  controlBackgroundColor = DEFAULT_CONTROL_BACKGROUND_COLOR,
+  controlForegroundColor = DEFAULT_CONTROL_FOREGROUND_COLOR,
+  layers = DEFAULT_LAYERS,
+  scaleUnit = DEFAULT_SCALE_UNIT,
+  showScale = DEFAULT_SHOW_SCALE,
+  showZoomControls = DEFAULT_SHOW_ZOOM_CONTROLS,
+  showBaseLayer = DEFAULT_SHOW_BASELAYER,
+  themeColorScheme = "dark",
+  zoom,
+  onMapLoad = DEFAULT_ON_MAP_LOAD,
+  onMapClick = lodash_exports.noop,
+  onOptionsChange = lodash_exports.noop,
+  title,
+  showCoordinates,
+  hasEventHandlers = false
+}) => {
   const { defaultTileConfig, customTileConfig } = (0, react_exports.useContext)(MapContext_default);
   const basemapContainer = (0, react_exports.useRef)(null);
   const map = (0, react_exports.useRef)(null);
@@ -2921,7 +2911,7 @@ var PureMap = (props) => {
       showScale,
       showZoomControls
     },
-    showZoomControls && /* @__PURE__ */ react_exports.createElement(ZoomControlsContainer, { controlBackgroundColor }, /* @__PURE__ */ react_exports.createElement(Tooltip_default, { content: (0, i18n_exports._)("Zoom in"), contentRelationship: "label" }, /* @__PURE__ */ react_exports.createElement(
+    showZoomControls && /* @__PURE__ */ react_exports.createElement(ZoomControlsContainer, { controlBackgroundColor }, /* @__PURE__ */ react_exports.createElement(Tooltip_default, { content: (0, i18n_exports._)("Zoom in"), contentRelationship: "label", defaultPlacement: "right" }, /* @__PURE__ */ react_exports.createElement(
       ZoomInButton,
       {
         onClick: handleZoomIn,
@@ -2929,7 +2919,7 @@ var PureMap = (props) => {
         controlForegroundColor,
         controlIconColorEncoded: formatColor(controlForegroundColor)
       }
-    )), /* @__PURE__ */ react_exports.createElement(Tooltip_default, { content: (0, i18n_exports._)("Zoom out"), contentRelationship: "label" }, /* @__PURE__ */ react_exports.createElement(
+    )), /* @__PURE__ */ react_exports.createElement(Tooltip_default, { content: (0, i18n_exports._)("Zoom out"), contentRelationship: "label", defaultPlacement: "right" }, /* @__PURE__ */ react_exports.createElement(
       ZoomOutButton,
       {
         onClick: handleZoomOut,
@@ -2944,7 +2934,7 @@ var PureMap = (props) => {
         controlBackgroundColor,
         showZoomControls
       },
-      /* @__PURE__ */ react_exports.createElement(Tooltip_default, { content: (0, i18n_exports._)("Fit to data"), contentRelationship: "label" }, /* @__PURE__ */ react_exports.createElement(
+      /* @__PURE__ */ react_exports.createElement(Tooltip_default, { content: (0, i18n_exports._)("Fit to data"), contentRelationship: "label", defaultPlacement: "right" }, /* @__PURE__ */ react_exports.createElement(
         StyledFitToDataButton,
         {
           onClick: handleResetClick,
@@ -2994,75 +2984,6 @@ var PureMap = (props) => {
     )
   );
 };
-var isLatLng = (props, propName, componentName) => {
-  if (!props[propName]) {
-    return null;
-  }
-  const latAbs = Math.abs(props[propName][0]);
-  const lonAbs = Math.abs(props[propName][1]);
-  const latlon = props[propName];
-  if (latAbs > MAX_LATITUDE && lonAbs <= MAX_LATITUDE) {
-    throw new Error(`${componentName} ${propName} may have reversed [lat, lon] ranges.`);
-  }
-  if (!isValidLatLon(latlon)) {
-    throw new Error(`${componentName} ${propName} incorrect [lat, lon] ranges.`);
-  }
-  return null;
-};
-PureMap.propTypes = {
-  // eslint-disable-next-line react/no-unused-prop-types
-  mode: prop_types_exports.string,
-  width: prop_types_exports.oneOfType([prop_types_exports.string, prop_types_exports.number]),
-  height: prop_types_exports.oneOfType([prop_types_exports.string, prop_types_exports.number]),
-  backgroundColor: prop_types_exports.string,
-  baseLayerTileServer: prop_types_exports.string,
-  baseLayerTileServerType: prop_types_exports.string,
-  center: isLatLng,
-  controlBackgroundColor: prop_types_exports.string,
-  controlForegroundColor: prop_types_exports.string,
-  layers: prop_types_exports.arrayOf(
-    prop_types_exports.shape({
-      type: prop_types_exports.string,
-      latitude: prop_types_exports.arrayOf(prop_types_exports.oneOfType([prop_types_exports.string, prop_types_exports.number])),
-      longitude: prop_types_exports.arrayOf(prop_types_exports.oneOfType([prop_types_exports.string, prop_types_exports.number])),
-      label: prop_types_exports.string,
-      showInLegend: prop_types_exports.bool,
-      dataColors: prop_types_exports.oneOfType([prop_types_exports.string, prop_types_exports.arrayOf(prop_types_exports.string)]),
-      seriesColors: prop_types_exports.arrayOf(prop_types_exports.string),
-      additionalTooltipFields: prop_types_exports.arrayOf(prop_types_exports.string),
-      tooltipHeaderField: prop_types_exports.arrayOf(prop_types_exports.string),
-      resultLimit: prop_types_exports.number,
-      source: prop_types_exports.string,
-      choroplethEmptyAreaColor: prop_types_exports.string
-    })
-  ),
-  scaleUnit: prop_types_exports.string,
-  showScale: prop_types_exports.bool,
-  themeColorScheme: prop_types_exports.string,
-  zoom: prop_types_exports.number,
-  onMapLoad: prop_types_exports.shape({
-    exec: prop_types_exports.func
-  }),
-  onMapClick: prop_types_exports.func,
-  onOptionsChange: prop_types_exports.func
-};
-PureMap.defaultProps = {
-  mode: "view",
-  width: 800,
-  height: 500,
-  backgroundColor: "#0b0c0e",
-  controlBackgroundColor: DEFAULT_CONTROL_BACKGROUND_COLOR,
-  controlForegroundColor: DEFAULT_CONTROL_FOREGROUND_COLOR,
-  scaleUnit: DEFAULT_SCALE_UNIT,
-  showScale: DEFAULT_SHOW_SCALE,
-  showZoomControls: DEFAULT_SHOW_ZOOM_CONTROLS,
-  showBaseLayer: DEFAULT_SHOW_BASELAYER,
-  layers: [],
-  themeColorScheme: "dark",
-  onMapLoad: { exec: lodash_exports.noop },
-  onMapClick: lodash_exports.noop,
-  onOptionsChange: lodash_exports.noop
-};
 var PureMap_default = PureMap;
 
 // esm-externals:@splunk/visualization-color-palettes/editors/PresetPalettes
@@ -3070,36 +2991,36 @@ var PresetPalettes_exports = {};
 __export(PresetPalettes_exports, {
   default: () => PresetPalettes_default
 });
-var defaultImport30 = __toESM(require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
+var defaultImport29 = __toESM(require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
 __reExport(PresetPalettes_exports, require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
-var PresetPalettes_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
+var PresetPalettes_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
 
 // esm-externals:@splunk/visualization-icons
 var visualization_icons_exports = {};
 __export(visualization_icons_exports, {
   default: () => visualization_icons_default
 });
-var defaultImport31 = __toESM(require("@splunk/visualization-icons"));
+var defaultImport30 = __toESM(require("@splunk/visualization-icons"));
 __reExport(visualization_icons_exports, require("@splunk/visualization-icons"));
-var visualization_icons_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
+var visualization_icons_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
 
 // esm-externals:@splunk/visualization-icons/placeholders
 var placeholders_exports = {};
 __export(placeholders_exports, {
   default: () => placeholders_default
 });
-var defaultImport32 = __toESM(require("@splunk/visualization-icons/placeholders"));
+var defaultImport31 = __toESM(require("@splunk/visualization-icons/placeholders"));
 __reExport(placeholders_exports, require("@splunk/visualization-icons/placeholders"));
-var placeholders_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
+var placeholders_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
 
 // esm-externals:@splunk/visualizations-shared/configUtils
 var configUtils_exports = {};
 __export(configUtils_exports, {
   default: () => configUtils_default
 });
-var defaultImport33 = __toESM(require("@splunk/visualizations-shared/configUtils"));
+var defaultImport32 = __toESM(require("@splunk/visualizations-shared/configUtils"));
 __reExport(configUtils_exports, require("@splunk/visualizations-shared/configUtils"));
-var configUtils_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
+var configUtils_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
 
 // src/common/utils/configUtils.ts
 function enhanceConfig(vizConfig) {
@@ -3133,18 +3054,18 @@ var pick_exports = {};
 __export(pick_exports, {
   default: () => pick_default
 });
-var defaultImport34 = __toESM(require("@splunk/themes/pick"));
+var defaultImport33 = __toESM(require("@splunk/themes/pick"));
 __reExport(pick_exports, require("@splunk/themes/pick"));
-var pick_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
+var pick_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
 
 // esm-externals:@splunk/themes/variables
 var variables_exports = {};
 __export(variables_exports, {
   default: () => variables_default
 });
-var defaultImport35 = __toESM(require("@splunk/themes/variables"));
+var defaultImport34 = __toESM(require("@splunk/themes/variables"));
 __reExport(variables_exports, require("@splunk/themes/variables"));
-var variables_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
+var variables_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
 
 // src/common/ThemedDefaults.tsx
 var defaultBackgroundColor = (props) => pick_default({
@@ -3606,7 +3527,7 @@ var editorConfig = [
           label: (0, i18n_exports._)("Base layer tile server type"),
           option: "baseLayerTileServerType",
           editor: "editor.radioBar",
-          showEditor: ({ options }) => options.showBaseLayer === false ? false : !(typeof options.baseLayerTileServer === "undefined" || options.baseLayerTileServer === ""),
+          showEditor: ({ options }) => options.showBaseLayer === false ? false : !(options.baseLayerTileServer === void 0 || options.baseLayerTileServer === ""),
           editorProps: {
             values: [
               { label: (0, i18n_exports._)("Vector"), value: "vector" },
@@ -3659,54 +3580,63 @@ var getSettingsFromThemedProps_exports = {};
 __export(getSettingsFromThemedProps_exports, {
   default: () => getSettingsFromThemedProps_default
 });
-var defaultImport36 = __toESM(require("@splunk/themes/getSettingsFromThemedProps"));
+var defaultImport35 = __toESM(require("@splunk/themes/getSettingsFromThemedProps"));
 __reExport(getSettingsFromThemedProps_exports, require("@splunk/themes/getSettingsFromThemedProps"));
-var getSettingsFromThemedProps_default = "default" in defaultImport36 ? defaultImport36.default : defaultImport36;
+var getSettingsFromThemedProps_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
 
 // esm-externals:@splunk/visualization-encoding/Options
 var Options_exports = {};
 __export(Options_exports, {
   default: () => Options_default
 });
-var defaultImport37 = __toESM(require("@splunk/visualization-encoding/Options"));
+var defaultImport36 = __toESM(require("@splunk/visualization-encoding/Options"));
 __reExport(Options_exports, require("@splunk/visualization-encoding/Options"));
-var Options_default = "default" in defaultImport37 ? defaultImport37.default : defaultImport37;
+var Options_default = "default" in defaultImport36 ? defaultImport36.default : defaultImport36;
 
 // esm-externals:@splunk/visualizations-shared/SanitizeProps
 var SanitizeProps_exports = {};
 __export(SanitizeProps_exports, {
   default: () => SanitizeProps_default
 });
-var defaultImport38 = __toESM(require("@splunk/visualizations-shared/SanitizeProps"));
+var defaultImport37 = __toESM(require("@splunk/visualizations-shared/SanitizeProps"));
 __reExport(SanitizeProps_exports, require("@splunk/visualizations-shared/SanitizeProps"));
-var SanitizeProps_default = "default" in defaultImport38 ? defaultImport38.default : defaultImport38;
+var SanitizeProps_default = "default" in defaultImport37 ? defaultImport37.default : defaultImport37;
 
 // esm-externals:@splunk/visualization-context/TimezoneContext
 var TimezoneContext_exports = {};
 __export(TimezoneContext_exports, {
   default: () => TimezoneContext_default
 });
-var defaultImport39 = __toESM(require("@splunk/visualization-context/TimezoneContext"));
+var defaultImport38 = __toESM(require("@splunk/visualization-context/TimezoneContext"));
 __reExport(TimezoneContext_exports, require("@splunk/visualization-context/TimezoneContext"));
-var TimezoneContext_default = "default" in defaultImport39 ? defaultImport39.default : defaultImport39;
+var TimezoneContext_default = "default" in defaultImport38 ? defaultImport38.default : defaultImport38;
 
 // esm-externals:@splunk/moment
 var moment_exports = {};
 __export(moment_exports, {
   default: () => moment_default
 });
-var defaultImport40 = __toESM(require("@splunk/moment"));
+var defaultImport39 = __toESM(require("@splunk/moment"));
 __reExport(moment_exports, require("@splunk/moment"));
-var moment_default = "default" in defaultImport40 ? defaultImport40.default : defaultImport40;
+var moment_default = "default" in defaultImport39 ? defaultImport39.default : defaultImport39;
 
 // esm-externals:@splunk/async-dynamic-options-evaluator
 var async_dynamic_options_evaluator_exports = {};
 __export(async_dynamic_options_evaluator_exports, {
   default: () => async_dynamic_options_evaluator_default
 });
-var defaultImport41 = __toESM(require("@splunk/async-dynamic-options-evaluator"));
+var defaultImport40 = __toESM(require("@splunk/async-dynamic-options-evaluator"));
 __reExport(async_dynamic_options_evaluator_exports, require("@splunk/async-dynamic-options-evaluator"));
-var async_dynamic_options_evaluator_default = "default" in defaultImport41 ? defaultImport41.default : defaultImport41;
+var async_dynamic_options_evaluator_default = "default" in defaultImport40 ? defaultImport40.default : defaultImport40;
+
+// esm-externals:prop-types
+var prop_types_exports = {};
+__export(prop_types_exports, {
+  default: () => prop_types_default
+});
+var defaultImport41 = __toESM(require("prop-types"));
+__reExport(prop_types_exports, require("prop-types"));
+var prop_types_default = "default" in defaultImport41 ? defaultImport41.default : defaultImport41;
 
 // src/common/interfaces/VizActionHandler.ts
 var DefaultVizActionHandler = class {
@@ -3845,7 +3775,10 @@ var useSortingParams = ({ requestParams, onRequestParamsChange }) => {
     onSort = (e, { sortKey, sortDir }) => {
       if (typeof sortKey === "string") {
         const nextSortDir = (0, lodash_exports.has)(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : "none";
-        onRequestParamsChange(__spreadValues(__spreadValues({}, requestParams), { offset: 0, sort: { [sortKey]: nextSortDir } }));
+        onRequestParamsChange(__spreadProps(__spreadValues({}, requestParams), {
+          offset: 0,
+          sort: { [sortKey]: nextSortDir }
+        }));
       } else {
         onRequestParamsChange(requestParams);
       }
@@ -3971,7 +3904,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.7.0 - d7b18cab6"
+  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
 })`
     position: relative;
     width: 100%;
@@ -4043,7 +3976,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.7.0 - d7b18cab6",
+        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
         width,
         height,
         backgroundColor
@@ -4064,6 +3997,14 @@ var shouldShowIconPlaceholder = (dataSources, loading = false) => {
   const noFields = fields === void 0;
   return loading || noData || noFields;
 };
+var PlaceholderContainer = styled_components_default.div`
+    /* The inline token color wins when supported. Older browsers discard an
+       unsupported oklch value and retain this inherited fallback instead. */
+    color: ${(0, themes_exports.pick)({
+  dark: "#fafafa",
+  light: "#2c2c2c"
+})};
+`;
 var IconPlaceholder = (props) => {
   const {
     width = SplunkVisualization_default.defaults.width,
@@ -4078,7 +4019,6 @@ var IconPlaceholder = (props) => {
       style: {
         left: "50%",
         top: "50%",
-        color: iconColor,
         opacity: 0.15,
         position: "absolute",
         transform: "translate(-50%, -50%)"
@@ -4088,7 +4028,14 @@ var IconPlaceholder = (props) => {
       "data-test": "icon-placeholder"
     });
   }
-  return /* @__PURE__ */ react_exports.createElement("div", { style: { width, height, background: backgroundColor } }, content);
+  return /* @__PURE__ */ react_exports.createElement(
+    PlaceholderContainer,
+    {
+      "data-test": "icon-placeholder-container",
+      style: { width, height, background: backgroundColor, color: iconColor }
+    },
+    content
+  );
 };
 var IconPlaceholder_default = FixedSizeContainer_default(IconPlaceholder);
 
@@ -4180,7 +4127,7 @@ var largestTriangleThreeBuckets = (data, threshold, preferredDownsampleIndices)
     let avgY = 0;
     let avgRangeStart = Math.floor((i + 1) * every) + 1;
     let avgRangeEnd = Math.floor((i + 2) * every) + 1;
-    avgRangeEnd = avgRangeEnd < dataLength ? avgRangeEnd : dataLength;
+    avgRangeEnd = Math.min(avgRangeEnd, dataLength);
     const avgRangeLength = avgRangeEnd - avgRangeStart;
     for (; avgRangeStart < avgRangeEnd; avgRangeStart++) {
       avgX += Number(data[avgRangeStart][0]);
@@ -4215,9 +4162,9 @@ var largestTriangleThreeBuckets = (data, threshold, preferredDownsampleIndices)
 };
 var strictlyCoerceYColumn = (column, options) => {
   const isNullCoercionEnabled = options.nullValueDisplay === "zero";
-  const canLooselyCoerceSomeValues = column.findIndex(
+  const canLooselyCoerceSomeValues = column.some(
     (value) => (0, numberUtils_exports.startsWithNumber)(`${value}`) || isNullCoercionEnabled && value === null
-  ) >= 0;
+  );
   const coercedColumn = [];
   const canDownsampleColumn = !column.some((value) => {
     const coercedValue = Number(value);
@@ -4236,7 +4183,7 @@ var strictlyCoerceYColumn = (column, options) => {
 };
 var strictlyCoerceXColumn = (column, fieldType) => {
   if (fieldType === "number") {
-    const coercedXColumn = column.map((xValue) => Number(xValue));
+    const coercedXColumn = column.map(Number);
     if (isColumnStrictlyIncreasing(coercedXColumn, fieldType)) {
       return coercedXColumn;
     }
@@ -4541,10 +4488,10 @@ var FeatureFlags_default = "default" in defaultImport44 ? defaultImport44.defaul
 
 // src/common/utils/featureFlagUtils.ts
 var getFeatureFlag = (context, flagName) => {
-  if (context && Object.keys(context).find((key) => key === flagName)) {
+  if (context && Object.keys(context).includes(flagName)) {
     return context[flagName];
   }
-  if (Object.keys(FeatureFlags_default).find((key) => key === flagName)) {
+  if (Object.keys(FeatureFlags_default).includes(flagName)) {
     return FeatureFlags_default[flagName];
   }
   return false;
@@ -4657,9 +4604,9 @@ var shouldEnableSearchZoom = (eventHandlers = [], xField = "") => {
   const xAxisIsTime = xField === "_time";
   return !!rangeSelectEventHandler && xAxisIsTime;
 };
-var canvasSupportedTimeSeriesCharts = ["splunk.line", "splunk.area"];
+var canvasSupportedTimeSeriesCharts = /* @__PURE__ */ new Set(["splunk.line", "splunk.area"]);
 var isTimeSeriesCanvasRenderSupported = (vizConfigKey) => {
-  return canvasSupportedTimeSeriesCharts.includes(vizConfigKey);
+  return canvasSupportedTimeSeriesCharts.has(vizConfigKey);
 };
 var filterChartDataFromInternalFields = (chartData) => {
   const { fields, columns } = chartData;
@@ -4675,7 +4622,7 @@ var filterChartDataFromInternalFields = (chartData) => {
   return { fields: filteredFields, columns: filteredColumns };
 };
 var convert2DArrayToNumbers = (arr) => {
-  return arr.map((subArray) => subArray.map((element) => parseFloat(element)));
+  return arr.map((subArray) => subArray.map((element) => Number.parseFloat(element)));
 };
 var parseAxisValue = (val) => {
   if (val === void 0 || val === null || val === "auto" || val === "") {
@@ -4713,6 +4660,7 @@ var getLegend = (props) => {
       return (0, visualization_canvas_exports.TopLegendFactory)(__spreadValues({
         wrap: true
       }, commonLegendProps));
+    // Note: By default, use right legend
     default:
       return (0, visualization_canvas_exports.SideLegendFactory)(__spreadValues({}, commonLegendProps));
   }
@@ -4845,10 +4793,10 @@ var getSeriesOverrides = (opts) => {
   let spanGaps;
   if (nullValueMode === "gaps") {
     spanGaps = false;
-  } else if (nullValueMode != null) {
-    spanGaps = true;
-  } else {
+  } else if (nullValueMode == null) {
     spanGaps = void 0;
+  } else {
+    spanGaps = true;
   }
   const replaceNullsWithZero = nullValueMode === "zero" ? true : void 0;
   const isAreaChart = type === "area";
@@ -5279,11 +5227,11 @@ var TimeSeriesChartWrapper = (props) => {
     y2AxisMajorUnitFromSimpleXML,
     y2AxisMajorTickInterval
   );
-  const xAxisMajorTickSizeNum = xAxisMajorTickSize != null ? Number(xAxisMajorTickSize) : void 0;
-  const yAxisMajorTickSizeNum = yAxisMajorTickSize != null ? Number(yAxisMajorTickSize) : void 0;
-  const y2AxisMajorTickSizeNum = y2AxisMajorTickSize != null ? Number(y2AxisMajorTickSize) : void 0;
-  const yAxisMinorTickSizeNum = yAxisMinorTickSize != null ? Number(yAxisMinorTickSize) : void 0;
-  const y2AxisMinorTickSizeNum = y2AxisMinorTickSize != null ? Number(y2AxisMinorTickSize) : void 0;
+  const xAxisMajorTickSizeNum = xAxisMajorTickSize == null ? void 0 : Number(xAxisMajorTickSize);
+  const yAxisMajorTickSizeNum = yAxisMajorTickSize == null ? void 0 : Number(yAxisMajorTickSize);
+  const y2AxisMajorTickSizeNum = y2AxisMajorTickSize == null ? void 0 : Number(y2AxisMajorTickSize);
+  const yAxisMinorTickSizeNum = yAxisMinorTickSize == null ? void 0 : Number(yAxisMinorTickSize);
+  const y2AxisMinorTickSizeNum = y2AxisMinorTickSize == null ? void 0 : Number(y2AxisMinorTickSize);
   const areaOpacityForCanvas = getAreaOpacityForCanvas(areaOpacity);
   const seriesColors = seriesColorsStr ? JSON.parse(seriesColorsStr) : void 0;
   const seriesColorsByField = fieldColors ? JSON.parse(fieldColors) : void 0;
@@ -5695,6 +5643,76 @@ var buildEventCallbackProps = (supportedEvents, evaluatedOptionsToUse, onEventTr
   });
   return result;
 };
+var buildAllEventCallbackProps = (events, evaluatedOptionsToUse, onEventTrigger, { supportsEvents, hasEventHandlers, mode }) => {
+  if (!supportsEvents) return {};
+  const defaultEvents = {};
+  const userEvents = {};
+  Object.entries(events || {}).forEach(([eventKey, eventConfig]) => {
+    (eventConfig.source === "default" ? defaultEvents : userEvents)[eventKey] = eventConfig;
+  });
+  const userProps = hasEventHandlers && mode === "view" ? buildEventCallbackProps(userEvents, evaluatedOptionsToUse, onEventTrigger) : {};
+  return __spreadValues(__spreadValues({}, userProps), buildEventCallbackProps(defaultEvents, evaluatedOptionsToUse, onEventTrigger));
+};
+var applyContextTimezone = (localeContext) => {
+  if (localeContext.serializedTimezone && !moment_default.getDefaultSplunkTimezone()) {
+    moment_default.setDefaultSplunkTimezone(localeContext.serializedTimezone);
+  }
+};
+var getAsyncOptionsEvaluationParams = ({
+  visualizationID,
+  props,
+  optionsToEvaluate,
+  downsampledDataSources,
+  vizConfig,
+  bypassCloneDeepOptionScope,
+  lazyLoadingDataFrame
+}) => {
+  return {
+    visualizationID,
+    props,
+    options: __spreadValues({}, optionsToEvaluate),
+    dataSources: downsampledDataSources,
+    theme: vizConfig.themes,
+    bypassCloneDeepOptionScope,
+    lazyLoadingDataFrame
+  };
+};
+var evaluateOptionsSync = ({
+  optionsToEvaluate,
+  downsampledDataSources,
+  dataSourcesInState,
+  dataFramesInState,
+  setDataSourcesInState,
+  setDataFramesInState,
+  computeDataFrames,
+  featureFlagContext,
+  themeFunc
+}) => {
+  let dataFrames = dataFramesInState;
+  if (downsampledDataSources !== dataSourcesInState) {
+    setDataSourcesInState(downsampledDataSources);
+    dataFrames = Options_exports.Options.dataFrameFromDataSource(
+      downsampledDataSources,
+      getFeatureFlag(featureFlagContext, "visualizations_lazyLoadingDataFrame")
+    );
+    setDataFramesInState(dataFrames);
+  }
+  let mergedFrames = dataFrames;
+  if (computeDataFrames && dataFrames) {
+    const derivedFrames = computeDataFrames({
+      dataSources: downsampledDataSources,
+      options: optionsToEvaluate.options
+    });
+    mergedFrames = __spreadValues(__spreadValues({}, dataFrames), derivedFrames);
+  }
+  return Options_exports.Options.evaluate(
+    optionsToEvaluate,
+    downsampledDataSources,
+    themeFunc,
+    mergedFrames,
+    getFeatureFlag(featureFlagContext, "visualizations_bypassCloneDeepOptionScope")
+  );
+};
 var withDashboardViz = (opts) => {
   const {
     ReactViz,
@@ -5726,11 +5744,7 @@ var withDashboardViz = (opts) => {
       onRequestParamsChange = lodash_exports.noop
     } = props;
     const localeContext = react_exports.useContext(TimezoneContext_default);
-    if (localeContext.serializedTimezone) {
-      if (!moment_default.getDefaultSplunkTimezone()) {
-        moment_default.setDefaultSplunkTimezone(localeContext.serializedTimezone);
-      }
-    }
+    applyContextTimezone(localeContext);
     const themeFunc = (themeVar) => {
       var _a2, _b;
       return (_b = (_a2 = vizConfig.themes)[themeVar]) == null ? void 0 : _b.call(_a2, props);
@@ -5758,7 +5772,12 @@ var withDashboardViz = (opts) => {
       featureFlagContext == null ? void 0 : featureFlagContext.visualizations_enableAcceleratedRender
     );
     const isAcceleratedRenderOn = isAcceleratedRenderFeatureFlagOn && isTimeSeriesCanvasRenderSupported(vizConfig.key) && (options == null ? void 0 : options.acceleratedRender) === true;
-    const isMounted = react_exports.useRef(true);
+    const bypassCloneDeepOptionScope = Boolean(
+      getFeatureFlag(featureFlagContext, "visualizations_bypassCloneDeepOptionScope")
+    );
+    const lazyLoadingDataFrame = Boolean(
+      getFeatureFlag(featureFlagContext, "visualizations_lazyLoadingDataFrame")
+    );
     const optionsToEvaluate = react_exports.useMemo(() => {
       var _a2;
       const legendDisplay = turnOffLegendDisplayWhenTrellisIsOn(isTrellisOn, options);
@@ -5797,63 +5816,74 @@ var withDashboardViz = (opts) => {
       threshold,
       isDownsamplingEnabled
     });
-    evaluatedOptions = useDeepMemo(() => {
+    const asyncOptionsEvaluationParams = useDeepMemo(
+      () => getAsyncOptionsEvaluationParams({
+        visualizationID,
+        props,
+        optionsToEvaluate,
+        downsampledDataSources,
+        vizConfig,
+        bypassCloneDeepOptionScope,
+        lazyLoadingDataFrame
+      }),
+      [
+        visualizationID,
+        optionsToEvaluate,
+        downsampledDataSources,
+        vizConfig,
+        bypassCloneDeepOptionScope,
+        lazyLoadingDataFrame,
+        currentThemeFamily,
+        currentThemeColorScheme,
+        currentThemeDensity,
+        localeContext.serializedTimezone
+      ]
+    );
+    react_exports.useEffect(() => {
+      if (!useAsyncEvaluatedOptions) {
+        return void 0;
+      }
+      let ownsEvaluation = true;
       try {
-        if (useAsyncEvaluatedOptions) {
-          const asyncDynamicOptionsEvaluatorParams = {
-            visualizationID,
-            props,
-            options: optionsToEvaluate,
-            dataSources: downsampledDataSources,
-            theme: vizConfig.themes,
-            bypassCloneDeepOptionScope: Boolean(
-              getFeatureFlag(featureFlagContext, "visualizations_bypassCloneDeepOptionScope")
-            ),
-            lazyLoadingDataFrame: Boolean(
-              getFeatureFlag(featureFlagContext, "visualizations_lazyLoadingDataFrame")
-            )
-          };
-          async_dynamic_options_evaluator_default.evaluate(asyncDynamicOptionsEvaluatorParams).then((results) => {
+        async_dynamic_options_evaluator_default.evaluate(asyncOptionsEvaluationParams).then((results) => {
+          if (ownsEvaluation) {
             setEvaluatedOptionsAsync(results.results);
-          }).catch(() => {
-            if (isMounted.current) {
-              setUseAsyncEvaluatedOptions(false);
-            }
-          });
-        } else {
-          let dataFrames = dataFramesInState;
-          if (downsampledDataSources !== dataSourcesInState) {
-            setDataSourcesInState(downsampledDataSources);
-            dataFrames = Options_exports.Options.dataFrameFromDataSource(
-              downsampledDataSources,
-              getFeatureFlag(featureFlagContext, "visualizations_lazyLoadingDataFrame")
-            );
-            setDataFramesInState(dataFrames);
           }
-          let mergedFrames = dataFrames;
-          if (computeDataFrames && dataFrames) {
-            const derivedFrames = computeDataFrames({
-              dataSources: downsampledDataSources,
-              options: optionsToEvaluate.options
-            });
-            mergedFrames = __spreadValues(__spreadValues({}, dataFrames), derivedFrames);
+        }).catch(() => {
+          if (ownsEvaluation) {
+            setUseAsyncEvaluatedOptions(false);
           }
-          const result = Options_exports.Options.evaluate(
-            optionsToEvaluate,
-            downsampledDataSources,
-            themeFunc,
-            mergedFrames,
-            getFeatureFlag(featureFlagContext, "visualizations_bypassCloneDeepOptionScope")
-          );
-          return result;
+        });
+      } catch (e) {
+        setUseAsyncEvaluatedOptions(false);
+      }
+      return () => {
+        ownsEvaluation = false;
+        async_dynamic_options_evaluator_default.reset(visualizationID);
+      };
+    }, [asyncOptionsEvaluationParams, useAsyncEvaluatedOptions, visualizationID]);
+    evaluatedOptions = useDeepMemo(() => {
+      try {
+        if (useAsyncEvaluatedOptions) {
+          return {};
         }
+        return evaluateOptionsSync({
+          optionsToEvaluate,
+          downsampledDataSources,
+          dataSourcesInState,
+          dataFramesInState,
+          setDataSourcesInState,
+          setDataFramesInState,
+          computeDataFrames,
+          featureFlagContext,
+          themeFunc
+        });
       } catch (e) {
         if (e instanceof Error) {
           console.error(`unexpected error evaluating options: ${e.message}`);
         }
         return {};
       }
-      return {};
     }, [
       currentThemeFamily,
       currentThemeColorScheme,
@@ -5863,7 +5893,7 @@ var withDashboardViz = (opts) => {
       localeContext.serializedTimezone,
       useAsyncEvaluatedOptions
     ]);
-    const evaluatedOptionsToUse = !useAsyncEvaluatedOptions ? evaluatedOptions : evaluatedOptionsAsync;
+    const evaluatedOptionsToUse = useAsyncEvaluatedOptions ? evaluatedOptionsAsync : evaluatedOptions;
     let dataSourceMetadata = {};
     const OptionKey = "paginateDataSourceKey";
     const optsKey = (0, lodash_exports.has)(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey];
@@ -5885,7 +5915,7 @@ var withDashboardViz = (opts) => {
       sortParams,
       paginatorParams
     };
-    if (vizConfig.supports.indexOf("page-and-sort" /* PAGE_AND_SORT */) === -1 && !(0, lodash_exports.has)(dataSources, paginateDataSourceKey)) {
+    if (!vizConfig.supports.includes("page-and-sort" /* PAGE_AND_SORT */) && !(0, lodash_exports.has)(dataSources, paginateDataSourceKey)) {
       dataSourceMetadata = {};
     }
     const clonedEvaluatedOptions = __spreadValues({}, evaluatedOptionsToUse);
@@ -5895,14 +5925,6 @@ var withDashboardViz = (opts) => {
     react_exports.useEffect(() => {
       onComputedProps(clonedEvaluatedOptions);
     });
-    react_exports.useEffect(() => {
-      return () => {
-        if (useAsyncEvaluatedOptions) {
-          isMounted.current = false;
-          async_dynamic_options_evaluator_default.reset(visualizationID);
-        }
-      };
-    }, []);
     const { requiredProps = [], supports } = vizConfig;
     const missing = missingKeys(requiredProps, evaluatedOptionsToUse);
     if (missing.length > 0 && supports.includes("placeholder" /* PLACEHOLDER */) && vizConfig.key !== "splunk.singlevalue") {
@@ -5917,7 +5939,16 @@ var withDashboardViz = (opts) => {
         }
       );
     }
-    const eventCallbackProps = hasEventHandlers && mode === "view" && vizConfig.supports.includes("events" /* EVENTS */) ? buildEventCallbackProps(vizConfig.events, evaluatedOptionsToUse, onEventTrigger) : {};
+    const eventCallbackProps = buildAllEventCallbackProps(
+      vizConfig.events,
+      evaluatedOptionsToUse,
+      onEventTrigger,
+      {
+        supportsEvents: vizConfig.supports.includes("events" /* EVENTS */),
+        hasEventHandlers,
+        mode
+      }
+    );
     const computedVizProps = computeVizProps2(__spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadValues({}, props), evaluatedOptionsToUse), {
       // Align option transformation with the actual renderer selected below.
       // This prevents canvas-only option preservation from leaking into Highcharts mode.
@@ -5945,8 +5976,9 @@ var withDashboardViz = (opts) => {
     onEventTrigger: SplunkVisualization_default.defaults.onEventTrigger
   });
   DashboardViz.config = vizConfig;
-  return (0, styled_components_exports.withTheme)(
-    withPlaceholder_default(withEditModeCover_default(DashboardViz, disableEditModeCover), useIconPlaceholder2)
+  return Object.assign(
+    (0, styled_components_exports.withTheme)(withPlaceholder_default(withEditModeCover_default(DashboardViz, disableEditModeCover), useIconPlaceholder2)),
+    { config: vizConfig }
   );
 };
 var withDashboardViz_default = withDashboardViz;
@@ -5975,20 +6007,18 @@ var columnsNullToZeros = (config2, dataSources, options) => {
     const latitudeField = (0, dsl_exports.getFieldsFromDSL)(mergedOptions.layers[0].latitude, dataSources)[0] || "";
     const longitudeField = (0, dsl_exports.getFieldsFromDSL)(mergedOptions.layers[0].longitude, dataSources)[0] || "";
     const stringsFields = (0, dsl_exports.getFieldsFromDSL)("> primary | frameBySeriesTypes('string')", dataSources);
-    const excludedFields = Array.from(
-      /* @__PURE__ */ new Set([
-        latitudeField,
-        longitudeField,
-        "geobin",
-        "name",
-        ...stringsFields,
-        ...GEO_LAT_AND_LONG_FIELD
-      ])
-    );
+    const excludedFields = /* @__PURE__ */ new Set([
+      latitudeField,
+      longitudeField,
+      "geobin",
+      "name",
+      ...stringsFields,
+      ...GEO_LAT_AND_LONG_FIELD
+    ]);
     const indicesToEvaluate = new Set(
       fields.reduce((arr, e, i) => {
         const field = typeof e === "string" ? e : e.name.toString();
-        if (!excludedFields.includes(field)) {
+        if (!excludedFields.has(field)) {
           arr.push(i);
         }
         return arr;
@@ -6076,24 +6106,36 @@ var withTooltipFields = (Viz) => {
       const { fields } = dataSources.primary.data;
       if (Array.isArray(mergedOptions.layers[0].additionalTooltipFields) && Array.isArray(fields) && fields.length) {
         const { bubbleSizeFields = [] } = mergedOptions.layers[0];
+        const fieldNames = new Set(
+          fields.map(
+            (field) => typeof field === "string" ? field : field.name
+          )
+        );
         mergedOptions.layers[0].additionalTooltipFields = mergedOptions.layers[0].additionalTooltipFields.filter(
-          (field) => (typeof fields[0] === "string" ? fields.includes(field) : fields.map((f) => f.name).includes(field)) && !bubbleSizeFields.includes(field)
+          (field) => fieldNames.has(field) && !bubbleSizeFields.includes(field)
         );
       }
     }
     return /* @__PURE__ */ react_exports.createElement(Viz, __spreadValues({ dataSources, options: mergedOptions }, otherProps));
   };
-  VizWithTooltipFields.propTypes = Viz.propTypes;
-  VizWithTooltipFields.defaultProps = Viz.defaultProps;
-  VizWithTooltipFields.config = Viz.config;
-  return VizWithTooltipFields;
+  return Object.assign(VizWithTooltipFields, { config: Viz.config });
 };
 var withoutInternalFields = (Viz) => {
   const VizWithoutInternalFields = (_a) => {
-    var _b = _a, { dataSources } = _b, otherProps = __objRest(_b, ["dataSources"]);
+    var _b = _a, {
+      dataSources,
+      mode = "view",
+      width = 800,
+      height = 500
+    } = _b, otherProps = __objRest(_b, [
+      "dataSources",
+      "mode",
+      "width",
+      "height"
+    ]);
     var _a2;
     if (!((_a2 = dataSources == null ? void 0 : dataSources.primary) == null ? void 0 : _a2.data)) {
-      return /* @__PURE__ */ react_exports.createElement(Viz, __spreadValues({}, otherProps));
+      return /* @__PURE__ */ react_exports.createElement(Viz, __spreadValues({ mode, width, height }, otherProps));
     }
     const { primary } = dataSources;
     const { columns, fields } = primary.data;
@@ -6120,16 +6162,27 @@ var withoutInternalFields = (Viz) => {
         })
       })
     });
-    return /* @__PURE__ */ react_exports.createElement(Viz, __spreadValues({ dataSources: modifiedDatasources }, otherProps));
+    return /* @__PURE__ */ react_exports.createElement(
+      Viz,
+      __spreadValues({
+        dataSources: modifiedDatasources,
+        mode,
+        width,
+        height
+      }, otherProps)
+    );
   };
-  VizWithoutInternalFields.propTypes = Viz.propTypes;
-  VizWithoutInternalFields.defaultProps = Viz.defaultProps;
-  VizWithoutInternalFields.config = Viz.config;
-  return VizWithoutInternalFields;
+  return Object.assign(VizWithoutInternalFields, { config: Viz.config });
 };
 var withNullToZeros = (Viz) => {
   const VizWithColumnsNullToZeros = (_a) => {
-    var _b = _a, { dataSources, options } = _b, otherProps = __objRest(_b, ["dataSources", "options"]);
+    var _b = _a, {
+      dataSources,
+      options
+    } = _b, otherProps = __objRest(_b, [
+      "dataSources",
+      "options"
+    ]);
     var _a2;
     if (!((_a2 = dataSources == null ? void 0 : dataSources.primary) == null ? void 0 : _a2.data)) {
       return /* @__PURE__ */ react_exports.createElement(Viz, __spreadValues({ options }, otherProps));
@@ -6137,10 +6190,7 @@ var withNullToZeros = (Viz) => {
     const modifiedDatasources = columnsNullToZeros(config_default, dataSources, options);
     return /* @__PURE__ */ react_exports.createElement(Viz, __spreadValues({ dataSources: modifiedDatasources, options }, otherProps));
   };
-  VizWithColumnsNullToZeros.propTypes = Viz.propTypes;
-  VizWithColumnsNullToZeros.defaultProps = Viz.defaultProps;
-  VizWithColumnsNullToZeros.config = Viz.config;
-  return VizWithColumnsNullToZeros;
+  return Object.assign(VizWithColumnsNullToZeros, { config: Viz.config });
 };
 function useIconPlaceholder(dataSources, loading) {
   return loading;