@splunk/visualizations 28.8.0 → 28.9.0

package/ChoroplethSvg.js

@@ -3,6 +3,7 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 "use strict";
 var __create = Object.create;
+var __freeze = Object.freeze;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -61,6 +62,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
 
 // src/ChoroplethSvg/index.ts
 var ChoroplethSvg_exports = {};
@@ -363,7 +365,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);
       }
@@ -507,7 +512,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.8.0 - 633c53372"
+  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
 })`
     position: relative;
     width: 100%;
@@ -542,14 +547,23 @@ var defaultImport22 = __toESM(require("@splunk/themes/variables"));
 __reExport(variables_exports, require("@splunk/themes/variables"));
 var variables_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
 
+// esm-externals:@splunk/themes
+var themes_exports = {};
+__export(themes_exports, {
+  default: () => themes_default
+});
+var defaultImport23 = __toESM(require("@splunk/themes"));
+__reExport(themes_exports, require("@splunk/themes"));
+var themes_default = "default" in defaultImport23 ? defaultImport23.default : defaultImport23;
+
 // esm-externals:@splunk/visualizations-shared/style
 var style_exports = {};
 __export(style_exports, {
   default: () => style_default
 });
-var defaultImport23 = __toESM(require("@splunk/visualizations-shared/style"));
+var defaultImport24 = __toESM(require("@splunk/visualizations-shared/style"));
 __reExport(style_exports, require("@splunk/visualizations-shared/style"));
-var style_default = "default" in defaultImport23 ? defaultImport23.default : defaultImport23;
+var style_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
 
 // src/common/hocs/FixedSizeContainer.tsx
 var Item = styled_components_default.div.attrs(({ width }) => ({
@@ -606,7 +620,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.8.0 - 633c53372",
+        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
         width,
         height,
         backgroundColor
@@ -627,6 +641,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,
@@ -641,7 +663,6 @@ var IconPlaceholder = (props) => {
       style: {
         left: "50%",
         top: "50%",
-        color: iconColor,
         opacity: 0.15,
         position: "absolute",
         transform: "translate(-50%, -50%)"
@@ -651,7 +672,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);
 
@@ -660,7 +688,7 @@ var withPlaceholder = (Visualization, useIconPlaceholder2 = shouldShowIconPlaceh
   const { config: config3 } = Visualization;
   const { themes: themes2 } = config3;
   const Wrapper = (props) => {
-    var _a, _b;
+    var _a2, _b;
     const {
       dataSources,
       loading,
@@ -669,7 +697,7 @@ var withPlaceholder = (Visualization, useIconPlaceholder2 = shouldShowIconPlaceh
       width = SplunkVisualization_default.defaults.width
     } = props;
     const showPlaceholder = useIconPlaceholder2(dataSources, loading, options);
-    const icon = (_a = config3.placeholderIcon) != null ? _a : config3.icon;
+    const icon = (_a2 = config3.placeholderIcon) != null ? _a2 : config3.icon;
     const iconColor = variables_default.contentColorActive(props);
     const bgColorFromTheme = (0, colorUtils_exports.isColor)(options == null ? void 0 : options.backgroundColor) ? options == null ? void 0 : options.backgroundColor : (_b = themes2 == null ? void 0 : themes2.defaultBackgroundColor) == null ? void 0 : _b.call(themes2, props);
     if (config3.supports.includes("placeholder" /* PLACEHOLDER */) && showPlaceholder) {
@@ -697,9 +725,9 @@ var numberUtils_exports = {};
 __export(numberUtils_exports, {
   default: () => numberUtils_default
 });
-var defaultImport24 = __toESM(require("@splunk/visualizations-shared/numberUtils"));
+var defaultImport25 = __toESM(require("@splunk/visualizations-shared/numberUtils"));
 __reExport(numberUtils_exports, require("@splunk/visualizations-shared/numberUtils"));
-var numberUtils_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
+var numberUtils_default = "default" in defaultImport25 ? defaultImport25.default : defaultImport25;
 
 // src/common/utils/dataUtils.ts
 var getFieldName = (field) => typeof field === "string" ? field : field.name;
@@ -725,7 +753,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]);
@@ -760,9 +788,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);
@@ -781,7 +809,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;
     }
@@ -794,8 +822,8 @@ var strictlyCoerceXColumn = (column, fieldType) => {
   return [];
 };
 var isDownsamplingEnabledForViz = ({ vizConfig }) => {
-  var _a;
-  return (_a = vizConfig.supports) == null ? void 0 : _a.includes("downsampling" /* DOWNSAMPLING */);
+  var _a2;
+  return (_a2 = vizConfig.supports) == null ? void 0 : _a2.includes("downsampling" /* DOWNSAMPLING */);
 };
 var isColumnStrictlyIncreasing = (column, fieldType) => {
   return column.every((value, index) => {
@@ -819,9 +847,9 @@ var tryToCoerceAllDisplayedFields = (ds, xField, yFields, fieldTypes, options) =
   let xColumn = [];
   const yColumns = [];
   const canDownsample = !ds.data.fields.some((field, index) => {
-    var _a;
+    var _a2;
     const fieldName = getFieldName(field);
-    const fieldType = (_a = fieldTypes[index]) != null ? _a : "unknown";
+    const fieldType = (_a2 = fieldTypes[index]) != null ? _a2 : "unknown";
     const column = ds.data.columns[index];
     let hasDisplayedColumnThatCantBeDownsampled = false;
     if (fieldName === xField) {
@@ -863,9 +891,9 @@ var pickIndicesFromDataSource = (ds, indices) => {
   });
 };
 var downsampleDataSources = ({ dataSources, threshold, options }) => {
-  var _a, _b, _c;
+  var _a2, _b, _c;
   const primaryDS = dataSources == null ? void 0 : dataSources.primary;
-  const numPoints = (_c = (_b = (_a = primaryDS == null ? void 0 : primaryDS.data) == null ? void 0 : _a.columns[0]) == null ? void 0 : _b.length) != null ? _c : 0;
+  const numPoints = (_c = (_b = (_a2 = primaryDS == null ? void 0 : primaryDS.data) == null ? void 0 : _a2.columns[0]) == null ? void 0 : _b.length) != null ? _c : 0;
   if (Number.isNaN(threshold) || numPoints <= threshold || threshold < 2) {
     return dataSources;
   }
@@ -926,14 +954,14 @@ var useGetXAndYFields = ({
   dataSources
 }) => {
   const { dataSourcesWithOnlyOnePoint, dataFrameWithOnlyOnePoint } = (0, react_exports.useMemo)(() => {
-    var _a, _b, _c;
+    var _a2, _b, _c;
     if (!shouldEvaluateDSL) {
       return {
         dataSourcesWithOnlyOnePoint: null,
         dataFrameWithOnlyOnePoint: null
       };
     }
-    if (!((_c = (_b = (_a = dataSources == null ? void 0 : dataSources.primary) == null ? void 0 : _a.data) == null ? void 0 : _b.columns) == null ? void 0 : _c.length)) {
+    if (!((_c = (_b = (_a2 = dataSources == null ? void 0 : dataSources.primary) == null ? void 0 : _a2.data) == null ? void 0 : _b.columns) == null ? void 0 : _c.length)) {
       return {
         dataSourcesWithOnlyOnePoint: null,
         dataFrameWithOnlyOnePoint: null
@@ -1080,16 +1108,16 @@ var FeatureFlags_exports = {};
 __export(FeatureFlags_exports, {
   default: () => FeatureFlags_default
 });
-var defaultImport25 = __toESM(require("@splunk/visualization-context/FeatureFlags"));
+var defaultImport26 = __toESM(require("@splunk/visualization-context/FeatureFlags"));
 __reExport(FeatureFlags_exports, require("@splunk/visualization-context/FeatureFlags"));
-var FeatureFlags_default = "default" in defaultImport25 ? defaultImport25.default : defaultImport25;
+var FeatureFlags_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
 
 // 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;
@@ -1100,9 +1128,9 @@ var trellisUtils_exports = {};
 __export(trellisUtils_exports, {
   default: () => trellisUtils_default
 });
-var defaultImport26 = __toESM(require("@splunk/visualizations-shared/trellisUtils"));
+var defaultImport27 = __toESM(require("@splunk/visualizations-shared/trellisUtils"));
 __reExport(trellisUtils_exports, require("@splunk/visualizations-shared/trellisUtils"));
-var trellisUtils_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
+var trellisUtils_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
 
 // src/common/utils/trellisUtils.ts
 var turnOffLegendDisplayWhenTrellisIsOn = (isTrellisOn, options) => {
@@ -1119,9 +1147,9 @@ var visualization_canvas_exports = {};
 __export(visualization_canvas_exports, {
   default: () => visualization_canvas_default
 });
-var defaultImport27 = __toESM(require("@splunk/visualization-canvas"));
+var defaultImport28 = __toESM(require("@splunk/visualization-canvas"));
 __reExport(visualization_canvas_exports, require("@splunk/visualization-canvas"));
-var visualization_canvas_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
+var visualization_canvas_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
 
 // src/common/components/VizStyleWrapper.jsx
 var VizStyleWrapper = styled_components_default.div.attrs(({ dataTestKey }) => ({
@@ -1143,27 +1171,27 @@ var Triangle_exports = {};
 __export(Triangle_exports, {
   default: () => Triangle_default
 });
-var defaultImport28 = __toESM(require("@splunk/react-icons/Triangle"));
+var defaultImport29 = __toESM(require("@splunk/react-icons/Triangle"));
 __reExport(Triangle_exports, require("@splunk/react-icons/Triangle"));
-var Triangle_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
+var Triangle_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
 
 // esm-externals:@splunk/visualizations-shared/propUtils
 var propUtils_exports = {};
 __export(propUtils_exports, {
   default: () => propUtils_default
 });
-var defaultImport29 = __toESM(require("@splunk/visualizations-shared/propUtils"));
+var defaultImport30 = __toESM(require("@splunk/visualizations-shared/propUtils"));
 __reExport(propUtils_exports, require("@splunk/visualizations-shared/propUtils"));
-var propUtils_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
+var propUtils_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
 
 // esm-externals:@splunk/visualizations-shared/simpleXMLOptions
 var simpleXMLOptions_exports = {};
 __export(simpleXMLOptions_exports, {
   default: () => simpleXMLOptions_default
 });
-var defaultImport30 = __toESM(require("@splunk/visualizations-shared/simpleXMLOptions"));
+var defaultImport31 = __toESM(require("@splunk/visualizations-shared/simpleXMLOptions"));
 __reExport(simpleXMLOptions_exports, require("@splunk/visualizations-shared/simpleXMLOptions"));
-var simpleXMLOptions_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
+var simpleXMLOptions_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
 
 // src/common/chartingUtils.ts
 var DEFAULT_LINE_WIDTH = 2;
@@ -1195,16 +1223,16 @@ var triangleEventAnnotationRenderer = ({
 var shouldEnableSearchZoom = (eventHandlers = [], xField = "") => {
   const rangeSelectEventHandler = eventHandlers.find(
     (eventHandler) => {
-      var _a;
-      return (_a = eventHandler.options.events) == null ? void 0 : _a.includes("range.select");
+      var _a2;
+      return (_a2 = eventHandler.options.events) == null ? void 0 : _a2.includes("range.select");
     }
   );
   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;
@@ -1220,7 +1248,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 === "") {
@@ -1258,6 +1286,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));
   }
@@ -1369,7 +1398,7 @@ var getY2Scale = (field, y2fields, overlayFields) => {
   return assignToY2 ? "y2" : "y";
 };
 var getSeriesOverrides = (opts) => {
-  var _a;
+  var _a2;
   const {
     yfields,
     y2fields,
@@ -1390,20 +1419,20 @@ 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";
   const isStacked = isAreaChart && (stackMode === "stacked" || stackMode === "stacked100");
   const areaFields = isAreaChart ? yfields.filter((f) => !(overlayFields == null ? void 0 : overlayFields.includes(f))) : yfields;
-  const overlayFieldsInOrder = (_a = overlayFields == null ? void 0 : overlayFields.filter((f) => yfields.includes(f))) != null ? _a : [];
+  const overlayFieldsInOrder = (_a2 = overlayFields == null ? void 0 : overlayFields.filter((f) => yfields.includes(f))) != null ? _a2 : [];
   const orderedFields = isAreaChart ? [...areaFields, ...overlayFieldsInOrder] : yfields;
   orderedFields.forEach((field) => {
-    var _a2;
-    const isOverlay = (_a2 = overlayFields == null ? void 0 : overlayFields.includes(field)) != null ? _a2 : false;
+    var _a3;
+    const isOverlay = (_a3 = overlayFields == null ? void 0 : overlayFields.includes(field)) != null ? _a3 : false;
     const isPercent = isAreaChart && stackMode === "stacked100" && !isOverlay;
     const shouldHideAreaOutline = isAreaChart && showLines === false && !isOverlay;
     seriesConfig[field] = {
@@ -1466,9 +1495,9 @@ var visualization_schemas_exports = {};
 __export(visualization_schemas_exports, {
   default: () => visualization_schemas_default
 });
-var defaultImport31 = __toESM(require("@splunk/visualization-schemas"));
+var defaultImport32 = __toESM(require("@splunk/visualization-schemas"));
 __reExport(visualization_schemas_exports, require("@splunk/visualization-schemas"));
-var visualization_schemas_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
+var visualization_schemas_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
 
 // src/common/hooks/useTrellisEnabled.ts
 var useTrellisFeatureFlagOn = () => {
@@ -1605,11 +1634,11 @@ var handleLegendClick = (chartEvent, onClick, trellisKey, trellisSplitBy) => {
   }
 };
 var handleRangeSelection = (rangeEvent, onSelect, chartData, trellisKey, trellisSplitBy) => {
-  var _a;
+  var _a2;
   if (!rangeEvent) {
     return;
   }
-  const xData = ((_a = chartData == null ? void 0 : chartData.columns) == null ? void 0 : _a[0]) || [];
+  const xData = ((_a2 = chartData == null ? void 0 : chartData.columns) == null ? void 0 : _a2[0]) || [];
   const { startXIndex, endXIndex } = findRangeIndices(xData, rangeEvent.start, rangeEvent.end);
   const payload = {
     startXIndex,
@@ -1627,8 +1656,8 @@ var handleRangeSelection = (rangeEvent, onSelect, chartData, trellisKey, trellis
   }
 };
 var handleRangeZoom = (rangeEvent, onSelect, chartData, trellisKey, trellisSplitBy) => {
-  var _a;
-  const xData = ((_a = chartData == null ? void 0 : chartData.columns) == null ? void 0 : _a[0]) || [];
+  var _a2;
+  const xData = ((_a2 = chartData == null ? void 0 : chartData.columns) == null ? void 0 : _a2[0]) || [];
   const { startXIndex, endXIndex } = findRangeIndices(xData, rangeEvent.start, rangeEvent.end);
   const payload = {
     startXIndex,
@@ -1688,7 +1717,7 @@ var getYAxisTitles = ({
 };
 var TimeSeriesChartWrapper = (props) => {
   var _b, _c, _d;
-  const _a = props, {
+  const _a2 = props, {
     width,
     height,
     chartData,
@@ -1714,7 +1743,7 @@ var TimeSeriesChartWrapper = (props) => {
     y2AxisLineVisibility,
     showYAxisWithZero: showYAxisWithZeroFromProps,
     showY2AxisWithZero: showY2AxisWithZeroFromProps
-  } = _a, otherOptions = __objRest(_a, [
+  } = _a2, otherOptions = __objRest(_a2, [
     "width",
     "height",
     "chartData",
@@ -1833,11 +1862,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;
@@ -2249,6 +2278,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,
@@ -2264,7 +2363,7 @@ var withDashboardViz = (opts) => {
   const SanitizedReactViz = (0, SanitizeProps_exports.withSanitizedProps)(ReactViz);
   const defaultOptions = (0, JSONSchemaUtils_exports.pickFieldFromJSONSchema)(vizConfig.optionsSchema, "default");
   const DashboardViz = (props) => {
-    var _a;
+    var _a2;
     const {
       mode = "view",
       hasEventHandlers,
@@ -2280,14 +2379,10 @@ 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);
+      var _a3, _b;
+      return (_b = (_a3 = vizConfig.themes)[themeVar]) == null ? void 0 : _b.call(_a3, props);
     };
     const {
       family: currentThemeFamily,
@@ -2307,16 +2402,21 @@ var withDashboardViz = (opts) => {
       featureFlagContext == null ? void 0 : featureFlagContext.visualizations_enableDownsampling
     );
     const isTrellisFeatureFlagOn = Boolean(featureFlagContext == null ? void 0 : featureFlagContext.visualizations_enableTrellis);
-    const isTrellisOn = isTrellisFeatureFlagOn && ((_a = vizConfig == null ? void 0 : vizConfig.supports) == null ? void 0 : _a.includes("trellis" /* TRELLIS */)) && (options == null ? void 0 : options.splitByLayout) === "trellis" /* TRELLIS */;
+    const isTrellisOn = isTrellisFeatureFlagOn && ((_a2 = vizConfig == null ? void 0 : vizConfig.supports) == null ? void 0 : _a2.includes("trellis" /* TRELLIS */)) && (options == null ? void 0 : options.splitByLayout) === "trellis" /* TRELLIS */;
     const isAcceleratedRenderFeatureFlagOn = Boolean(
       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;
+      var _a3;
       const legendDisplay = turnOffLegendDisplayWhenTrellisIsOn(isTrellisOn, options);
-      const computedOptions = (_a2 = computeVizPropsBeforeEval(options)) != null ? _a2 : {};
+      const computedOptions = (_a3 = computeVizPropsBeforeEval(options)) != null ? _a3 : {};
       return {
         context: (0, lodash_exports.defaultsDeep)({}, context, vizConfig.defaultContext),
         options: (0, hocUtils_exports.deepMergeWithArrayPrimitiveOverrides)(
@@ -2351,63 +2451,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,
@@ -2417,7 +2528,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];
@@ -2439,7 +2550,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);
@@ -2449,14 +2560,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") {
@@ -2471,7 +2574,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 = computeVizProps(__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.
@@ -2499,21 +2611,13 @@ 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;
 
-// esm-externals:@splunk/themes
-var themes_exports = {};
-__export(themes_exports, {
-  default: () => themes_default
-});
-var defaultImport32 = __toESM(require("@splunk/themes"));
-__reExport(themes_exports, require("@splunk/themes"));
-var themes_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
-
 // esm-externals:@splunk/react-ui/Button
 var Button_exports = {};
 __export(Button_exports, {
@@ -2561,6 +2665,7 @@ var jexl_default = "default" in defaultImport37 ? defaultImport37.default : defa
 
 // src/ChoroplethSvg/PureChoroplethSvg/SvgMutator.ts
 var ERROR_NON_ATTRIBUTE_MUTATION = "mutations only allowed on attribute nodes";
+var _a;
 var _SvgMutator = class _SvgMutator {
   /**
    * parses the svg and stores the parsed Document in a local field. Keeps a copy of the props.
@@ -2636,8 +2741,8 @@ var _SvgMutator = class _SvgMutator {
     const svgNode = _SvgMutator.getSvgElementFromDoc(node);
     svgNode.setAttribute("width", currentProps.width || "100%");
     svgNode.setAttribute("height", currentProps.height || "100%");
-    const NONCE = window.crypto.getRandomValues(new Uint32Array(4)).join("");
-    const PARENT_ID = window.crypto.getRandomValues(new Uint32Array(4)).join("");
+    const NONCE = globalThis.crypto.getRandomValues(new Uint32Array(4)).join("");
+    const PARENT_ID = globalThis.crypto.getRandomValues(new Uint32Array(4)).join("");
     const html = _SvgMutator.getIframeHtml(NONCE, PARENT_ID, svgNode);
     const blob = new Blob([html], { type: "text/html" });
     const blobURL = URL.createObjectURL(blob);
@@ -2733,12 +2838,12 @@ var _SvgMutator = class _SvgMutator {
     return xpath_exports.evaluate(xpath, doc, resolver, XPathResult.ANY_TYPE, null);
   }
   static getTitle(data, i) {
-    var _a;
+    var _a2, _b;
     let title = "";
-    if ((_a = data.featureIDs) == null ? void 0 : _a[i]) {
+    if ((_a2 = data.featureIDs) == null ? void 0 : _a2[i]) {
       title += `name: ${data.featureIDs[i]}`;
     }
-    if (data.values && data.values[i] !== void 0) {
+    if (((_b = data.values) == null ? void 0 : _b[i]) !== void 0) {
       title += `
 value: ${data.values[i]}`;
     }
@@ -2757,7 +2862,7 @@ value: ${data.values[i]}`;
    * @returns {any}
    */
   static mutateNode(n, dataBinding, data, i) {
-    var _a, _b;
+    var _a2, _b;
     if (n.nodeType && n.nodeType != Node.ATTRIBUTE_NODE) {
       throw new Error(ERROR_NON_ATTRIBUTE_MUTATION);
     }
@@ -2771,10 +2876,10 @@ value: ${data.values[i]}`;
     n.nodeValue = computed;
     n.value = computed;
     const parent = n.ownerElement;
-    if (((_a = data.featureIDs) == null ? void 0 : _a[i]) !== void 0) {
-      parent.setAttribute("data-name", data.featureIDs[i]);
-    } else {
+    if (((_a2 = data.featureIDs) == null ? void 0 : _a2[i]) === void 0) {
       parent.removeAttribute("data-name");
+    } else {
+      parent.setAttribute("data-name", data.featureIDs[i]);
     }
     const interactiveValue = (_b = data.values) == null ? void 0 : _b[i];
     const hasInteractiveValue = interactiveValue !== void 0 && interactiveValue !== null && interactiveValue !== "";
@@ -2852,18 +2957,7 @@ value: ${data.values[i]}`;
     return `default-src 'self'; child-src 'none'; style-src 'self' 'unsafe-inline'; img-src data: ; script-src 'nonce-${nonce}'`;
   }
   static getIframeHtml(nonce, parentId, svgNode) {
-    return `<html><head>
-                         <meta http-equiv="Content-Security-Policy" content="${this.getCsp(`${nonce}`)}"/>
-                         <style>
-                            ${_SvgMutator.getCssResetStyle()}
-                        </style>
-
-                      </head>
-                      <body>
-                        <div id="svgChoroplethSvgDiv" style="position:absolute;height:100%;width:100%;overflow:hidden">
-                            ${_SvgMutator.serializer.serializeToString(svgNode)}
-                        </div>
-                        <script nonce="${nonce}">
+    return String.raw(_a || (_a = __template(['<html><head>\n                         <meta http-equiv="Content-Security-Policy" content="', '"/>\n                         <style>\n                            ', '\n                        </style>\n\n                      </head>\n                      <body>\n                        <div id="svgChoroplethSvgDiv" style="position:absolute;height:100%;width:100%;overflow:hidden">\n                            ', '\n                        </div>\n                        <script nonce="', `">
 
                             let parentOrigin = null;
                             let parentWindow = null;
@@ -2880,14 +2974,346 @@ value: ${data.values[i]}`;
                                 if(!parentWindow){
                                     return; // don't send any messages until we know where to send them
                                 }
-                                m.nonce = '${nonce}'; // set nonce into message.
-                                parentWindow.postMessage(m,parentOrigin, transfer || []);
+                                m.nonce = '`, "'; // set nonce into message.\n                                parentWindow.postMessage(m,parentOrigin, transfer || []);\n                            }\n\n\n                            const parentSetupMessageListener = m =>{\n                                const {parentIdentity} = m.data;\n                                if(parentIdentity !== '", `'){
+                                    return;
+                                }
+                                //set parent origin
+                                parentOrigin = m.origin;
+                                if(parentOrigin === 'null'){ // yes, this is supposed to be a string 'null'
+                                    parentOrigin = '*';
+                                }
+                                if(!m.source){
+                                    return;
+                                }
+                                parentWindow = m.source;
+                                sendMessage({}); //acknowledge
+                                // we can now remove ourself since initial setup complete
+                                window.removeEventListener('message', parentSetupMessageListener);
+                            };
+
+                            function registerListeners(){
+
+                                //listen for a first message to establish the parent origin
+                                window.addEventListener('message', parentSetupMessageListener);
+                                const svgElement = document.getElementsByTagName('svg')[0];
+                                if(!svgElement){
+                                    return;
+                                }
+                                svgElement.addEventListener('click', event => {
+                                    const target = getInteractiveTarget(event.target);
+                                    if(!target){
+                                        return;
+                                    }
+                                    sendPointerMessage({
+                                        eventType: 'click',
+                                        target,
+                                        clientX: event.clientX,
+                                        clientY: event.clientY,
+                                    });
+                                });
+                                svgElement.addEventListener('mouseover', event => {
+                                    const target = getInteractiveTarget(event.target);
+                                    if(!target){
+                                        return;
+                                    }
+                                    sendPointerMessage({
+                                        eventType: 'mouseover',
+                                        target,
+                                        clientX: event.clientX,
+                                        clientY: event.clientY,
+                                    });
+                                });
+                                svgElement.addEventListener('mousemove', event => {
+                                    const target = getInteractiveTarget(event.target);
+                                    if(!target){
+                                        return;
+                                    }
+                                    sendPointerMessage({
+                                        eventType: 'mousemove',
+                                        target,
+                                        clientX: event.clientX,
+                                        clientY: event.clientY,
+                                    });
+                                });
+                                svgElement.addEventListener('mouseout', event => {
+                                    const target = getInteractiveTarget(event.target);
+                                    if(!target){
+                                        return;
+                                    }
+                                    const relatedTarget = getInteractiveTarget(event.relatedTarget);
+                                    if(relatedTarget === target){
+                                        return;
+                                    }
+                                    sendPointerMessage({
+                                        eventType: 'mouseout',
+                                        target,
+                                        clientX: event.clientX,
+                                        clientY: event.clientY,
+                                    });
+                                });
+                            }
+
+                            function getInteractiveTarget(element){
+                                if(!element || !element.closest){
+                                    return null;
+                                }
+                                let target = element.closest(FOCUSABLE_SELECTOR);
+                                while(target && !isFocusableElement(target)){
+                                    target = target.parentElement ? target.parentElement.closest(FOCUSABLE_SELECTOR) : null;
+                                }
+                                return target;
+                            }
+
+                            function isFocusableElement(el){
+                                if(!el || !el.closest){
+                                    return false;
+                                }
+                                const dataInteractive = el.getAttribute('data-interactive');
+                                if(dataInteractive === 'false'){
+                                    return false;
+                                }
+                                if(dataInteractive !== 'true'){
+                                    // Legacy fallback: treat non-empty data-value as interactive
+                                    // unless explicitly marked data-interactive="false".
+                                    const value = el.getAttribute('data-value');
+                                    if(value === null || value === ''){
+                                        return false;
+                                    }
+                                }
+                                const id = el.getAttribute && el.getAttribute('id');
+                                if(id && id.startsWith('Icon/')){
+                                    return false;
+                                }
+                                if(el.closest('defs, clipPath, mask, pattern, symbol, metadata, title, desc, style, script')){
+                                    return false;
+                                }
+                                const style = window.getComputedStyle(el);
+                                if(style.display === 'none' || style.visibility === 'hidden' || style.pointerEvents === 'none'){
+                                    return false;
+                                }
+                                return true;
+                            }
+
+                            function getFocusableElements(){
+                                const svgElement = document.getElementsByTagName('svg')[0];
+                                if(!svgElement){
+                                    return [];
+                                }
+                                const elements = Array.from(svgElement.querySelectorAll(FOCUSABLE_SELECTOR));
+                                return elements.filter(isFocusableElement);
+                            }
+
+                            function sendFocusMessage(target, eventType){
+                                if(!target || !target.getBoundingClientRect){
+                                    return;
+                                }
+                                const rect = target.getBoundingClientRect();
+                                sendPointerMessage({
+                                    eventType,
+                                    target,
+                                    clientX: rect.left + rect.width / 2,
+                                    clientY: rect.top + rect.height / 2,
+                                });
+                            }
+
+                            function sendKeyboardHoverMessage(target, eventType){
+                                if(!target || !target.getBoundingClientRect){
+                                    return;
+                                }
+                                const rect = target.getBoundingClientRect();
+                                const value = target.getAttribute('data-value');
+                                const name = target.getAttribute('data-name');
+                                sendMessage({
+                                    type: 'kbAreaHover',
+                                    interactionSource: 'keyboard',
+                                    eventType,
+                                    clientX: rect.left + rect.width / 2,
+                                    clientY: rect.top + rect.height / 2,
+                                    anchorX: rect.right,
+                                    anchorY: rect.top + rect.height / 2,
+                                    value,
+                                    name,
+                                    tooltipText: getTooltipText(target),
+                                });
                             }
 
+                            function getTooltipText(target){
+                                if(!target){
+                                    return '';
+                                }
+                                const name = target.getAttribute('data-name');
+                                const value = target.getAttribute('data-value');
+                                let text = '';
+                                if(name){
+                                    text += 'name: ' + name;
+                                }
+                                if(value !== null && value !== undefined){
+                                    text += (text ? '
+' : '') + 'value: ' + value;
+                                }
+                                return text;
+                            }
 
-                            const parentSetupMessageListener = m =>{
-                                const {parentIdentity} = m.data;
-                                if(parentIdentity !== '${parentId}'){
+                            function sendPointerMessage({ eventType, target, clientX, clientY }){
+                                const value = target ? target.getAttribute('data-value') : null;
+                                const name = target ? target.getAttribute('data-name') : null;
+                                const rect =
+                                    target && target.getBoundingClientRect
+                                        ? target.getBoundingClientRect()
+                                        : null;
+                                sendMessage({
+                                    interactionSource: 'mouse',
+                                    eventType,
+                                    clientX,
+                                    clientY,
+                                    anchorX: rect ? rect.right : clientX,
+                                    anchorY: rect ? rect.top + rect.height / 2 : clientY,
+                                    value,
+                                    name,
+                                    tooltipText: getTooltipText(target),
+                                });
+                            }
+
+                            function clearFocusedElement(){
+                                if(focusedElement){
+                                    sendKeyboardHoverMessage(focusedElement, 'mouseout');
+                                    focusedElement.removeAttribute('data-kb-focus');
+                                    sendFocusMessage(focusedElement, 'mouseout');
+                                    focusedElement = null;
+                                    focusedIndex = -1;
+                                }
+                                sendMessage({
+                                    type: 'kbTooltipAnnouncement',
+                                    tooltipText: '',
+                                });
+                            }
+
+                            function focusElementAt(index){
+                                const elements = getFocusableElements();
+                                if(!elements.length){
+                                    clearFocusedElement();
+                                    return;
+                                }
+                                if(index < 0){
+                                    index = 0;
+                                }
+                                if(index >= elements.length){
+                                    index = elements.length - 1;
+                                }
+                                if(focusedElement){
+                                    focusedElement.removeAttribute('data-kb-focus');
+                                    sendFocusMessage(focusedElement, 'mouseout');
+                                }
+                                focusedIndex = index;
+                                focusedElement = elements[focusedIndex];
+                                focusedElement.setAttribute('data-kb-focus', 'true');
+                                sendKeyboardHoverMessage(focusedElement, 'mousemove');
+                                sendFocusMessage(focusedElement, 'mouseover');
+                                sendFocusMessage(focusedElement, 'mousemove');
+                                sendMessage({
+                                    type: 'kbTooltipAnnouncement',
+                                    tooltipText: getTooltipText(focusedElement),
+                                });
+                            }
+
+                            function moveFocus(direction){
+                                const elements = getFocusableElements();
+                                if(!elements.length){
+                                    clearFocusedElement();
+                                    return;
+                                }
+                                if(focusedIndex === -1){
+                                    // After iframe remount, keyboard state is reset. Start deterministically from first.
+                                    focusElementAt(0);
+                                    return;
+                                }
+                                const nextIndex =
+                                    direction === 'prev'
+                                        ? (focusedIndex - 1 + elements.length) % elements.length
+                                        : (focusedIndex + 1) % elements.length;
+                                focusElementAt(nextIndex);
+                            }
+
+                            function handleKeyboardNavigation(event){
+                                if(!keyboardNavigationMode){
+                                    return;
+                                }
+                                if(event.key === 'Tab' && event.shiftKey){
+                                    keyboardNavigationMode = false;
+                                    clearFocusedElement();
+                                    sendMessage({ type: 'kbExitBackward' });
+                                    event.preventDefault();
+                                    return;
+                                }
+                                if(event.key === 'ArrowLeft' || event.key === 'ArrowRight'){
+                                    moveFocus(event.key === 'ArrowLeft' ? 'prev' : 'next');
+                                    event.preventDefault();
+                                    return;
+                                }
+                                if(event.key === 'Enter' || event.key === ' ' || event.key === 'Spacebar'){
+                                    if(!focusedElement){
+                                        focusElementAt(0);
+                                    }
+                                    if(focusedElement){
+                                        sendFocusMessage(focusedElement, 'click');
+                                    }
+                                    event.preventDefault();
+                                }
+                            }
+                            registerListeners();
+
+                            window.addEventListener('keydown', () => {
+                                lastInputModality = 'keyboard';
+                            }, true);
+
+                            window.addEventListener('pointerdown', () => {
+                                lastInputModality = 'pointer';
+                            }, true);
+
+                            window.addEventListener('mousedown', () => {
+                                lastInputModality = 'pointer';
+                            }, true);
+
+                            window.addEventListener('focus', () => {
+                                if(lastInputModality !== 'pointer'){
+                                    keyboardNavigationMode = true;
+                                }
+                                if(!keyboardNavigationMode){
+                                    return;
+                                }
+                                if(!focusedElement){
+                                    focusElementAt(0);
+                                }
+                            });
+
+                            window.addEventListener('blur', () => {
+                                keyboardNavigationMode = false;
+                                lastInputModality = 'unknown';
+                                clearFocusedElement();
+                            });
+
+                            window.addEventListener('keydown', event => {
+                                handleKeyboardNavigation(event);
+                            });
+                        <\/script>
+                      </body></html>`], ['<html><head>\n                         <meta http-equiv="Content-Security-Policy" content="', '"/>\n                         <style>\n                            ', '\n                        </style>\n\n                      </head>\n                      <body>\n                        <div id="svgChoroplethSvgDiv" style="position:absolute;height:100%;width:100%;overflow:hidden">\n                            ', '\n                        </div>\n                        <script nonce="', `">
+
+                            let parentOrigin = null;
+                            let parentWindow = null;
+                            let keyboardNavigationMode = false;
+                            let lastInputModality = 'unknown';
+                            let focusedElement = null;
+                            let focusedIndex = -1;
+                            // Fallback to [data-value] for legacy/dashboard flows where SVG nodes are
+                            // data-annotated but do not yet have explicit data-interactive attributes.
+                            const FOCUSABLE_SELECTOR = '[data-interactive="true"], [data-value]';
+
+                            function sendMessage(m, transfer){
+
+                                if(!parentWindow){
+                                    return; // don't send any messages until we know where to send them
+                                }
+                                m.nonce = '`, "'; // set nonce into message.\n                                parentWindow.postMessage(m,parentOrigin, transfer || []);\n                            }\n\n\n                            const parentSetupMessageListener = m =>{\n                                const {parentIdentity} = m.data;\n                                if(parentIdentity !== '", `'){
                                     return;
                                 }
                                 //set parent origin
@@ -3208,7 +3634,7 @@ value: ${data.values[i]}`;
                                 handleKeyboardNavigation(event);
                             });
                         <\/script>
-                      </body></html>`;
+                      </body></html>`])), this.getCsp(`${nonce}`), _SvgMutator.getCssResetStyle(), _SvgMutator.serializer.serializeToString(svgNode), nonce, nonce, parentId);
   }
   static isInvalidIframeMessage(nonce, expectedNonce, origin, jsdom) {
     return nonce !== expectedNonce || !jsdom && origin !== "null";
@@ -3395,9 +3821,9 @@ var SvgChoroplethDynamic = class extends react_exports.Component {
       }
     });
     __publicField(this, "handleAreaKeydown", (ev) => {
-      var _a, _b;
+      var _a2, _b;
       const customEvent = ev;
-      const key = (_b = (_a = customEvent.detail) == null ? void 0 : _a.key) != null ? _b : customEvent.key;
+      const key = (_b = (_a2 = customEvent.detail) == null ? void 0 : _a2.key) != null ? _b : customEvent.key;
       const isActivationKey = key === "Enter" || key === " " || key === "Spacebar";
       if (typeof this.props.onAreaKeydown === "function") {
         this.props.onAreaKeydown(__spreadProps(__spreadValues({}, customEvent), { payload: customEvent.detail }));
@@ -3558,8 +3984,8 @@ var KeyboardNavButton = styled_components_default(Button_default)`
 var ChoroplethTooltipContent = styled_components_default.span`
     white-space: pre-line;
 `;
-var computeSvgDynamicProps = (_a) => {
-  var props = __objRest(_a, []);
+var computeSvgDynamicProps = (_a2) => {
+  var props = __objRest(_a2, []);
   const data = {
     featureIDs: props.areaIds || [],
     values: props.areaValues || [],
@@ -3577,8 +4003,8 @@ var computeSvgDynamicProps = (_a) => {
   });
 };
 var keyboardNavBtnText = (0, i18n_exports._)("Navigate map with left or right arrow");
-var PureChoroplethSvg = (_a) => {
-  var props = __objRest(_a, []);
+var PureChoroplethSvg = (_a2) => {
+  var props = __objRest(_a2, []);
   const { width = "100%", height = 250, backgroundColor } = props;
   const [keyboardNavigationEnabled, setKeyboardNavigationEnabled] = react_exports.useState(false);
   const [liveRegionMessage, setLiveRegionMessage] = react_exports.useState("");
@@ -3599,16 +4025,16 @@ var PureChoroplethSvg = (_a) => {
     y: 0
   });
   const focusIframe = react_exports.useCallback(() => {
-    var _a2;
-    const iframe = (_a2 = wrapperRef.current) == null ? void 0 : _a2.querySelector("#svgChoroplethIframe");
+    var _a3;
+    const iframe = (_a3 = wrapperRef.current) == null ? void 0 : _a3.querySelector("#svgChoroplethIframe");
     if (!iframe) {
       return;
     }
     iframe.focus();
   }, []);
   const blurIframe = react_exports.useCallback(() => {
-    var _a2;
-    const iframe = (_a2 = wrapperRef.current) == null ? void 0 : _a2.querySelector("#svgChoroplethIframe");
+    var _a3;
+    const iframe = (_a3 = wrapperRef.current) == null ? void 0 : _a3.querySelector("#svgChoroplethIframe");
     if (!iframe) {
       return;
     }
@@ -3619,15 +4045,15 @@ var PureChoroplethSvg = (_a) => {
     setWrapperElement(node);
   }, []);
   react_exports.useEffect(() => {
-    var _a2, _b;
+    var _a3, _b;
     if (keyboardNavigationEnabled) {
-      (_a2 = wrapperRef.current) == null ? void 0 : _a2.blur();
+      (_a3 = wrapperRef.current) == null ? void 0 : _a3.blur();
       focusIframe();
     } else {
       (_b = wrapperRef.current) == null ? void 0 : _b.blur();
       blurIframe();
       if (hoverTooltipTimerRef.current) {
-        window.clearTimeout(hoverTooltipTimerRef.current);
+        globalThis.clearTimeout(hoverTooltipTimerRef.current);
         hoverTooltipTimerRef.current = null;
       }
       setAreaTooltip((prev) => __spreadProps(__spreadValues({}, prev), { open: false, text: "" }));
@@ -3659,13 +4085,13 @@ var PureChoroplethSvg = (_a) => {
     const handleWindowResize = () => {
       setKeyboardNavigationEnabled(false);
     };
-    window.addEventListener("mousedown", handleMouseDownOutside, true);
-    window.addEventListener("mousemove", handleMouseDragOutside, true);
-    window.addEventListener("resize", handleWindowResize);
+    globalThis.addEventListener("mousedown", handleMouseDownOutside, true);
+    globalThis.addEventListener("mousemove", handleMouseDragOutside, true);
+    globalThis.addEventListener("resize", handleWindowResize);
     return () => {
-      window.removeEventListener("mousedown", handleMouseDownOutside, true);
-      window.removeEventListener("mousemove", handleMouseDragOutside, true);
-      window.removeEventListener("resize", handleWindowResize);
+      globalThis.removeEventListener("mousedown", handleMouseDownOutside, true);
+      globalThis.removeEventListener("mousemove", handleMouseDragOutside, true);
+      globalThis.removeEventListener("resize", handleWindowResize);
     };
   }, [keyboardNavigationEnabled]);
   react_exports.useEffect(() => {
@@ -3674,14 +4100,14 @@ var PureChoroplethSvg = (_a) => {
       };
     }
     const handleTooltipAnnouncement = (event) => {
-      var _a2;
+      var _a3;
       const customEvent = event;
-      setLiveRegionMessage(((_a2 = customEvent.detail) == null ? void 0 : _a2.text) || "");
+      setLiveRegionMessage(((_a3 = customEvent.detail) == null ? void 0 : _a3.text) || "");
     };
     const handleKeyboardExitBackward = () => {
-      var _a2;
+      var _a3;
       setKeyboardNavigationEnabled(false);
-      (_a2 = keyboardNavButtonRef.current) == null ? void 0 : _a2.focus();
+      (_a3 = keyboardNavButtonRef.current) == null ? void 0 : _a3.focus();
     };
     wrapperElement.addEventListener("kbTooltipAnnouncement", handleTooltipAnnouncement);
     wrapperElement.addEventListener("kbExitBackward", handleKeyboardExitBackward);
@@ -3693,7 +4119,7 @@ var PureChoroplethSvg = (_a) => {
   react_exports.useEffect(() => {
     return () => {
       if (hoverTooltipTimerRef.current) {
-        window.clearTimeout(hoverTooltipTimerRef.current);
+        globalThis.clearTimeout(hoverTooltipTimerRef.current);
         hoverTooltipTimerRef.current = null;
       }
     };
@@ -3725,7 +4151,7 @@ var PureChoroplethSvg = (_a) => {
     };
     if (eventType === "mouseout") {
       if (hoverTooltipTimerRef.current) {
-        window.clearTimeout(hoverTooltipTimerRef.current);
+        globalThis.clearTimeout(hoverTooltipTimerRef.current);
         hoverTooltipTimerRef.current = null;
       }
       setAreaTooltip((prev) => __spreadProps(__spreadValues({}, prev), { open: false, text: "" }));
@@ -3733,15 +4159,15 @@ var PureChoroplethSvg = (_a) => {
     }
     if (interactionSource === "mouse" && (eventType === "mouseover" || eventType === "mousemove")) {
       if (hoverTooltipTimerRef.current) {
-        window.clearTimeout(hoverTooltipTimerRef.current);
+        globalThis.clearTimeout(hoverTooltipTimerRef.current);
       }
-      hoverTooltipTimerRef.current = window.setTimeout(() => {
+      hoverTooltipTimerRef.current = globalThis.window.setTimeout(() => {
         applyTooltipPosition();
       }, 120);
       return;
     }
     if (hoverTooltipTimerRef.current) {
-      window.clearTimeout(hoverTooltipTimerRef.current);
+      globalThis.clearTimeout(hoverTooltipTimerRef.current);
       hoverTooltipTimerRef.current = null;
     }
     applyTooltipPosition();
@@ -3764,21 +4190,21 @@ var PureChoroplethSvg = (_a) => {
         style: keyboardNavigationEnabled ? { outline: "none" } : void 0,
         "aria-label": "Choropleth SVG container",
         onBlurCapture: (event) => {
-          var _a2;
-          const nextTarget = (_a2 = event.relatedTarget) != null ? _a2 : document.activeElement;
+          var _a3;
+          const nextTarget = (_a3 = event.relatedTarget) != null ? _a3 : document.activeElement;
           if (!nextTarget || !event.currentTarget.contains(nextTarget)) {
             setKeyboardNavigationEnabled(false);
           }
         }
       },
-      props.mode !== "edit" ? /* @__PURE__ */ react_exports.createElement(
+      props.mode === "edit" ? null : /* @__PURE__ */ react_exports.createElement(
         KeyboardNavButton,
         {
           onClick: () => setKeyboardNavigationEnabled(true),
           elementRef: keyboardNavButtonRef
         },
         keyboardNavBtnText
-      ) : null,
+      ),
       /* @__PURE__ */ react_exports.createElement(LiveRegion, { "aria-live": "polite", "aria-atomic": "true" }, liveRegionMessage),
       /* @__PURE__ */ react_exports.createElement(SvgChoroplethDynamic_default, __spreadProps(__spreadValues({}, svgProps), { onAreaHover: handleAreaHover })),
       /* @__PURE__ */ react_exports.createElement(
@@ -3789,10 +4215,12 @@ var PureChoroplethSvg = (_a) => {
           inline: false,
           defaultPlacement: "right",
           renderAnchor: (anchorProps) => {
-            const _a2 = anchorProps, { elementRef } = _a2, restAnchorProps = __objRest(_a2, ["elementRef"]);
+            const _a3 = anchorProps, { describedBy, labelledBy, elementRef } = _a3, restAnchorProps = __objRest(_a3, ["describedBy", "labelledBy", "elementRef"]);
             return /* @__PURE__ */ react_exports.createElement(
               "span",
               __spreadProps(__spreadValues({}, restAnchorProps), {
+                "aria-describedby": describedBy,
+                "aria-labelledby": labelledBy,
                 ref: (node) => {
                   if (typeof elementRef === "function") {
                     elementRef(node);
@@ -4081,8 +4509,8 @@ var Message = styled_components_default.div`
     width: 100%;
     word-break: break-all;
 `;
-var ErrorMessage = (_a) => {
-  var props = __objRest(_a, []);
+var ErrorMessage = (_a2) => {
+  var props = __objRest(_a2, []);
   const { error } = props;
   return /* @__PURE__ */ react_exports.createElement(Container2, null, /* @__PURE__ */ react_exports.createElement(visualization_icons_exports.Image, { "data-testid": "image-icon" }), /* @__PURE__ */ react_exports.createElement(Message, null, error));
 };
@@ -4107,8 +4535,8 @@ var createProtocolHandlers = (featureFlagContext = {}, imageContext = null) => {
   }
   return handlers;
 };
-var ChoroplethSvg = (_a) => {
-  var props = __objRest(_a, []);
+var ChoroplethSvg = (_a2) => {
+  var props = __objRest(_a2, []);
   const { svg } = props;
   const url = react_exports.useMemo(() => {
     if (!svg) {
@@ -4121,7 +4549,7 @@ var ChoroplethSvg = (_a) => {
     if (/.*<svg.*/i.test(trimmed)) {
       return trimmed;
     }
-    return `${window.location.origin}/${trimmed}`;
+    return `${globalThis.location.origin}/${trimmed}`;
   }, [svg]);
   return /* @__PURE__ */ react_exports.createElement(ImageContext_default.Consumer, null, (imageContext) => /* @__PURE__ */ react_exports.createElement(FeatureFlagContext_default.Consumer, null, (featureFlagContext) => /* @__PURE__ */ react_exports.createElement(
     FileDownloader_exports.FileDownloader,
@@ -4148,10 +4576,11 @@ function useIconPlaceholder(dataSources, loading, options) {
   const missingData = shouldShowIconPlaceholder(dataSources, loading);
   return missingData && !svg;
 }
-var platformViz = withDashboardViz_default({
+var platformVizOpts = {
   ReactViz: ChoroplethSvg,
   vizConfig: config_default,
   useIconPlaceholder
-});
+};
+var platformViz = withDashboardViz_default(platformVizOpts);
 var ChoroplethSvg_default = platformViz;
 //# sourceMappingURL=ChoroplethSvg.js.map