@splunk/visualizations 28.5.3 → 28.7.0

package/NetworkGraph.js

@@ -63,6 +63,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -95,13 +96,13 @@ var ArrowsDoubleLeftRight_exports = {};
 __export(ArrowsDoubleLeftRight_exports, {
   default: () => ArrowsDoubleLeftRight_default
 });
-var defaultImport38, ArrowsDoubleLeftRight_default;
+var defaultImport40, ArrowsDoubleLeftRight_default;
 var init_ArrowsDoubleLeftRight = __esm({
   "esm-externals:@splunk/react-icons/ArrowsDoubleLeftRight.js"() {
     init_define_global();
-    defaultImport38 = __toESM(require("@splunk/react-icons/ArrowsDoubleLeftRight.js"));
+    defaultImport40 = __toESM(require("@splunk/react-icons/ArrowsDoubleLeftRight.js"));
     __reExport(ArrowsDoubleLeftRight_exports, require("@splunk/react-icons/ArrowsDoubleLeftRight.js"));
-    ArrowsDoubleLeftRight_default = "default" in defaultImport38 ? defaultImport38.default : defaultImport38;
+    ArrowsDoubleLeftRight_default = "default" in defaultImport40 ? defaultImport40.default : defaultImport40;
   }
 });
 
@@ -110,13 +111,13 @@ var ArrowsFourRightLeftUpDown_exports = {};
 __export(ArrowsFourRightLeftUpDown_exports, {
   default: () => ArrowsFourRightLeftUpDown_default
 });
-var defaultImport39, ArrowsFourRightLeftUpDown_default;
+var defaultImport41, ArrowsFourRightLeftUpDown_default;
 var init_ArrowsFourRightLeftUpDown = __esm({
   "esm-externals:@splunk/react-icons/ArrowsFourRightLeftUpDown.js"() {
     init_define_global();
-    defaultImport39 = __toESM(require("@splunk/react-icons/ArrowsFourRightLeftUpDown.js"));
+    defaultImport41 = __toESM(require("@splunk/react-icons/ArrowsFourRightLeftUpDown.js"));
     __reExport(ArrowsFourRightLeftUpDown_exports, require("@splunk/react-icons/ArrowsFourRightLeftUpDown.js"));
-    ArrowsFourRightLeftUpDown_default = "default" in defaultImport39 ? defaultImport39.default : defaultImport39;
+    ArrowsFourRightLeftUpDown_default = "default" in defaultImport41 ? defaultImport41.default : defaultImport41;
   }
 });
 
@@ -125,13 +126,13 @@ var ArrowsFourTowardUp_exports = {};
 __export(ArrowsFourTowardUp_exports, {
   default: () => ArrowsFourTowardUp_default
 });
-var defaultImport40, ArrowsFourTowardUp_default;
+var defaultImport42, ArrowsFourTowardUp_default;
 var init_ArrowsFourTowardUp = __esm({
   "esm-externals:@splunk/react-icons/ArrowsFourTowardUp.js"() {
     init_define_global();
-    defaultImport40 = __toESM(require("@splunk/react-icons/ArrowsFourTowardUp.js"));
+    defaultImport42 = __toESM(require("@splunk/react-icons/ArrowsFourTowardUp.js"));
     __reExport(ArrowsFourTowardUp_exports, require("@splunk/react-icons/ArrowsFourTowardUp.js"));
-    ArrowsFourTowardUp_default = "default" in defaultImport40 ? defaultImport40.default : defaultImport40;
+    ArrowsFourTowardUp_default = "default" in defaultImport42 ? defaultImport42.default : defaultImport42;
   }
 });
 
@@ -140,13 +141,13 @@ var Bell_exports = {};
 __export(Bell_exports, {
   default: () => Bell_default
 });
-var defaultImport41, Bell_default;
+var defaultImport43, Bell_default;
 var init_Bell = __esm({
   "esm-externals:@splunk/react-icons/Bell.js"() {
     init_define_global();
-    defaultImport41 = __toESM(require("@splunk/react-icons/Bell.js"));
+    defaultImport43 = __toESM(require("@splunk/react-icons/Bell.js"));
     __reExport(Bell_exports, require("@splunk/react-icons/Bell.js"));
-    Bell_default = "default" in defaultImport41 ? defaultImport41.default : defaultImport41;
+    Bell_default = "default" in defaultImport43 ? defaultImport43.default : defaultImport43;
   }
 });
 
@@ -155,13 +156,13 @@ var Bookshelf_exports = {};
 __export(Bookshelf_exports, {
   default: () => Bookshelf_default
 });
-var defaultImport42, Bookshelf_default;
+var defaultImport44, Bookshelf_default;
 var init_Bookshelf = __esm({
   "esm-externals:@splunk/react-icons/Bookshelf.js"() {
     init_define_global();
-    defaultImport42 = __toESM(require("@splunk/react-icons/Bookshelf.js"));
+    defaultImport44 = __toESM(require("@splunk/react-icons/Bookshelf.js"));
     __reExport(Bookshelf_exports, require("@splunk/react-icons/Bookshelf.js"));
-    Bookshelf_default = "default" in defaultImport42 ? defaultImport42.default : defaultImport42;
+    Bookshelf_default = "default" in defaultImport44 ? defaultImport44.default : defaultImport44;
   }
 });
 
@@ -170,13 +171,13 @@ var Buildings_exports = {};
 __export(Buildings_exports, {
   default: () => Buildings_default
 });
-var defaultImport43, Buildings_default;
+var defaultImport45, Buildings_default;
 var init_Buildings = __esm({
   "esm-externals:@splunk/react-icons/Buildings.js"() {
     init_define_global();
-    defaultImport43 = __toESM(require("@splunk/react-icons/Buildings.js"));
+    defaultImport45 = __toESM(require("@splunk/react-icons/Buildings.js"));
     __reExport(Buildings_exports, require("@splunk/react-icons/Buildings.js"));
-    Buildings_default = "default" in defaultImport43 ? defaultImport43.default : defaultImport43;
+    Buildings_default = "default" in defaultImport45 ? defaultImport45.default : defaultImport45;
   }
 });
 
@@ -185,13 +186,13 @@ var CellularGateway_exports = {};
 __export(CellularGateway_exports, {
   default: () => CellularGateway_default
 });
-var defaultImport44, CellularGateway_default;
+var defaultImport46, CellularGateway_default;
 var init_CellularGateway = __esm({
   "esm-externals:@splunk/react-icons/CellularGateway.js"() {
     init_define_global();
-    defaultImport44 = __toESM(require("@splunk/react-icons/CellularGateway.js"));
+    defaultImport46 = __toESM(require("@splunk/react-icons/CellularGateway.js"));
     __reExport(CellularGateway_exports, require("@splunk/react-icons/CellularGateway.js"));
-    CellularGateway_default = "default" in defaultImport44 ? defaultImport44.default : defaultImport44;
+    CellularGateway_default = "default" in defaultImport46 ? defaultImport46.default : defaultImport46;
   }
 });
 
@@ -200,13 +201,13 @@ var ChartColumnMagnifier_exports = {};
 __export(ChartColumnMagnifier_exports, {
   default: () => ChartColumnMagnifier_default
 });
-var defaultImport45, ChartColumnMagnifier_default;
+var defaultImport47, ChartColumnMagnifier_default;
 var init_ChartColumnMagnifier = __esm({
   "esm-externals:@splunk/react-icons/ChartColumnMagnifier.js"() {
     init_define_global();
-    defaultImport45 = __toESM(require("@splunk/react-icons/ChartColumnMagnifier.js"));
+    defaultImport47 = __toESM(require("@splunk/react-icons/ChartColumnMagnifier.js"));
     __reExport(ChartColumnMagnifier_exports, require("@splunk/react-icons/ChartColumnMagnifier.js"));
-    ChartColumnMagnifier_default = "default" in defaultImport45 ? defaultImport45.default : defaultImport45;
+    ChartColumnMagnifier_default = "default" in defaultImport47 ? defaultImport47.default : defaultImport47;
   }
 });
 
@@ -215,13 +216,13 @@ var ChartColumnSquare_exports = {};
 __export(ChartColumnSquare_exports, {
   default: () => ChartColumnSquare_default
 });
-var defaultImport46, ChartColumnSquare_default;
+var defaultImport48, ChartColumnSquare_default;
 var init_ChartColumnSquare = __esm({
   "esm-externals:@splunk/react-icons/ChartColumnSquare.js"() {
     init_define_global();
-    defaultImport46 = __toESM(require("@splunk/react-icons/ChartColumnSquare.js"));
+    defaultImport48 = __toESM(require("@splunk/react-icons/ChartColumnSquare.js"));
     __reExport(ChartColumnSquare_exports, require("@splunk/react-icons/ChartColumnSquare.js"));
-    ChartColumnSquare_default = "default" in defaultImport46 ? defaultImport46.default : defaultImport46;
+    ChartColumnSquare_default = "default" in defaultImport48 ? defaultImport48.default : defaultImport48;
   }
 });
 
@@ -230,13 +231,13 @@ var CheckCircle_exports = {};
 __export(CheckCircle_exports, {
   default: () => CheckCircle_default
 });
-var defaultImport47, CheckCircle_default;
+var defaultImport49, CheckCircle_default;
 var init_CheckCircle = __esm({
   "esm-externals:@splunk/react-icons/CheckCircle.js"() {
     init_define_global();
-    defaultImport47 = __toESM(require("@splunk/react-icons/CheckCircle.js"));
+    defaultImport49 = __toESM(require("@splunk/react-icons/CheckCircle.js"));
     __reExport(CheckCircle_exports, require("@splunk/react-icons/CheckCircle.js"));
-    CheckCircle_default = "default" in defaultImport47 ? defaultImport47.default : defaultImport47;
+    CheckCircle_default = "default" in defaultImport49 ? defaultImport49.default : defaultImport49;
   }
 });
 
@@ -245,13 +246,13 @@ var ChevronsSlash_exports = {};
 __export(ChevronsSlash_exports, {
   default: () => ChevronsSlash_default
 });
-var defaultImport48, ChevronsSlash_default;
+var defaultImport50, ChevronsSlash_default;
 var init_ChevronsSlash = __esm({
   "esm-externals:@splunk/react-icons/ChevronsSlash.js"() {
     init_define_global();
-    defaultImport48 = __toESM(require("@splunk/react-icons/ChevronsSlash.js"));
+    defaultImport50 = __toESM(require("@splunk/react-icons/ChevronsSlash.js"));
     __reExport(ChevronsSlash_exports, require("@splunk/react-icons/ChevronsSlash.js"));
-    ChevronsSlash_default = "default" in defaultImport48 ? defaultImport48.default : defaultImport48;
+    ChevronsSlash_default = "default" in defaultImport50 ? defaultImport50.default : defaultImport50;
   }
 });
 
@@ -260,13 +261,13 @@ var Cloud_exports = {};
 __export(Cloud_exports, {
   default: () => Cloud_default
 });
-var defaultImport49, Cloud_default;
+var defaultImport51, Cloud_default;
 var init_Cloud = __esm({
   "esm-externals:@splunk/react-icons/Cloud.js"() {
     init_define_global();
-    defaultImport49 = __toESM(require("@splunk/react-icons/Cloud.js"));
+    defaultImport51 = __toESM(require("@splunk/react-icons/Cloud.js"));
     __reExport(Cloud_exports, require("@splunk/react-icons/Cloud.js"));
-    Cloud_default = "default" in defaultImport49 ? defaultImport49.default : defaultImport49;
+    Cloud_default = "default" in defaultImport51 ? defaultImport51.default : defaultImport51;
   }
 });
 
@@ -275,13 +276,13 @@ var CogChevronsSlash_exports = {};
 __export(CogChevronsSlash_exports, {
   default: () => CogChevronsSlash_default
 });
-var defaultImport50, CogChevronsSlash_default;
+var defaultImport52, CogChevronsSlash_default;
 var init_CogChevronsSlash = __esm({
   "esm-externals:@splunk/react-icons/CogChevronsSlash.js"() {
     init_define_global();
-    defaultImport50 = __toESM(require("@splunk/react-icons/CogChevronsSlash.js"));
+    defaultImport52 = __toESM(require("@splunk/react-icons/CogChevronsSlash.js"));
     __reExport(CogChevronsSlash_exports, require("@splunk/react-icons/CogChevronsSlash.js"));
-    CogChevronsSlash_default = "default" in defaultImport50 ? defaultImport50.default : defaultImport50;
+    CogChevronsSlash_default = "default" in defaultImport52 ? defaultImport52.default : defaultImport52;
   }
 });
 
@@ -290,13 +291,13 @@ var Containership_exports = {};
 __export(Containership_exports, {
   default: () => Containership_default
 });
-var defaultImport51, Containership_default;
+var defaultImport53, Containership_default;
 var init_Containership = __esm({
   "esm-externals:@splunk/react-icons/Containership.js"() {
     init_define_global();
-    defaultImport51 = __toESM(require("@splunk/react-icons/Containership.js"));
+    defaultImport53 = __toESM(require("@splunk/react-icons/Containership.js"));
     __reExport(Containership_exports, require("@splunk/react-icons/Containership.js"));
-    Containership_default = "default" in defaultImport51 ? defaultImport51.default : defaultImport51;
+    Containership_default = "default" in defaultImport53 ? defaultImport53.default : defaultImport53;
   }
 });
 
@@ -305,13 +306,13 @@ var Cube_exports = {};
 __export(Cube_exports, {
   default: () => Cube_default
 });
-var defaultImport52, Cube_default;
+var defaultImport54, Cube_default;
 var init_Cube = __esm({
   "esm-externals:@splunk/react-icons/Cube.js"() {
     init_define_global();
-    defaultImport52 = __toESM(require("@splunk/react-icons/Cube.js"));
+    defaultImport54 = __toESM(require("@splunk/react-icons/Cube.js"));
     __reExport(Cube_exports, require("@splunk/react-icons/Cube.js"));
-    Cube_default = "default" in defaultImport52 ? defaultImport52.default : defaultImport52;
+    Cube_default = "default" in defaultImport54 ? defaultImport54.default : defaultImport54;
   }
 });
 
@@ -320,13 +321,13 @@ var Cylinder_exports = {};
 __export(Cylinder_exports, {
   default: () => Cylinder_default
 });
-var defaultImport53, Cylinder_default;
+var defaultImport55, Cylinder_default;
 var init_Cylinder = __esm({
   "esm-externals:@splunk/react-icons/Cylinder.js"() {
     init_define_global();
-    defaultImport53 = __toESM(require("@splunk/react-icons/Cylinder.js"));
+    defaultImport55 = __toESM(require("@splunk/react-icons/Cylinder.js"));
     __reExport(Cylinder_exports, require("@splunk/react-icons/Cylinder.js"));
-    Cylinder_default = "default" in defaultImport53 ? defaultImport53.default : defaultImport53;
+    Cylinder_default = "default" in defaultImport55 ? defaultImport55.default : defaultImport55;
   }
 });
 
@@ -335,13 +336,13 @@ var CylinderIndexTable_exports = {};
 __export(CylinderIndexTable_exports, {
   default: () => CylinderIndexTable_default
 });
-var defaultImport54, CylinderIndexTable_default;
+var defaultImport56, CylinderIndexTable_default;
 var init_CylinderIndexTable = __esm({
   "esm-externals:@splunk/react-icons/CylinderIndexTable.js"() {
     init_define_global();
-    defaultImport54 = __toESM(require("@splunk/react-icons/CylinderIndexTable.js"));
+    defaultImport56 = __toESM(require("@splunk/react-icons/CylinderIndexTable.js"));
     __reExport(CylinderIndexTable_exports, require("@splunk/react-icons/CylinderIndexTable.js"));
-    CylinderIndexTable_default = "default" in defaultImport54 ? defaultImport54.default : defaultImport54;
+    CylinderIndexTable_default = "default" in defaultImport56 ? defaultImport56.default : defaultImport56;
   }
 });
 
@@ -350,13 +351,13 @@ var CylinderMetrics_exports = {};
 __export(CylinderMetrics_exports, {
   default: () => CylinderMetrics_default
 });
-var defaultImport55, CylinderMetrics_default;
+var defaultImport57, CylinderMetrics_default;
 var init_CylinderMetrics = __esm({
   "esm-externals:@splunk/react-icons/CylinderMetrics.js"() {
     init_define_global();
-    defaultImport55 = __toESM(require("@splunk/react-icons/CylinderMetrics.js"));
+    defaultImport57 = __toESM(require("@splunk/react-icons/CylinderMetrics.js"));
     __reExport(CylinderMetrics_exports, require("@splunk/react-icons/CylinderMetrics.js"));
-    CylinderMetrics_default = "default" in defaultImport55 ? defaultImport55.default : defaultImport55;
+    CylinderMetrics_default = "default" in defaultImport57 ? defaultImport57.default : defaultImport57;
   }
 });
 
@@ -365,13 +366,13 @@ var CylinderMulti_exports = {};
 __export(CylinderMulti_exports, {
   default: () => CylinderMulti_default
 });
-var defaultImport56, CylinderMulti_default;
+var defaultImport58, CylinderMulti_default;
 var init_CylinderMulti = __esm({
   "esm-externals:@splunk/react-icons/CylinderMulti.js"() {
     init_define_global();
-    defaultImport56 = __toESM(require("@splunk/react-icons/CylinderMulti.js"));
+    defaultImport58 = __toESM(require("@splunk/react-icons/CylinderMulti.js"));
     __reExport(CylinderMulti_exports, require("@splunk/react-icons/CylinderMulti.js"));
-    CylinderMulti_default = "default" in defaultImport56 ? defaultImport56.default : defaultImport56;
+    CylinderMulti_default = "default" in defaultImport58 ? defaultImport58.default : defaultImport58;
   }
 });
 
@@ -380,13 +381,13 @@ var CylinderTrace_exports = {};
 __export(CylinderTrace_exports, {
   default: () => CylinderTrace_default
 });
-var defaultImport57, CylinderTrace_default;
+var defaultImport59, CylinderTrace_default;
 var init_CylinderTrace = __esm({
   "esm-externals:@splunk/react-icons/CylinderTrace.js"() {
     init_define_global();
-    defaultImport57 = __toESM(require("@splunk/react-icons/CylinderTrace.js"));
+    defaultImport59 = __toESM(require("@splunk/react-icons/CylinderTrace.js"));
     __reExport(CylinderTrace_exports, require("@splunk/react-icons/CylinderTrace.js"));
-    CylinderTrace_default = "default" in defaultImport57 ? defaultImport57.default : defaultImport57;
+    CylinderTrace_default = "default" in defaultImport59 ? defaultImport59.default : defaultImport59;
   }
 });
 
@@ -395,13 +396,13 @@ var CylinderWaves_exports = {};
 __export(CylinderWaves_exports, {
   default: () => CylinderWaves_default
 });
-var defaultImport58, CylinderWaves_default;
+var defaultImport60, CylinderWaves_default;
 var init_CylinderWaves = __esm({
   "esm-externals:@splunk/react-icons/CylinderWaves.js"() {
     init_define_global();
-    defaultImport58 = __toESM(require("@splunk/react-icons/CylinderWaves.js"));
+    defaultImport60 = __toESM(require("@splunk/react-icons/CylinderWaves.js"));
     __reExport(CylinderWaves_exports, require("@splunk/react-icons/CylinderWaves.js"));
-    CylinderWaves_default = "default" in defaultImport58 ? defaultImport58.default : defaultImport58;
+    CylinderWaves_default = "default" in defaultImport60 ? defaultImport60.default : defaultImport60;
   }
 });
 
@@ -410,13 +411,13 @@ var DeviceEdgeHub_exports = {};
 __export(DeviceEdgeHub_exports, {
   default: () => DeviceEdgeHub_default
 });
-var defaultImport59, DeviceEdgeHub_default;
+var defaultImport61, DeviceEdgeHub_default;
 var init_DeviceEdgeHub = __esm({
   "esm-externals:@splunk/react-icons/DeviceEdgeHub.js"() {
     init_define_global();
-    defaultImport59 = __toESM(require("@splunk/react-icons/DeviceEdgeHub.js"));
+    defaultImport61 = __toESM(require("@splunk/react-icons/DeviceEdgeHub.js"));
     __reExport(DeviceEdgeHub_exports, require("@splunk/react-icons/DeviceEdgeHub.js"));
-    DeviceEdgeHub_default = "default" in defaultImport59 ? defaultImport59.default : defaultImport59;
+    DeviceEdgeHub_default = "default" in defaultImport61 ? defaultImport61.default : defaultImport61;
   }
 });
 
@@ -425,13 +426,13 @@ var DeviceSignalWaves_exports = {};
 __export(DeviceSignalWaves_exports, {
   default: () => DeviceSignalWaves_default
 });
-var defaultImport60, DeviceSignalWaves_default;
+var defaultImport62, DeviceSignalWaves_default;
 var init_DeviceSignalWaves = __esm({
   "esm-externals:@splunk/react-icons/DeviceSignalWaves.js"() {
     init_define_global();
-    defaultImport60 = __toESM(require("@splunk/react-icons/DeviceSignalWaves.js"));
+    defaultImport62 = __toESM(require("@splunk/react-icons/DeviceSignalWaves.js"));
     __reExport(DeviceSignalWaves_exports, require("@splunk/react-icons/DeviceSignalWaves.js"));
-    DeviceSignalWaves_default = "default" in defaultImport60 ? defaultImport60.default : defaultImport60;
+    DeviceSignalWaves_default = "default" in defaultImport62 ? defaultImport62.default : defaultImport62;
   }
 });
 
@@ -440,13 +441,13 @@ var DotsThreeBalloon_exports = {};
 __export(DotsThreeBalloon_exports, {
   default: () => DotsThreeBalloon_default
 });
-var defaultImport61, DotsThreeBalloon_default;
+var defaultImport63, DotsThreeBalloon_default;
 var init_DotsThreeBalloon = __esm({
   "esm-externals:@splunk/react-icons/DotsThreeBalloon.js"() {
     init_define_global();
-    defaultImport61 = __toESM(require("@splunk/react-icons/DotsThreeBalloon.js"));
+    defaultImport63 = __toESM(require("@splunk/react-icons/DotsThreeBalloon.js"));
     __reExport(DotsThreeBalloon_exports, require("@splunk/react-icons/DotsThreeBalloon.js"));
-    DotsThreeBalloon_default = "default" in defaultImport61 ? defaultImport61.default : defaultImport61;
+    DotsThreeBalloon_default = "default" in defaultImport63 ? defaultImport63.default : defaultImport63;
   }
 });
 
@@ -455,13 +456,13 @@ var Drive_exports = {};
 __export(Drive_exports, {
   default: () => Drive_default
 });
-var defaultImport62, Drive_default;
+var defaultImport64, Drive_default;
 var init_Drive = __esm({
   "esm-externals:@splunk/react-icons/Drive.js"() {
     init_define_global();
-    defaultImport62 = __toESM(require("@splunk/react-icons/Drive.js"));
+    defaultImport64 = __toESM(require("@splunk/react-icons/Drive.js"));
     __reExport(Drive_exports, require("@splunk/react-icons/Drive.js"));
-    Drive_default = "default" in defaultImport62 ? defaultImport62.default : defaultImport62;
+    Drive_default = "default" in defaultImport64 ? defaultImport64.default : defaultImport64;
   }
 });
 
@@ -470,13 +471,13 @@ var DriveIndexTable_exports = {};
 __export(DriveIndexTable_exports, {
   default: () => DriveIndexTable_default
 });
-var defaultImport63, DriveIndexTable_default;
+var defaultImport65, DriveIndexTable_default;
 var init_DriveIndexTable = __esm({
   "esm-externals:@splunk/react-icons/DriveIndexTable.js"() {
     init_define_global();
-    defaultImport63 = __toESM(require("@splunk/react-icons/DriveIndexTable.js"));
+    defaultImport65 = __toESM(require("@splunk/react-icons/DriveIndexTable.js"));
     __reExport(DriveIndexTable_exports, require("@splunk/react-icons/DriveIndexTable.js"));
-    DriveIndexTable_default = "default" in defaultImport63 ? defaultImport63.default : defaultImport63;
+    DriveIndexTable_default = "default" in defaultImport65 ? defaultImport65.default : defaultImport65;
   }
 });
 
@@ -485,13 +486,13 @@ var DriveMagnifier_exports = {};
 __export(DriveMagnifier_exports, {
   default: () => DriveMagnifier_default
 });
-var defaultImport64, DriveMagnifier_default;
+var defaultImport66, DriveMagnifier_default;
 var init_DriveMagnifier = __esm({
   "esm-externals:@splunk/react-icons/DriveMagnifier.js"() {
     init_define_global();
-    defaultImport64 = __toESM(require("@splunk/react-icons/DriveMagnifier.js"));
+    defaultImport66 = __toESM(require("@splunk/react-icons/DriveMagnifier.js"));
     __reExport(DriveMagnifier_exports, require("@splunk/react-icons/DriveMagnifier.js"));
-    DriveMagnifier_default = "default" in defaultImport64 ? defaultImport64.default : defaultImport64;
+    DriveMagnifier_default = "default" in defaultImport66 ? defaultImport66.default : defaultImport66;
   }
 });
 
@@ -500,13 +501,13 @@ var DriveSliders_exports = {};
 __export(DriveSliders_exports, {
   default: () => DriveSliders_default
 });
-var defaultImport65, DriveSliders_default;
+var defaultImport67, DriveSliders_default;
 var init_DriveSliders = __esm({
   "esm-externals:@splunk/react-icons/DriveSliders.js"() {
     init_define_global();
-    defaultImport65 = __toESM(require("@splunk/react-icons/DriveSliders.js"));
+    defaultImport67 = __toESM(require("@splunk/react-icons/DriveSliders.js"));
     __reExport(DriveSliders_exports, require("@splunk/react-icons/DriveSliders.js"));
-    DriveSliders_default = "default" in defaultImport65 ? defaultImport65.default : defaultImport65;
+    DriveSliders_default = "default" in defaultImport67 ? defaultImport67.default : defaultImport67;
   }
 });
 
@@ -515,13 +516,13 @@ var Envelope_exports = {};
 __export(Envelope_exports, {
   default: () => Envelope_default
 });
-var defaultImport66, Envelope_default;
+var defaultImport68, Envelope_default;
 var init_Envelope = __esm({
   "esm-externals:@splunk/react-icons/Envelope.js"() {
     init_define_global();
-    defaultImport66 = __toESM(require("@splunk/react-icons/Envelope.js"));
+    defaultImport68 = __toESM(require("@splunk/react-icons/Envelope.js"));
     __reExport(Envelope_exports, require("@splunk/react-icons/Envelope.js"));
-    Envelope_default = "default" in defaultImport66 ? defaultImport66.default : defaultImport66;
+    Envelope_default = "default" in defaultImport68 ? defaultImport68.default : defaultImport68;
   }
 });
 
@@ -530,13 +531,13 @@ var EthernetPort_exports = {};
 __export(EthernetPort_exports, {
   default: () => EthernetPort_default
 });
-var defaultImport67, EthernetPort_default;
+var defaultImport69, EthernetPort_default;
 var init_EthernetPort = __esm({
   "esm-externals:@splunk/react-icons/EthernetPort.js"() {
     init_define_global();
-    defaultImport67 = __toESM(require("@splunk/react-icons/EthernetPort.js"));
+    defaultImport69 = __toESM(require("@splunk/react-icons/EthernetPort.js"));
     __reExport(EthernetPort_exports, require("@splunk/react-icons/EthernetPort.js"));
-    EthernetPort_default = "default" in defaultImport67 ? defaultImport67.default : defaultImport67;
+    EthernetPort_default = "default" in defaultImport69 ? defaultImport69.default : defaultImport69;
   }
 });
 
@@ -545,13 +546,13 @@ var ExclamationTriangle_exports = {};
 __export(ExclamationTriangle_exports, {
   default: () => ExclamationTriangle_default
 });
-var defaultImport68, ExclamationTriangle_default;
+var defaultImport70, ExclamationTriangle_default;
 var init_ExclamationTriangle = __esm({
   "esm-externals:@splunk/react-icons/ExclamationTriangle.js"() {
     init_define_global();
-    defaultImport68 = __toESM(require("@splunk/react-icons/ExclamationTriangle.js"));
+    defaultImport70 = __toESM(require("@splunk/react-icons/ExclamationTriangle.js"));
     __reExport(ExclamationTriangle_exports, require("@splunk/react-icons/ExclamationTriangle.js"));
-    ExclamationTriangle_default = "default" in defaultImport68 ? defaultImport68.default : defaultImport68;
+    ExclamationTriangle_default = "default" in defaultImport70 ? defaultImport70.default : defaultImport70;
   }
 });
 
@@ -560,13 +561,13 @@ var Factory_exports = {};
 __export(Factory_exports, {
   default: () => Factory_default
 });
-var defaultImport69, Factory_default;
+var defaultImport71, Factory_default;
 var init_Factory = __esm({
   "esm-externals:@splunk/react-icons/Factory.js"() {
     init_define_global();
-    defaultImport69 = __toESM(require("@splunk/react-icons/Factory.js"));
+    defaultImport71 = __toESM(require("@splunk/react-icons/Factory.js"));
     __reExport(Factory_exports, require("@splunk/react-icons/Factory.js"));
-    Factory_default = "default" in defaultImport69 ? defaultImport69.default : defaultImport69;
+    Factory_default = "default" in defaultImport71 ? defaultImport71.default : defaultImport71;
   }
 });
 
@@ -575,13 +576,13 @@ var File_exports = {};
 __export(File_exports, {
   default: () => File_default
 });
-var defaultImport70, File_default;
+var defaultImport72, File_default;
 var init_File = __esm({
   "esm-externals:@splunk/react-icons/File.js"() {
     init_define_global();
-    defaultImport70 = __toESM(require("@splunk/react-icons/File.js"));
+    defaultImport72 = __toESM(require("@splunk/react-icons/File.js"));
     __reExport(File_exports, require("@splunk/react-icons/File.js"));
-    File_default = "default" in defaultImport70 ? defaultImport70.default : defaultImport70;
+    File_default = "default" in defaultImport72 ? defaultImport72.default : defaultImport72;
   }
 });
 
@@ -590,13 +591,13 @@ var FileLogs_exports = {};
 __export(FileLogs_exports, {
   default: () => FileLogs_default
 });
-var defaultImport71, FileLogs_default;
+var defaultImport73, FileLogs_default;
 var init_FileLogs = __esm({
   "esm-externals:@splunk/react-icons/FileLogs.js"() {
     init_define_global();
-    defaultImport71 = __toESM(require("@splunk/react-icons/FileLogs.js"));
+    defaultImport73 = __toESM(require("@splunk/react-icons/FileLogs.js"));
     __reExport(FileLogs_exports, require("@splunk/react-icons/FileLogs.js"));
-    FileLogs_default = "default" in defaultImport71 ? defaultImport71.default : defaultImport71;
+    FileLogs_default = "default" in defaultImport73 ? defaultImport73.default : defaultImport73;
   }
 });
 
@@ -605,13 +606,13 @@ var Filter_exports = {};
 __export(Filter_exports, {
   default: () => Filter_default
 });
-var defaultImport72, Filter_default;
+var defaultImport74, Filter_default;
 var init_Filter = __esm({
   "esm-externals:@splunk/react-icons/Filter.js"() {
     init_define_global();
-    defaultImport72 = __toESM(require("@splunk/react-icons/Filter.js"));
+    defaultImport74 = __toESM(require("@splunk/react-icons/Filter.js"));
     __reExport(Filter_exports, require("@splunk/react-icons/Filter.js"));
-    Filter_default = "default" in defaultImport72 ? defaultImport72.default : defaultImport72;
+    Filter_default = "default" in defaultImport74 ? defaultImport74.default : defaultImport74;
   }
 });
 
@@ -620,13 +621,13 @@ var Folder_exports = {};
 __export(Folder_exports, {
   default: () => Folder_default
 });
-var defaultImport73, Folder_default;
+var defaultImport75, Folder_default;
 var init_Folder = __esm({
   "esm-externals:@splunk/react-icons/Folder.js"() {
     init_define_global();
-    defaultImport73 = __toESM(require("@splunk/react-icons/Folder.js"));
+    defaultImport75 = __toESM(require("@splunk/react-icons/Folder.js"));
     __reExport(Folder_exports, require("@splunk/react-icons/Folder.js"));
-    Folder_default = "default" in defaultImport73 ? defaultImport73.default : defaultImport73;
+    Folder_default = "default" in defaultImport75 ? defaultImport75.default : defaultImport75;
   }
 });
 
@@ -635,13 +636,13 @@ var ForwarderHeavy_exports = {};
 __export(ForwarderHeavy_exports, {
   default: () => ForwarderHeavy_default
 });
-var defaultImport74, ForwarderHeavy_default;
+var defaultImport76, ForwarderHeavy_default;
 var init_ForwarderHeavy = __esm({
   "esm-externals:@splunk/react-icons/ForwarderHeavy.js"() {
     init_define_global();
-    defaultImport74 = __toESM(require("@splunk/react-icons/ForwarderHeavy.js"));
+    defaultImport76 = __toESM(require("@splunk/react-icons/ForwarderHeavy.js"));
     __reExport(ForwarderHeavy_exports, require("@splunk/react-icons/ForwarderHeavy.js"));
-    ForwarderHeavy_default = "default" in defaultImport74 ? defaultImport74.default : defaultImport74;
+    ForwarderHeavy_default = "default" in defaultImport76 ? defaultImport76.default : defaultImport76;
   }
 });
 
@@ -650,13 +651,13 @@ var ForwarderUniversal_exports = {};
 __export(ForwarderUniversal_exports, {
   default: () => ForwarderUniversal_default
 });
-var defaultImport75, ForwarderUniversal_default;
+var defaultImport77, ForwarderUniversal_default;
 var init_ForwarderUniversal = __esm({
   "esm-externals:@splunk/react-icons/ForwarderUniversal.js"() {
     init_define_global();
-    defaultImport75 = __toESM(require("@splunk/react-icons/ForwarderUniversal.js"));
+    defaultImport77 = __toESM(require("@splunk/react-icons/ForwarderUniversal.js"));
     __reExport(ForwarderUniversal_exports, require("@splunk/react-icons/ForwarderUniversal.js"));
-    ForwarderUniversal_default = "default" in defaultImport75 ? defaultImport75.default : defaultImport75;
+    ForwarderUniversal_default = "default" in defaultImport77 ? defaultImport77.default : defaultImport77;
   }
 });
 
@@ -665,13 +666,13 @@ var Gate_exports = {};
 __export(Gate_exports, {
   default: () => Gate_default
 });
-var defaultImport76, Gate_default;
+var defaultImport78, Gate_default;
 var init_Gate = __esm({
   "esm-externals:@splunk/react-icons/Gate.js"() {
     init_define_global();
-    defaultImport76 = __toESM(require("@splunk/react-icons/Gate.js"));
+    defaultImport78 = __toESM(require("@splunk/react-icons/Gate.js"));
     __reExport(Gate_exports, require("@splunk/react-icons/Gate.js"));
-    Gate_default = "default" in defaultImport76 ? defaultImport76.default : defaultImport76;
+    Gate_default = "default" in defaultImport78 ? defaultImport78.default : defaultImport78;
   }
 });
 
@@ -680,13 +681,13 @@ var Globe_exports = {};
 __export(Globe_exports, {
   default: () => Globe_default
 });
-var defaultImport77, Globe_default;
+var defaultImport79, Globe_default;
 var init_Globe = __esm({
   "esm-externals:@splunk/react-icons/Globe.js"() {
     init_define_global();
-    defaultImport77 = __toESM(require("@splunk/react-icons/Globe.js"));
+    defaultImport79 = __toESM(require("@splunk/react-icons/Globe.js"));
     __reExport(Globe_exports, require("@splunk/react-icons/Globe.js"));
-    Globe_default = "default" in defaultImport77 ? defaultImport77.default : defaultImport77;
+    Globe_default = "default" in defaultImport79 ? defaultImport79.default : defaultImport79;
   }
 });
 
@@ -695,13 +696,13 @@ var IdentityCard_exports = {};
 __export(IdentityCard_exports, {
   default: () => IdentityCard_default
 });
-var defaultImport78, IdentityCard_default;
+var defaultImport80, IdentityCard_default;
 var init_IdentityCard = __esm({
   "esm-externals:@splunk/react-icons/IdentityCard.js"() {
     init_define_global();
-    defaultImport78 = __toESM(require("@splunk/react-icons/IdentityCard.js"));
+    defaultImport80 = __toESM(require("@splunk/react-icons/IdentityCard.js"));
     __reExport(IdentityCard_exports, require("@splunk/react-icons/IdentityCard.js"));
-    IdentityCard_default = "default" in defaultImport78 ? defaultImport78.default : defaultImport78;
+    IdentityCard_default = "default" in defaultImport80 ? defaultImport80.default : defaultImport80;
   }
 });
 
@@ -710,13 +711,13 @@ var InformationCircle_exports = {};
 __export(InformationCircle_exports, {
   default: () => InformationCircle_default
 });
-var defaultImport79, InformationCircle_default;
+var defaultImport81, InformationCircle_default;
 var init_InformationCircle = __esm({
   "esm-externals:@splunk/react-icons/InformationCircle.js"() {
     init_define_global();
-    defaultImport79 = __toESM(require("@splunk/react-icons/InformationCircle.js"));
+    defaultImport81 = __toESM(require("@splunk/react-icons/InformationCircle.js"));
     __reExport(InformationCircle_exports, require("@splunk/react-icons/InformationCircle.js"));
-    InformationCircle_default = "default" in defaultImport79 ? defaultImport79.default : defaultImport79;
+    InformationCircle_default = "default" in defaultImport81 ? defaultImport81.default : defaultImport81;
   }
 });
 
@@ -725,13 +726,13 @@ var InformationDiamond_exports = {};
 __export(InformationDiamond_exports, {
   default: () => InformationDiamond_default
 });
-var defaultImport80, InformationDiamond_default;
+var defaultImport82, InformationDiamond_default;
 var init_InformationDiamond = __esm({
   "esm-externals:@splunk/react-icons/InformationDiamond.js"() {
     init_define_global();
-    defaultImport80 = __toESM(require("@splunk/react-icons/InformationDiamond.js"));
+    defaultImport82 = __toESM(require("@splunk/react-icons/InformationDiamond.js"));
     __reExport(InformationDiamond_exports, require("@splunk/react-icons/InformationDiamond.js"));
-    InformationDiamond_default = "default" in defaultImport80 ? defaultImport80.default : defaultImport80;
+    InformationDiamond_default = "default" in defaultImport82 ? defaultImport82.default : defaultImport82;
   }
 });
 
@@ -740,13 +741,13 @@ var LaptopOpen_exports = {};
 __export(LaptopOpen_exports, {
   default: () => LaptopOpen_default
 });
-var defaultImport81, LaptopOpen_default;
+var defaultImport83, LaptopOpen_default;
 var init_LaptopOpen = __esm({
   "esm-externals:@splunk/react-icons/LaptopOpen.js"() {
     init_define_global();
-    defaultImport81 = __toESM(require("@splunk/react-icons/LaptopOpen.js"));
+    defaultImport83 = __toESM(require("@splunk/react-icons/LaptopOpen.js"));
     __reExport(LaptopOpen_exports, require("@splunk/react-icons/LaptopOpen.js"));
-    LaptopOpen_default = "default" in defaultImport81 ? defaultImport81.default : defaultImport81;
+    LaptopOpen_default = "default" in defaultImport83 ? defaultImport83.default : defaultImport83;
   }
 });
 
@@ -755,13 +756,13 @@ var Layout_exports = {};
 __export(Layout_exports, {
   default: () => Layout_default
 });
-var defaultImport82, Layout_default;
+var defaultImport84, Layout_default;
 var init_Layout = __esm({
   "esm-externals:@splunk/react-icons/Layout.js"() {
     init_define_global();
-    defaultImport82 = __toESM(require("@splunk/react-icons/Layout.js"));
+    defaultImport84 = __toESM(require("@splunk/react-icons/Layout.js"));
     __reExport(Layout_exports, require("@splunk/react-icons/Layout.js"));
-    Layout_default = "default" in defaultImport82 ? defaultImport82.default : defaultImport82;
+    Layout_default = "default" in defaultImport84 ? defaultImport84.default : defaultImport84;
   }
 });
 
@@ -770,13 +771,13 @@ var License_exports = {};
 __export(License_exports, {
   default: () => License_default
 });
-var defaultImport83, License_default;
+var defaultImport85, License_default;
 var init_License = __esm({
   "esm-externals:@splunk/react-icons/License.js"() {
     init_define_global();
-    defaultImport83 = __toESM(require("@splunk/react-icons/License.js"));
+    defaultImport85 = __toESM(require("@splunk/react-icons/License.js"));
     __reExport(License_exports, require("@splunk/react-icons/License.js"));
-    License_default = "default" in defaultImport83 ? defaultImport83.default : defaultImport83;
+    License_default = "default" in defaultImport85 ? defaultImport85.default : defaultImport85;
   }
 });
 
@@ -785,13 +786,13 @@ var MobilePhone_exports = {};
 __export(MobilePhone_exports, {
   default: () => MobilePhone_default
 });
-var defaultImport84, MobilePhone_default;
+var defaultImport86, MobilePhone_default;
 var init_MobilePhone = __esm({
   "esm-externals:@splunk/react-icons/MobilePhone.js"() {
     init_define_global();
-    defaultImport84 = __toESM(require("@splunk/react-icons/MobilePhone.js"));
+    defaultImport86 = __toESM(require("@splunk/react-icons/MobilePhone.js"));
     __reExport(MobilePhone_exports, require("@splunk/react-icons/MobilePhone.js"));
-    MobilePhone_default = "default" in defaultImport84 ? defaultImport84.default : defaultImport84;
+    MobilePhone_default = "default" in defaultImport86 ? defaultImport86.default : defaultImport86;
   }
 });
 
@@ -800,13 +801,13 @@ var Monitor_exports = {};
 __export(Monitor_exports, {
   default: () => Monitor_default
 });
-var defaultImport85, Monitor_default;
+var defaultImport87, Monitor_default;
 var init_Monitor = __esm({
   "esm-externals:@splunk/react-icons/Monitor.js"() {
     init_define_global();
-    defaultImport85 = __toESM(require("@splunk/react-icons/Monitor.js"));
+    defaultImport87 = __toESM(require("@splunk/react-icons/Monitor.js"));
     __reExport(Monitor_exports, require("@splunk/react-icons/Monitor.js"));
-    Monitor_default = "default" in defaultImport85 ? defaultImport85.default : defaultImport85;
+    Monitor_default = "default" in defaultImport87 ? defaultImport87.default : defaultImport87;
   }
 });
 
@@ -815,13 +816,13 @@ var MonitorPhone_exports = {};
 __export(MonitorPhone_exports, {
   default: () => MonitorPhone_default
 });
-var defaultImport86, MonitorPhone_default;
+var defaultImport88, MonitorPhone_default;
 var init_MonitorPhone = __esm({
   "esm-externals:@splunk/react-icons/MonitorPhone.js"() {
     init_define_global();
-    defaultImport86 = __toESM(require("@splunk/react-icons/MonitorPhone.js"));
+    defaultImport88 = __toESM(require("@splunk/react-icons/MonitorPhone.js"));
     __reExport(MonitorPhone_exports, require("@splunk/react-icons/MonitorPhone.js"));
-    MonitorPhone_default = "default" in defaultImport86 ? defaultImport86.default : defaultImport86;
+    MonitorPhone_default = "default" in defaultImport88 ? defaultImport88.default : defaultImport88;
   }
 });
 
@@ -830,13 +831,13 @@ var NetworkDevice_exports = {};
 __export(NetworkDevice_exports, {
   default: () => NetworkDevice_default
 });
-var defaultImport87, NetworkDevice_default;
+var defaultImport89, NetworkDevice_default;
 var init_NetworkDevice = __esm({
   "esm-externals:@splunk/react-icons/NetworkDevice.js"() {
     init_define_global();
-    defaultImport87 = __toESM(require("@splunk/react-icons/NetworkDevice.js"));
+    defaultImport89 = __toESM(require("@splunk/react-icons/NetworkDevice.js"));
     __reExport(NetworkDevice_exports, require("@splunk/react-icons/NetworkDevice.js"));
-    NetworkDevice_default = "default" in defaultImport87 ? defaultImport87.default : defaultImport87;
+    NetworkDevice_default = "default" in defaultImport89 ? defaultImport89.default : defaultImport89;
   }
 });
 
@@ -845,13 +846,13 @@ var NodeBranch_exports = {};
 __export(NodeBranch_exports, {
   default: () => NodeBranch_default
 });
-var defaultImport88, NodeBranch_default;
+var defaultImport90, NodeBranch_default;
 var init_NodeBranch = __esm({
   "esm-externals:@splunk/react-icons/NodeBranch.js"() {
     init_define_global();
-    defaultImport88 = __toESM(require("@splunk/react-icons/NodeBranch.js"));
+    defaultImport90 = __toESM(require("@splunk/react-icons/NodeBranch.js"));
     __reExport(NodeBranch_exports, require("@splunk/react-icons/NodeBranch.js"));
-    NodeBranch_default = "default" in defaultImport88 ? defaultImport88.default : defaultImport88;
+    NodeBranch_default = "default" in defaultImport90 ? defaultImport90.default : defaultImport90;
   }
 });
 
@@ -860,13 +861,13 @@ var NodeModel_exports = {};
 __export(NodeModel_exports, {
   default: () => NodeModel_default
 });
-var defaultImport89, NodeModel_default;
+var defaultImport91, NodeModel_default;
 var init_NodeModel = __esm({
   "esm-externals:@splunk/react-icons/NodeModel.js"() {
     init_define_global();
-    defaultImport89 = __toESM(require("@splunk/react-icons/NodeModel.js"));
+    defaultImport91 = __toESM(require("@splunk/react-icons/NodeModel.js"));
     __reExport(NodeModel_exports, require("@splunk/react-icons/NodeModel.js"));
-    NodeModel_default = "default" in defaultImport89 ? defaultImport89.default : defaultImport89;
+    NodeModel_default = "default" in defaultImport91 ? defaultImport91.default : defaultImport91;
   }
 });
 
@@ -875,13 +876,13 @@ var NodeTopology_exports = {};
 __export(NodeTopology_exports, {
   default: () => NodeTopology_default
 });
-var defaultImport90, NodeTopology_default;
+var defaultImport92, NodeTopology_default;
 var init_NodeTopology = __esm({
   "esm-externals:@splunk/react-icons/NodeTopology.js"() {
     init_define_global();
-    defaultImport90 = __toESM(require("@splunk/react-icons/NodeTopology.js"));
+    defaultImport92 = __toESM(require("@splunk/react-icons/NodeTopology.js"));
     __reExport(NodeTopology_exports, require("@splunk/react-icons/NodeTopology.js"));
-    NodeTopology_default = "default" in defaultImport90 ? defaultImport90.default : defaultImport90;
+    NodeTopology_default = "default" in defaultImport92 ? defaultImport92.default : defaultImport92;
   }
 });
 
@@ -890,13 +891,13 @@ var Picture_exports = {};
 __export(Picture_exports, {
   default: () => Picture_default
 });
-var defaultImport91, Picture_default;
+var defaultImport93, Picture_default;
 var init_Picture = __esm({
   "esm-externals:@splunk/react-icons/Picture.js"() {
     init_define_global();
-    defaultImport91 = __toESM(require("@splunk/react-icons/Picture.js"));
+    defaultImport93 = __toESM(require("@splunk/react-icons/Picture.js"));
     __reExport(Picture_exports, require("@splunk/react-icons/Picture.js"));
-    Picture_default = "default" in defaultImport91 ? defaultImport91.default : defaultImport91;
+    Picture_default = "default" in defaultImport93 ? defaultImport93.default : defaultImport93;
   }
 });
 
@@ -905,13 +906,13 @@ var Portrait_exports = {};
 __export(Portrait_exports, {
   default: () => Portrait_default
 });
-var defaultImport92, Portrait_default;
+var defaultImport94, Portrait_default;
 var init_Portrait = __esm({
   "esm-externals:@splunk/react-icons/Portrait.js"() {
     init_define_global();
-    defaultImport92 = __toESM(require("@splunk/react-icons/Portrait.js"));
+    defaultImport94 = __toESM(require("@splunk/react-icons/Portrait.js"));
     __reExport(Portrait_exports, require("@splunk/react-icons/Portrait.js"));
-    Portrait_default = "default" in defaultImport92 ? defaultImport92.default : defaultImport92;
+    Portrait_default = "default" in defaultImport94 ? defaultImport94.default : defaultImport94;
   }
 });
 
@@ -920,13 +921,13 @@ var PortraitsTwo_exports = {};
 __export(PortraitsTwo_exports, {
   default: () => PortraitsTwo_default
 });
-var defaultImport93, PortraitsTwo_default;
+var defaultImport95, PortraitsTwo_default;
 var init_PortraitsTwo = __esm({
   "esm-externals:@splunk/react-icons/PortraitsTwo.js"() {
     init_define_global();
-    defaultImport93 = __toESM(require("@splunk/react-icons/PortraitsTwo.js"));
+    defaultImport95 = __toESM(require("@splunk/react-icons/PortraitsTwo.js"));
     __reExport(PortraitsTwo_exports, require("@splunk/react-icons/PortraitsTwo.js"));
-    PortraitsTwo_default = "default" in defaultImport93 ? defaultImport93.default : defaultImport93;
+    PortraitsTwo_default = "default" in defaultImport95 ? defaultImport95.default : defaultImport95;
   }
 });
 
@@ -935,13 +936,13 @@ var Printer_exports = {};
 __export(Printer_exports, {
   default: () => Printer_default
 });
-var defaultImport94, Printer_default;
+var defaultImport96, Printer_default;
 var init_Printer = __esm({
   "esm-externals:@splunk/react-icons/Printer.js"() {
     init_define_global();
-    defaultImport94 = __toESM(require("@splunk/react-icons/Printer.js"));
+    defaultImport96 = __toESM(require("@splunk/react-icons/Printer.js"));
     __reExport(Printer_exports, require("@splunk/react-icons/Printer.js"));
-    Printer_default = "default" in defaultImport94 ? defaultImport94.default : defaultImport94;
+    Printer_default = "default" in defaultImport96 ? defaultImport96.default : defaultImport96;
   }
 });
 
@@ -950,13 +951,13 @@ var Processor_exports = {};
 __export(Processor_exports, {
   default: () => Processor_default
 });
-var defaultImport95, Processor_default;
+var defaultImport97, Processor_default;
 var init_Processor = __esm({
   "esm-externals:@splunk/react-icons/Processor.js"() {
     init_define_global();
-    defaultImport95 = __toESM(require("@splunk/react-icons/Processor.js"));
+    defaultImport97 = __toESM(require("@splunk/react-icons/Processor.js"));
     __reExport(Processor_exports, require("@splunk/react-icons/Processor.js"));
-    Processor_default = "default" in defaultImport95 ? defaultImport95.default : defaultImport95;
+    Processor_default = "default" in defaultImport97 ? defaultImport97.default : defaultImport97;
   }
 });
 
@@ -965,13 +966,13 @@ var ReportDouble_exports = {};
 __export(ReportDouble_exports, {
   default: () => ReportDouble_default
 });
-var defaultImport96, ReportDouble_default;
+var defaultImport98, ReportDouble_default;
 var init_ReportDouble = __esm({
   "esm-externals:@splunk/react-icons/ReportDouble.js"() {
     init_define_global();
-    defaultImport96 = __toESM(require("@splunk/react-icons/ReportDouble.js"));
+    defaultImport98 = __toESM(require("@splunk/react-icons/ReportDouble.js"));
     __reExport(ReportDouble_exports, require("@splunk/react-icons/ReportDouble.js"));
-    ReportDouble_default = "default" in defaultImport96 ? defaultImport96.default : defaultImport96;
+    ReportDouble_default = "default" in defaultImport98 ? defaultImport98.default : defaultImport98;
   }
 });
 
@@ -980,13 +981,13 @@ var SecurityCamera_exports = {};
 __export(SecurityCamera_exports, {
   default: () => SecurityCamera_default
 });
-var defaultImport97, SecurityCamera_default;
+var defaultImport99, SecurityCamera_default;
 var init_SecurityCamera = __esm({
   "esm-externals:@splunk/react-icons/SecurityCamera.js"() {
     init_define_global();
-    defaultImport97 = __toESM(require("@splunk/react-icons/SecurityCamera.js"));
+    defaultImport99 = __toESM(require("@splunk/react-icons/SecurityCamera.js"));
     __reExport(SecurityCamera_exports, require("@splunk/react-icons/SecurityCamera.js"));
-    SecurityCamera_default = "default" in defaultImport97 ? defaultImport97.default : defaultImport97;
+    SecurityCamera_default = "default" in defaultImport99 ? defaultImport99.default : defaultImport99;
   }
 });
 
@@ -995,13 +996,13 @@ var Servers_exports = {};
 __export(Servers_exports, {
   default: () => Servers_default
 });
-var defaultImport98, Servers_default;
+var defaultImport100, Servers_default;
 var init_Servers = __esm({
   "esm-externals:@splunk/react-icons/Servers.js"() {
     init_define_global();
-    defaultImport98 = __toESM(require("@splunk/react-icons/Servers.js"));
+    defaultImport100 = __toESM(require("@splunk/react-icons/Servers.js"));
     __reExport(Servers_exports, require("@splunk/react-icons/Servers.js"));
-    Servers_default = "default" in defaultImport98 ? defaultImport98.default : defaultImport98;
+    Servers_default = "default" in defaultImport100 ? defaultImport100.default : defaultImport100;
   }
 });
 
@@ -1010,13 +1011,13 @@ var ServersCloud_exports = {};
 __export(ServersCloud_exports, {
   default: () => ServersCloud_default
 });
-var defaultImport99, ServersCloud_default;
+var defaultImport101, ServersCloud_default;
 var init_ServersCloud = __esm({
   "esm-externals:@splunk/react-icons/ServersCloud.js"() {
     init_define_global();
-    defaultImport99 = __toESM(require("@splunk/react-icons/ServersCloud.js"));
+    defaultImport101 = __toESM(require("@splunk/react-icons/ServersCloud.js"));
     __reExport(ServersCloud_exports, require("@splunk/react-icons/ServersCloud.js"));
-    ServersCloud_default = "default" in defaultImport99 ? defaultImport99.default : defaultImport99;
+    ServersCloud_default = "default" in defaultImport101 ? defaultImport101.default : defaultImport101;
   }
 });
 
@@ -1025,13 +1026,13 @@ var ShoppingCart_exports = {};
 __export(ShoppingCart_exports, {
   default: () => ShoppingCart_default
 });
-var defaultImport100, ShoppingCart_default;
+var defaultImport102, ShoppingCart_default;
 var init_ShoppingCart = __esm({
   "esm-externals:@splunk/react-icons/ShoppingCart.js"() {
     init_define_global();
-    defaultImport100 = __toESM(require("@splunk/react-icons/ShoppingCart.js"));
+    defaultImport102 = __toESM(require("@splunk/react-icons/ShoppingCart.js"));
     __reExport(ShoppingCart_exports, require("@splunk/react-icons/ShoppingCart.js"));
-    ShoppingCart_default = "default" in defaultImport100 ? defaultImport100.default : defaultImport100;
+    ShoppingCart_default = "default" in defaultImport102 ? defaultImport102.default : defaultImport102;
   }
 });
 
@@ -1040,13 +1041,13 @@ var SignalWavesAngled_exports = {};
 __export(SignalWavesAngled_exports, {
   default: () => SignalWavesAngled_default
 });
-var defaultImport101, SignalWavesAngled_default;
+var defaultImport103, SignalWavesAngled_default;
 var init_SignalWavesAngled = __esm({
   "esm-externals:@splunk/react-icons/SignalWavesAngled.js"() {
     init_define_global();
-    defaultImport101 = __toESM(require("@splunk/react-icons/SignalWavesAngled.js"));
+    defaultImport103 = __toESM(require("@splunk/react-icons/SignalWavesAngled.js"));
     __reExport(SignalWavesAngled_exports, require("@splunk/react-icons/SignalWavesAngled.js"));
-    SignalWavesAngled_default = "default" in defaultImport101 ? defaultImport101.default : defaultImport101;
+    SignalWavesAngled_default = "default" in defaultImport103 ? defaultImport103.default : defaultImport103;
   }
 });
 
@@ -1055,13 +1056,13 @@ var SingleIndex_exports = {};
 __export(SingleIndex_exports, {
   default: () => SingleIndex_default
 });
-var defaultImport102, SingleIndex_default;
+var defaultImport104, SingleIndex_default;
 var init_SingleIndex = __esm({
   "esm-externals:@splunk/react-icons/SingleIndex.js"() {
     init_define_global();
-    defaultImport102 = __toESM(require("@splunk/react-icons/SingleIndex.js"));
+    defaultImport104 = __toESM(require("@splunk/react-icons/SingleIndex.js"));
     __reExport(SingleIndex_exports, require("@splunk/react-icons/SingleIndex.js"));
-    SingleIndex_default = "default" in defaultImport102 ? defaultImport102.default : defaultImport102;
+    SingleIndex_default = "default" in defaultImport104 ? defaultImport104.default : defaultImport104;
   }
 });
 
@@ -1070,13 +1071,13 @@ var SlidersTripleHorizontal_exports = {};
 __export(SlidersTripleHorizontal_exports, {
   default: () => SlidersTripleHorizontal_default
 });
-var defaultImport103, SlidersTripleHorizontal_default;
+var defaultImport105, SlidersTripleHorizontal_default;
 var init_SlidersTripleHorizontal = __esm({
   "esm-externals:@splunk/react-icons/SlidersTripleHorizontal.js"() {
     init_define_global();
-    defaultImport103 = __toESM(require("@splunk/react-icons/SlidersTripleHorizontal.js"));
+    defaultImport105 = __toESM(require("@splunk/react-icons/SlidersTripleHorizontal.js"));
     __reExport(SlidersTripleHorizontal_exports, require("@splunk/react-icons/SlidersTripleHorizontal.js"));
-    SlidersTripleHorizontal_default = "default" in defaultImport103 ? defaultImport103.default : defaultImport103;
+    SlidersTripleHorizontal_default = "default" in defaultImport105 ? defaultImport105.default : defaultImport105;
   }
 });
 
@@ -1085,13 +1086,13 @@ var SquaresAndCircles_exports = {};
 __export(SquaresAndCircles_exports, {
   default: () => SquaresAndCircles_default
 });
-var defaultImport104, SquaresAndCircles_default;
+var defaultImport106, SquaresAndCircles_default;
 var init_SquaresAndCircles = __esm({
   "esm-externals:@splunk/react-icons/SquaresAndCircles.js"() {
     init_define_global();
-    defaultImport104 = __toESM(require("@splunk/react-icons/SquaresAndCircles.js"));
+    defaultImport106 = __toESM(require("@splunk/react-icons/SquaresAndCircles.js"));
     __reExport(SquaresAndCircles_exports, require("@splunk/react-icons/SquaresAndCircles.js"));
-    SquaresAndCircles_default = "default" in defaultImport104 ? defaultImport104.default : defaultImport104;
+    SquaresAndCircles_default = "default" in defaultImport106 ? defaultImport106.default : defaultImport106;
   }
 });
 
@@ -1100,13 +1101,13 @@ var Star_exports = {};
 __export(Star_exports, {
   default: () => Star_default
 });
-var defaultImport105, Star_default;
+var defaultImport107, Star_default;
 var init_Star = __esm({
   "esm-externals:@splunk/react-icons/Star.js"() {
     init_define_global();
-    defaultImport105 = __toESM(require("@splunk/react-icons/Star.js"));
+    defaultImport107 = __toESM(require("@splunk/react-icons/Star.js"));
     __reExport(Star_exports, require("@splunk/react-icons/Star.js"));
-    Star_default = "default" in defaultImport105 ? defaultImport105.default : defaultImport105;
+    Star_default = "default" in defaultImport107 ? defaultImport107.default : defaultImport107;
   }
 });
 
@@ -1115,13 +1116,13 @@ var Store_exports = {};
 __export(Store_exports, {
   default: () => Store_default
 });
-var defaultImport106, Store_default;
+var defaultImport108, Store_default;
 var init_Store = __esm({
   "esm-externals:@splunk/react-icons/Store.js"() {
     init_define_global();
-    defaultImport106 = __toESM(require("@splunk/react-icons/Store.js"));
+    defaultImport108 = __toESM(require("@splunk/react-icons/Store.js"));
     __reExport(Store_exports, require("@splunk/react-icons/Store.js"));
-    Store_default = "default" in defaultImport106 ? defaultImport106.default : defaultImport106;
+    Store_default = "default" in defaultImport108 ? defaultImport108.default : defaultImport108;
   }
 });
 
@@ -1130,13 +1131,13 @@ var Telescope_exports = {};
 __export(Telescope_exports, {
   default: () => Telescope_default
 });
-var defaultImport107, Telescope_default;
+var defaultImport109, Telescope_default;
 var init_Telescope = __esm({
   "esm-externals:@splunk/react-icons/Telescope.js"() {
     init_define_global();
-    defaultImport107 = __toESM(require("@splunk/react-icons/Telescope.js"));
+    defaultImport109 = __toESM(require("@splunk/react-icons/Telescope.js"));
     __reExport(Telescope_exports, require("@splunk/react-icons/Telescope.js"));
-    Telescope_default = "default" in defaultImport107 ? defaultImport107.default : defaultImport107;
+    Telescope_default = "default" in defaultImport109 ? defaultImport109.default : defaultImport109;
   }
 });
 
@@ -1145,13 +1146,13 @@ var Token_exports = {};
 __export(Token_exports, {
   default: () => Token_default
 });
-var defaultImport108, Token_default;
+var defaultImport110, Token_default;
 var init_Token = __esm({
   "esm-externals:@splunk/react-icons/Token.js"() {
     init_define_global();
-    defaultImport108 = __toESM(require("@splunk/react-icons/Token.js"));
+    defaultImport110 = __toESM(require("@splunk/react-icons/Token.js"));
     __reExport(Token_exports, require("@splunk/react-icons/Token.js"));
-    Token_default = "default" in defaultImport108 ? defaultImport108.default : defaultImport108;
+    Token_default = "default" in defaultImport110 ? defaultImport110.default : defaultImport110;
   }
 });
 
@@ -1160,13 +1161,13 @@ var Truck_exports = {};
 __export(Truck_exports, {
   default: () => Truck_default
 });
-var defaultImport109, Truck_default;
+var defaultImport111, Truck_default;
 var init_Truck = __esm({
   "esm-externals:@splunk/react-icons/Truck.js"() {
     init_define_global();
-    defaultImport109 = __toESM(require("@splunk/react-icons/Truck.js"));
+    defaultImport111 = __toESM(require("@splunk/react-icons/Truck.js"));
     __reExport(Truck_exports, require("@splunk/react-icons/Truck.js"));
-    Truck_default = "default" in defaultImport109 ? defaultImport109.default : defaultImport109;
+    Truck_default = "default" in defaultImport111 ? defaultImport111.default : defaultImport111;
   }
 });
 
@@ -1175,13 +1176,13 @@ var WallBricks_exports = {};
 __export(WallBricks_exports, {
   default: () => WallBricks_default
 });
-var defaultImport110, WallBricks_default;
+var defaultImport112, WallBricks_default;
 var init_WallBricks = __esm({
   "esm-externals:@splunk/react-icons/WallBricks.js"() {
     init_define_global();
-    defaultImport110 = __toESM(require("@splunk/react-icons/WallBricks.js"));
+    defaultImport112 = __toESM(require("@splunk/react-icons/WallBricks.js"));
     __reExport(WallBricks_exports, require("@splunk/react-icons/WallBricks.js"));
-    WallBricks_default = "default" in defaultImport110 ? defaultImport110.default : defaultImport110;
+    WallBricks_default = "default" in defaultImport112 ? defaultImport112.default : defaultImport112;
   }
 });
 
@@ -1190,13 +1191,13 @@ var WiFiSignal_exports = {};
 __export(WiFiSignal_exports, {
   default: () => WiFiSignal_default
 });
-var defaultImport111, WiFiSignal_default;
+var defaultImport113, WiFiSignal_default;
 var init_WiFiSignal = __esm({
   "esm-externals:@splunk/react-icons/WiFiSignal.js"() {
     init_define_global();
-    defaultImport111 = __toESM(require("@splunk/react-icons/WiFiSignal.js"));
+    defaultImport113 = __toESM(require("@splunk/react-icons/WiFiSignal.js"));
     __reExport(WiFiSignal_exports, require("@splunk/react-icons/WiFiSignal.js"));
-    WiFiSignal_default = "default" in defaultImport111 ? defaultImport111.default : defaultImport111;
+    WiFiSignal_default = "default" in defaultImport113 ? defaultImport113.default : defaultImport113;
   }
 });
 
@@ -1386,7 +1387,7 @@ var DefaultVizActionHandler = class {
 var INITIAL_HEIGHT = 250;
 var SplunkVisualization = class {
 };
-SplunkVisualization.propTypes = {
+__publicField(SplunkVisualization, "propTypes", {
   /**
    * display mode
    */
@@ -1462,11 +1463,11 @@ SplunkVisualization.propTypes = {
    * A callback to request new data with updated request params
    */
   onRequestParamsChange: prop_types_exports.func
-};
+});
 /**
  *
  */
-SplunkVisualization.defaults = {
+__publicField(SplunkVisualization, "defaults", {
   // BaseVisualization in dashboard-visualizations uses 100% for width but 250 for height
   width: "100%",
   height: INITIAL_HEIGHT,
@@ -1481,7 +1482,7 @@ SplunkVisualization.defaults = {
   onComputedProps: () => ({}),
   loading: false,
   onRequestParamsChange: lodash_exports.noop
-};
+});
 var SplunkVisualization_default = SplunkVisualization;
 
 // src/common/interfaces/VizBehavior.ts
@@ -1543,9 +1544,9 @@ var usePaginationParams = ({
   meta,
   onRequestParamsChange
 }) => {
-  const totalCount = meta && meta.totalCount || 0;
-  const offset = requestParams && requestParams.offset || 0;
-  const count = requestParams && requestParams.count;
+  const totalCount = (meta == null ? void 0 : meta.totalCount) || 0;
+  const offset = (requestParams == null ? void 0 : requestParams.offset) || 0;
+  const count = requestParams == null ? void 0 : requestParams.count;
   const totalPages = typeof count === "number" && count > 0 ? Math.ceil(totalCount / count) : 0;
   const current = typeof count === "number" && count > 0 ? Math.floor(offset / count) + 1 : 0;
   const isPaging = totalPages > 1 && typeof onRequestParamsChange === "function";
@@ -1673,7 +1674,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.5.3 - 657435b86"
+  "data-splunk-visualization-version": "28.7.0 - d7b18cab6"
 })`
     position: relative;
     width: 100%;
@@ -1784,7 +1785,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.5.3 - 657435b86",
+        "data-splunk-visualization-version": "28.7.0 - d7b18cab6",
         width,
         height,
         backgroundColor
@@ -1936,7 +1937,8 @@ init_define_global();
 
 // src/common/utils/dataUtils.ts
 var convertToArrOfObjects = (columns, fields) => {
-  if (!columns || !columns[0] || !columns[0].length) return [];
+  var _a;
+  if (!((_a = columns == null ? void 0 : columns[0]) == null ? void 0 : _a.length)) return [];
   const data = [];
   for (let i = 0; i < columns[0].length; i += 1) {
     const newObj = {};
@@ -2416,6 +2418,26 @@ var defaultImport26 = __toESM(require("@splunk/react-icons/Triangle"));
 __reExport(Triangle_exports, require("@splunk/react-icons/Triangle"));
 var Triangle_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
 
+// esm-externals:@splunk/visualizations-shared/propUtils
+var propUtils_exports = {};
+__export(propUtils_exports, {
+  default: () => propUtils_default
+});
+init_define_global();
+var defaultImport27 = __toESM(require("@splunk/visualizations-shared/propUtils"));
+__reExport(propUtils_exports, require("@splunk/visualizations-shared/propUtils"));
+var propUtils_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
+
+// esm-externals:@splunk/visualizations-shared/simpleXMLOptions
+var simpleXMLOptions_exports = {};
+__export(simpleXMLOptions_exports, {
+  default: () => simpleXMLOptions_default
+});
+init_define_global();
+var defaultImport28 = __toESM(require("@splunk/visualizations-shared/simpleXMLOptions"));
+__reExport(simpleXMLOptions_exports, require("@splunk/visualizations-shared/simpleXMLOptions"));
+var simpleXMLOptions_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
+
 // src/common/chartingUtils.ts
 var DEFAULT_LINE_WIDTH = 2;
 var getAnnotationsForCanvas = ({
@@ -2453,9 +2475,9 @@ var shouldEnableSearchZoom = (eventHandlers = [], xField = "") => {
   const xAxisIsTime = xField === "_time";
   return !!rangeSelectEventHandler && xAxisIsTime;
 };
-var canvasSupportedTimeSeriesCharts = ["splunk.line"];
+var canvasSupportedTimeSeriesCharts = ["splunk.line", "splunk.area"];
 var isTimeSeriesCanvasRenderSupported = (vizConfigKey) => {
-  return canvasSupportedTimeSeriesCharts.indexOf(vizConfigKey) > -1;
+  return canvasSupportedTimeSeriesCharts.includes(vizConfigKey);
 };
 var filterChartDataFromInternalFields = (chartData) => {
   const { fields, columns } = chartData;
@@ -2610,46 +2632,66 @@ var getY2ScaleConfig = (label, axisAbbreviation, axisScale, roundAxisLabelsToInt
   }
   return y2Config;
 };
-var getSeriesOverrides = (yfields, y2fields, lineWidth, overlayFields, y2Enabled, nullValueMode, markerDisplay, lineDashStyle, lineDashStylesByField, stepPosition, stepPositionsByField) => {
+var getSeriesType = (isOverlay, isAreaChart, isStacked) => {
+  if (isOverlay) return "line";
+  if (!isAreaChart) return void 0;
+  return isStacked ? "stacked-area" : "area";
+};
+var getY2Scale = (field, y2fields, overlayFields) => {
+  const assignToY2 = (y2fields == null ? void 0 : y2fields.length) > 0 && y2fields.includes(field) || !(y2fields == null ? void 0 : y2fields.length) && (overlayFields == null ? void 0 : overlayFields.includes(field));
+  return assignToY2 ? "y2" : "y";
+};
+var getSeriesOverrides = (opts) => {
+  var _a;
+  const {
+    yfields,
+    y2fields,
+    lineWidth,
+    overlayFields,
+    y2Enabled,
+    nullValueMode,
+    markerDisplay,
+    lineDashStyle,
+    lineDashStylesByField,
+    stepPosition,
+    stepPositionsByField,
+    type,
+    stackMode,
+    showLines
+  } = opts;
   const seriesConfig = {};
   let spanGaps;
-  let replaceNullsWithZero;
   if (nullValueMode === "gaps") {
     spanGaps = false;
-  } else if (nullValueMode === "connect" || nullValueMode === "zero") {
+  } else if (nullValueMode != null) {
     spanGaps = true;
-    if (nullValueMode === "zero") {
-      replaceNullsWithZero = true;
-    }
-  }
-  yfields.forEach((field) => {
+  } else {
+    spanGaps = void 0;
+  }
+  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 orderedFields = isAreaChart ? [...areaFields, ...overlayFieldsInOrder] : yfields;
+  orderedFields.forEach((field) => {
+    var _a2;
+    const isOverlay = (_a2 = overlayFields == null ? void 0 : overlayFields.includes(field)) != null ? _a2 : false;
+    const isPercent = isAreaChart && stackMode === "stacked100" && !isOverlay;
+    const shouldHideAreaOutline = isAreaChart && showLines === false && !isOverlay;
     seriesConfig[field] = {
-      overrides: { width: lineWidth != null ? lineWidth : DEFAULT_LINE_WIDTH }
+      overrides: __spreadValues({
+        width: shouldHideAreaOutline ? 0 : lineWidth != null ? lineWidth : DEFAULT_LINE_WIDTH
+      }, isPercent ? { stacking: { mode: "percent", group: "A" } } : {})
     };
-    if (spanGaps !== void 0) {
-      seriesConfig[field].overrides.spanGaps = spanGaps;
-    }
-    if (y2Enabled) {
-      const shouldAssignToY2 = (
-        // If y2Fields are present, assign all y2Fields to y2 scale
-        (y2fields == null ? void 0 : y2fields.length) > 0 && y2fields.includes(field) || // Else, assign all overlayFields to y2 scale
-        (!y2fields || y2fields.length === 0) && (overlayFields == null ? void 0 : overlayFields.includes(field))
-      );
-      if (shouldAssignToY2) {
-        seriesConfig[field].overrides.scale = "y2";
-      } else {
-        seriesConfig[field].overrides.scale = "y";
-      }
-    }
-    if (overlayFields == null ? void 0 : overlayFields.includes(field)) {
-      seriesConfig[field].type = "line";
-    }
-    if (markerDisplay !== void 0) {
-      seriesConfig[field].markerDisplay = markerDisplay;
-    }
-    const fieldDashStyle = (lineDashStylesByField == null ? void 0 : lineDashStylesByField[field]) || lineDashStyle;
-    if (fieldDashStyle) {
-      seriesConfig[field].lineDashStyle = fieldDashStyle;
+    const seriesType = getSeriesType(isOverlay, isAreaChart, isStacked);
+    if (seriesType !== void 0) seriesConfig[field].type = seriesType;
+    if (spanGaps !== void 0) seriesConfig[field].overrides.spanGaps = spanGaps;
+    if (y2Enabled) seriesConfig[field].overrides.scale = getY2Scale(field, y2fields, overlayFields);
+    if (markerDisplay !== void 0) seriesConfig[field].markerDisplay = markerDisplay;
+    if (!isAreaChart || isOverlay) {
+      const fieldDashStyle = (lineDashStylesByField == null ? void 0 : lineDashStylesByField[field]) || lineDashStyle;
+      if (fieldDashStyle) seriesConfig[field].lineDashStyle = fieldDashStyle;
     }
     const hasFieldStepPosition = Object.hasOwn(stepPositionsByField || {}, field);
     const fieldStepPosition = hasFieldStepPosition ? stepPositionsByField == null ? void 0 : stepPositionsByField[field] : stepPosition;
@@ -2701,9 +2743,9 @@ __export(visualization_schemas_exports, {
   default: () => visualization_schemas_default
 });
 init_define_global();
-var defaultImport27 = __toESM(require("@splunk/visualization-schemas"));
+var defaultImport29 = __toESM(require("@splunk/visualization-schemas"));
 __reExport(visualization_schemas_exports, require("@splunk/visualization-schemas"));
-var visualization_schemas_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
+var visualization_schemas_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
 
 // src/common/hooks/useTrellisEnabled.ts
 var useTrellisFeatureFlagOn = () => {
@@ -2734,8 +2776,27 @@ var TrellisTitleDiv = styled_components_default.div`
     background-color: ${(props) => props.backgroundColor};
     box-shadow: 0 1px ${(props) => props.backgroundColor}; // this is added to avoid a 1px gap between title and viz divs that showed up intermittently because of pixel rounding error in chrome.
 `;
+var formatTrellisKey = (value) => {
+  if (value === null || value === void 0) {
+    return "";
+  }
+  if (typeof value === "string") {
+    return value;
+  }
+  if (typeof value === "number" || typeof value === "boolean") {
+    return value.toString();
+  }
+  if (typeof value === "symbol") {
+    return value.toString();
+  }
+  try {
+    return JSON.stringify(value);
+  } catch (e) {
+    return typeof value === "bigint" ? value.toString() : "";
+  }
+};
 var TrellisTitle = (props) => {
-  const titleText = String(props.trellisKey).toString();
+  const titleText = formatTrellisKey(props.trellisKey);
   return /* @__PURE__ */ react_exports.createElement(
     TrellisTitleDiv,
     {
@@ -2871,6 +2932,38 @@ var parseArrayOption = (value) => {
   }
   return void 0;
 };
+var getAreaOpacityForCanvas = (areaOpacity) => (
+  // Preserve legacy visualizations behavior where area opacity is squared to match charting output.
+  areaOpacity !== void 0 && areaOpacity !== null ? __pow(areaOpacity, 2) : areaOpacity
+);
+var parseTickIntervalOption = (simpleXMLValue, canvasValue) => {
+  if (simpleXMLValue) return Number(simpleXMLValue);
+  if (canvasValue) return Number(canvasValue);
+  return void 0;
+};
+var getYAxisTitles = ({
+  y2Enabled,
+  yFields,
+  y2Fields,
+  overlayFields,
+  yAxisTitleText,
+  yAxisTitleVisibility,
+  y2AxisTitleText,
+  y2AxisTitleVisibility,
+  containerHeight
+}) => {
+  const yFieldsForTitle = y2Enabled ? yFields.filter((field) => !y2Fields.includes(field)) : yFields;
+  const fieldsForY2Axis = y2Fields.length > 0 ? y2Fields : overlayFields;
+  const yAxisTitle = ellipsisAxisTitle(
+    getComputedAxisTitles(yAxisTitleText, yFieldsForTitle, yAxisTitleVisibility),
+    containerHeight
+  );
+  const y2AxisTitle = ellipsisAxisTitle(
+    getComputedAxisTitles(y2AxisTitleText, fieldsForY2Axis, y2AxisTitleVisibility),
+    containerHeight
+  );
+  return { yAxisTitle, y2AxisTitle };
+};
 var TimeSeriesChartWrapper = (props) => {
   var _b, _c, _d;
   const _a = props, {
@@ -2960,6 +3053,8 @@ var TimeSeriesChartWrapper = (props) => {
     "chart.overlayFields": overlayFieldsStr,
     "chart.nullValueMode": nullValueMode,
     "chart.showDataLabels": showDataLabels,
+    "chart.showLines": showLines,
+    "chart.stackMode": stackMode,
     lineWidth,
     lineDashStyle,
     fieldDashStyles: lineDashStylesByFieldStr,
@@ -2988,7 +3083,10 @@ var TimeSeriesChartWrapper = (props) => {
     yAxisMinorTickSize,
     y2AxisMinorTickSize,
     showYAxisWithZero: showYAxisWithZeroFromOptions,
-    showY2AxisWithZero: showY2AxisWithZeroFromOptions
+    showY2AxisWithZero: showY2AxisWithZeroFromOptions,
+    // area only props
+    areaFillOpacity: areaOpacity,
+    chart: chartType
   } = options;
   const dataValuesDisplay = showDataLabels === "none" ? "off" : showDataLabels;
   const showYAxisWithZero = showYAxisWithZeroFromProps != null ? showYAxisWithZeroFromProps : showYAxisWithZeroFromOptions;
@@ -3005,13 +3103,11 @@ var TimeSeriesChartWrapper = (props) => {
   const yAxisMax = parseAxisValue(yAxisMaxRaw);
   const y2AxisMin = parseAxisValue(y2AxisMinRaw);
   const y2AxisMax = parseAxisValue(y2AxisMaxRaw);
-  const parseTickInterval = (simpleXMLValue, canvasValue) => {
-    if (simpleXMLValue) return Number(simpleXMLValue);
-    if (canvasValue) return Number(canvasValue);
-    return void 0;
-  };
-  const yAxisMajorTickIntervalNum = parseTickInterval(yAxisMajorUnitFromSimpleXML, yAxisMajorTickInterval);
-  const y2AxisMajorTickIntervalNum = parseTickInterval(
+  const yAxisMajorTickIntervalNum = parseTickIntervalOption(
+    yAxisMajorUnitFromSimpleXML,
+    yAxisMajorTickInterval
+  );
+  const y2AxisMajorTickIntervalNum = parseTickIntervalOption(
     y2AxisMajorUnitFromSimpleXML,
     y2AxisMajorTickInterval
   );
@@ -3020,6 +3116,7 @@ var TimeSeriesChartWrapper = (props) => {
   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 areaOpacityForCanvas = getAreaOpacityForCanvas(areaOpacity);
   const seriesColors = seriesColorsStr ? JSON.parse(seriesColorsStr) : void 0;
   const seriesColorsByField = fieldColors ? JSON.parse(fieldColors) : void 0;
   const lineDashStylesByField = lineDashStylesByFieldStr ? JSON.parse(lineDashStylesByFieldStr) : void 0;
@@ -3050,26 +3147,40 @@ var TimeSeriesChartWrapper = (props) => {
   );
   let xAxisTitle = getComputedAxisTitles(xAxisTitleText, [xField], xAxisTitleVisibility);
   xAxisTitle = ellipsisAxisTitle(xAxisTitle, containerWidth);
-  const yFieldsForTitle = y2Enabled ? yFields.filter((field) => !y2Fields.includes(field)) : yFields;
-  let yAxisTitle = getComputedAxisTitles(yAxisTitleText, yFieldsForTitle, yAxisTitleVisibility);
-  yAxisTitle = ellipsisAxisTitle(yAxisTitle, containerHeight);
-  const fieldsForY2Axis = y2Fields.length > 0 ? y2Fields : overlayFields;
-  let y2AxisTitle = getComputedAxisTitles(y2AxisTitleText, fieldsForY2Axis, y2AxisTitleVisibility);
-  y2AxisTitle = ellipsisAxisTitle(y2AxisTitle, containerHeight);
+  const { yAxisTitle, y2AxisTitle } = getYAxisTitles({
+    y2Enabled,
+    yFields,
+    y2Fields,
+    overlayFields,
+    yAxisTitleText,
+    yAxisTitleVisibility,
+    y2AxisTitleText,
+    y2AxisTitleVisibility,
+    containerHeight
+  });
   const xScaleConfig = (0, react_exports.useMemo)(
     () => getXScaleConfig(xAxisTitle, xAxisLabelVisibility, xAxisLabelRotation),
     [xAxisTitle, xAxisLabelVisibility, xAxisLabelRotation]
   );
+  const isStacked100 = stackMode === "stacked100";
   const yScaleConfig = (0, react_exports.useMemo)(
-    () => getYScaleConfig(
-      yAxisTitle,
-      yAxisAbbreviation,
-      yAxisScale,
-      yAxisLabelVisibility,
-      yAxisMin,
-      yAxisMax
-    ),
-    [yAxisTitle, yAxisAbbreviation, yAxisScale, yAxisLabelVisibility, yAxisMin, yAxisMax]
+    () => {
+      const config2 = getYScaleConfig(
+        yAxisTitle,
+        yAxisAbbreviation,
+        yAxisScale,
+        yAxisLabelVisibility,
+        yAxisMin,
+        yAxisMax
+      );
+      if (isStacked100) {
+        config2.y.tickFmt = (v) => `${Math.round(v * 100)}%`;
+        config2.y.range = () => [0, 1];
+      }
+      return config2;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [yAxisTitle, yAxisAbbreviation, yAxisScale, yAxisLabelVisibility, yAxisMin, yAxisMax, isStacked100]
   );
   const y2ScaleConfig = (0, react_exports.useMemo)(() => {
     if (y2Enabled) {
@@ -3101,10 +3212,11 @@ var TimeSeriesChartWrapper = (props) => {
   ];
   chartData.fields = filteredChartData.fields;
   chartData.columns = seriesDataFormatted;
+  const normalizedStackMode = stackMode === "stacked" || stackMode === "stacked100" ? stackMode : "auto";
   const seriesOverrides = (0, react_exports.useMemo)(
-    () => getSeriesOverrides(
-      yFields,
-      y2Fields,
+    () => getSeriesOverrides({
+      yfields: yFields,
+      y2fields: y2Fields,
       lineWidth,
       overlayFields,
       y2Enabled,
@@ -3113,8 +3225,11 @@ var TimeSeriesChartWrapper = (props) => {
       lineDashStyle,
       lineDashStylesByField,
       stepPosition,
-      stepPositionsByField
-    ),
+      stepPositionsByField,
+      type: chartType,
+      stackMode: normalizedStackMode,
+      showLines
+    }),
     [
       yFields,
       y2Fields,
@@ -3126,7 +3241,10 @@ var TimeSeriesChartWrapper = (props) => {
       lineDashStyle,
       lineDashStylesByField,
       stepPosition,
-      stepPositionsByField
+      stepPositionsByField,
+      chartType,
+      normalizedStackMode,
+      showLines
     ]
   );
   const chartingEventAnnotations = (0, react_exports.useMemo)(
@@ -3194,50 +3312,54 @@ var TimeSeriesChartWrapper = (props) => {
   react_exports.useEffect(() => {
     additionalTooltipValuesRef.current = additionalTooltipValues;
   }, [additionalTooltipValues]);
+  const handleCrosshairMouseout = react_exports.useCallback(() => {
+    if (onPointMouseOut && lastPayloadRef.current) {
+      onPointMouseOut({
+        type: "point.mouseout",
+        originalEvent: lastOriginalEventRef.current,
+        payload: lastPayloadRef.current
+      });
+    }
+    previousMouseoverPayloadRef.current = null;
+  }, [onPointMouseOut]);
   const handleChartCrosshairChange = react_exports.useCallback(
     (event) => {
-      if (onPointMouseOver || onPointMouseOut) {
-        if (!event) {
-          if (onPointMouseOut && lastPayloadRef.current) {
-            onPointMouseOut({
-              type: "point.mouseout",
-              originalEvent: lastOriginalEventRef.current,
-              payload: lastPayloadRef.current
-            });
-          }
-          previousMouseoverPayloadRef.current = null;
-          return;
-        }
-        const payload = __spreadProps(__spreadValues({}, (0, lodash_exports.pick)(event, "value", "seriesKey", "time", "index", "seriesIndex")), {
-          name: event.seriesKey
+      if (!onPointMouseOver && !onPointMouseOut) {
+        return;
+      }
+      if (!event) {
+        handleCrosshairMouseout();
+        return;
+      }
+      const payload = __spreadProps(__spreadValues({}, (0, lodash_exports.pick)(event, "value", "seriesKey", "time", "index", "seriesIndex")), {
+        name: event.seriesKey
+      });
+      delete payload.seriesKey;
+      if (event.rowContext) {
+        Object.assign(
+          payload,
+          Object.keys(event.rowContext).reduce((acc, fieldName) => {
+            acc[`row.${fieldName}.value`] = event.rowContext[fieldName];
+            return acc;
+          }, {})
+        );
+      }
+      const updatedPayload = appendTrellisToPayload(payload, trellisKey, trellisSplitBy);
+      if (!hasMouseoverPayloadChanged(updatedPayload, previousMouseoverPayloadRef.current)) {
+        return;
+      }
+      lastPayloadRef.current = updatedPayload;
+      lastOriginalEventRef.current = event;
+      previousMouseoverPayloadRef.current = __spreadValues({}, updatedPayload);
+      if (onPointMouseOver) {
+        onPointMouseOver({
+          type: "point.mouseover",
+          originalEvent: event,
+          payload: updatedPayload
         });
-        delete payload.seriesKey;
-        if (event.rowContext) {
-          Object.assign(
-            payload,
-            Object.keys(event.rowContext).reduce((acc, fieldName) => {
-              acc[`row.${fieldName}.value`] = event.rowContext[fieldName];
-              return acc;
-            }, {})
-          );
-        }
-        const updatedPayload = appendTrellisToPayload(payload, trellisKey, trellisSplitBy);
-        if (!hasMouseoverPayloadChanged(updatedPayload, previousMouseoverPayloadRef.current)) {
-          return;
-        }
-        lastPayloadRef.current = updatedPayload;
-        lastOriginalEventRef.current = event;
-        previousMouseoverPayloadRef.current = __spreadValues({}, updatedPayload);
-        if (onPointMouseOver) {
-          onPointMouseOver({
-            type: "point.mouseover",
-            originalEvent: event,
-            payload: updatedPayload
-          });
-        }
       }
     },
-    [onPointMouseOver, onPointMouseOut, trellisKey, trellisSplitBy]
+    [onPointMouseOver, onPointMouseOut, trellisKey, trellisSplitBy, handleCrosshairMouseout]
   );
   const dataKey = `${(_b = chartData.columns[0]) == null ? void 0 : _b[0]}-${(_c = chartData.columns[0]) == null ? void 0 : _c[chartData.columns[0].length - 1]}-${(_d = chartData.columns[0]) == null ? void 0 : _d.length}`;
   const memoizedChart = (0, react_exports.useMemo)(() => {
@@ -3292,7 +3414,8 @@ var TimeSeriesChartWrapper = (props) => {
         showXAxisLine,
         showYAxisLine,
         showY2AxisLine,
-        xAxisMaxLabelParts
+        xAxisMaxLabelParts,
+        areaOpacity: areaOpacityForCanvas
       }
     ));
   }, [
@@ -3344,7 +3467,8 @@ var TimeSeriesChartWrapper = (props) => {
     showYAxisLine,
     showY2AxisLine,
     legendMode,
-    xAxisMaxLabelParts
+    xAxisMaxLabelParts,
+    areaOpacityForCanvas
   ]);
   const memoizedVisualization = (0, react_exports.useMemo)(() => {
     return /* @__PURE__ */ react_exports.createElement(VizStyleWrapper_default, { backgroundColor: bgColor }, memoizedChart);
@@ -3372,6 +3496,37 @@ var TimeSeriesChartWrapper_default = TimeSeriesChartWrapper;
 
 // src/common/withDashboardViz.tsx
 var SanitizedTimeSeriesChartWrapper = (0, SanitizeProps_exports.withSanitizedProps)(TimeSeriesChartWrapper_default);
+var buildEventCallbackProps = (supportedEvents, evaluatedOptionsToUse, onEventTrigger) => {
+  const result = {};
+  Object.keys(supportedEvents).forEach((eventName) => {
+    const { parentKeys, payloadKeys } = supportedEvents[eventName];
+    const eventCallbackPropName = (0, lodash_exports.camelCase)(`on.${eventName}`);
+    let payload = {};
+    if (Array.isArray(payloadKeys) && payloadKeys.length) {
+      payloadKeys.forEach((p) => {
+        payload[p] = evaluatedOptionsToUse[p];
+      });
+    }
+    result[eventCallbackPropName] = (ev) => {
+      if (ev == null ? void 0 : ev.payload) {
+        payload = __spreadValues({}, ev.payload);
+      }
+      return onEventTrigger({
+        originalEvent: ev,
+        payload,
+        type: eventName
+      });
+    };
+    if (parentKeys) {
+      for (let i = parentKeys.length - 1; i >= 0; i -= 1) {
+        const newObject = {};
+        newObject[parentKeys[i]] = result[eventCallbackPropName];
+        result[eventCallbackPropName] = newObject;
+      }
+    }
+  });
+  return result;
+};
 var withDashboardViz = (opts) => {
   const {
     ReactViz,
@@ -3429,9 +3584,7 @@ var withDashboardViz = (opts) => {
     const isDownsamplingEnabledByFeatureFlag = Boolean(
       featureFlagContext == null ? void 0 : featureFlagContext.visualizations_enableDownsampling
     );
-    const isTrellisFeatureFlagOn = Boolean(
-      featureFlagContext && featureFlagContext.visualizations_enableTrellis
-    );
+    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 isAcceleratedRenderFeatureFlagOn = Boolean(
       featureFlagContext == null ? void 0 : featureFlagContext.visualizations_enableAcceleratedRender
@@ -3596,38 +3749,12 @@ var withDashboardViz = (opts) => {
         }
       );
     }
-    const eventCallbackProps = {};
-    if (hasEventHandlers && mode === "view" && vizConfig.supports.indexOf("events" /* EVENTS */) > -1) {
-      const supportedEvents = vizConfig.events;
-      Object.keys(supportedEvents).forEach((eventName) => {
-        const { parentKeys, payloadKeys } = supportedEvents[eventName];
-        const eventCallbackPropName = (0, lodash_exports.camelCase)(`on.${eventName}`);
-        let payload = {};
-        if (Array.isArray(payloadKeys) && payloadKeys.length) {
-          payloadKeys.forEach((p) => {
-            payload[p] = evaluatedOptionsToUse[p];
-          });
-        }
-        eventCallbackProps[eventCallbackPropName] = (ev) => {
-          if (ev == null ? void 0 : ev.payload) {
-            payload = __spreadValues({}, ev.payload);
-          }
-          return onEventTrigger({
-            originalEvent: ev,
-            payload,
-            type: eventName
-          });
-        };
-        if (parentKeys) {
-          for (let i = parentKeys.length - 1; i >= 0; i -= 1) {
-            const newObject = {};
-            newObject[parentKeys[i]] = eventCallbackProps[eventCallbackPropName];
-            eventCallbackProps[eventCallbackPropName] = newObject;
-          }
-        }
-      });
-    }
-    const computedVizProps = computeVizProps2(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, props), evaluatedOptionsToUse), eventCallbackProps), {
+    const eventCallbackProps = hasEventHandlers && mode === "view" && vizConfig.supports.includes("events" /* EVENTS */) ? buildEventCallbackProps(vizConfig.events, evaluatedOptionsToUse, onEventTrigger) : {};
+    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.
+      isAcceleratedRenderOn
+    }), eventCallbackProps), {
       themeFunc
     }));
     if (useAsyncEvaluatedOptions && Object.keys(evaluatedOptionsToUse).length === 0) {
@@ -3665,9 +3792,9 @@ __export(d3_transition_exports, {
   default: () => d3_transition_default
 });
 init_define_global();
-var defaultImport28 = __toESM(require("d3-transition"));
+var defaultImport30 = __toESM(require("d3-transition"));
 __reExport(d3_transition_exports, require("d3-transition"));
-var d3_transition_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
+var d3_transition_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
 
 // esm-externals:d3-selection
 var d3_selection_exports = {};
@@ -3675,9 +3802,9 @@ __export(d3_selection_exports, {
   default: () => d3_selection_default
 });
 init_define_global();
-var defaultImport29 = __toESM(require("d3-selection"));
+var defaultImport31 = __toESM(require("d3-selection"));
 __reExport(d3_selection_exports, require("d3-selection"));
-var d3_selection_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
+var d3_selection_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
 
 // esm-externals:d3-zoom
 var d3_zoom_exports = {};
@@ -3685,9 +3812,9 @@ __export(d3_zoom_exports, {
   default: () => d3_zoom_default
 });
 init_define_global();
-var defaultImport30 = __toESM(require("d3-zoom"));
+var defaultImport32 = __toESM(require("d3-zoom"));
 __reExport(d3_zoom_exports, require("d3-zoom"));
-var d3_zoom_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
+var d3_zoom_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
 
 // src/NetworkGraph/PureNetworkGraph/utils/networkGraphUtils.ts
 init_define_global();
@@ -3698,9 +3825,9 @@ __export(dagre_exports, {
   default: () => dagre_default
 });
 init_define_global();
-var defaultImport31 = __toESM(require("dagre"));
+var defaultImport33 = __toESM(require("dagre"));
 __reExport(dagre_exports, require("dagre"));
-var dagre_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
+var dagre_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
 
 // esm-externals:@splunk/visualizations-shared/iconUtils
 var iconUtils_exports = {};
@@ -3708,9 +3835,9 @@ __export(iconUtils_exports, {
   default: () => iconUtils_default
 });
 init_define_global();
-var defaultImport32 = __toESM(require("@splunk/visualizations-shared/iconUtils"));
+var defaultImport34 = __toESM(require("@splunk/visualizations-shared/iconUtils"));
 __reExport(iconUtils_exports, require("@splunk/visualizations-shared/iconUtils"));
-var iconUtils_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
+var iconUtils_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
 
 // esm-externals:@splunk/visualization-encoding/utils/colorUtils
 var colorUtils_exports2 = {};
@@ -3718,9 +3845,9 @@ __export(colorUtils_exports2, {
   default: () => colorUtils_default2
 });
 init_define_global();
-var defaultImport33 = __toESM(require("@splunk/visualization-encoding/utils/colorUtils"));
+var defaultImport35 = __toESM(require("@splunk/visualization-encoding/utils/colorUtils"));
 __reExport(colorUtils_exports2, require("@splunk/visualization-encoding/utils/colorUtils"));
-var colorUtils_default2 = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
+var colorUtils_default2 = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
 
 // src/common/utils/textUtils.ts
 init_define_global();
@@ -3779,9 +3906,9 @@ __export(d3_force_exports, {
   default: () => d3_force_default
 });
 init_define_global();
-var defaultImport34 = __toESM(require("d3-force"));
+var defaultImport36 = __toESM(require("d3-force"));
 __reExport(d3_force_exports, require("d3-force"));
-var d3_force_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
+var d3_force_default = "default" in defaultImport36 ? defaultImport36.default : defaultImport36;
 
 // esm-externals:d3-quadtree
 var d3_quadtree_exports = {};
@@ -3789,9 +3916,9 @@ __export(d3_quadtree_exports, {
   default: () => d3_quadtree_default
 });
 init_define_global();
-var defaultImport35 = __toESM(require("d3-quadtree"));
+var defaultImport37 = __toESM(require("d3-quadtree"));
 __reExport(d3_quadtree_exports, require("d3-quadtree"));
-var d3_quadtree_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
+var d3_quadtree_default = "default" in defaultImport37 ? defaultImport37.default : defaultImport37;
 
 // src/NetworkGraph/PureNetworkGraph/utils/networkGraphShared.ts
 init_define_global();
@@ -3990,6 +4117,9 @@ var RECT_TOP_MARGIN = 4;
 var LABEL_FONT_SIZE = 12;
 var FONT = `${LABEL_FONT_SIZE}px ${VIZ_FONT_FAMILY}`;
 var DIM_OPACITY = 0.25;
+var NODE_FOCUS_RING_PADDING = 4;
+var NODE_FOCUS_RING_STROKE_WIDTH = 3;
+var NODE_FOCUS_RING_SCREEN_PADDING = NODE_FOCUS_RING_STROKE_WIDTH / 2;
 var MIN_NODE_SPACING = 4;
 var MIN_EDGE_LENGTH = 48;
 var MIN_NODE_CONTAINER_SIZE = DEFAULT_NODE_RADIUS * 2 + MIN_EDGE_LENGTH;
@@ -4420,9 +4550,10 @@ var truncateTextToMaxLines = (text = "", font = `12px ${VIZ_FONT_FAMILY}`, maxWi
   }
   return outputLines;
 };
-var getNodeBounds = (node) => {
+var getNodeBounds = (node, options = {}) => {
   var _a, _b;
   if (!node) return void 0;
+  if (!Number.isFinite(node.x) || !Number.isFinite(node.y)) return void 0;
   const truncatedText = truncateTextToMaxLines((_a = node.label) != null ? _a : "", FONT, MAX_TEXT_WIDTH, 2);
   const textWidth = truncatedText.length ? Math.max(...truncatedText.map((line) => computeTextWidth(line, FONT))) : 0;
   const labelHeight = truncatedText.length > 0 ? RECT_VERTICAL_PADDING * 2 + LINE_HEIGHT * truncatedText.length : 0;
@@ -4430,13 +4561,156 @@ var getNodeBounds = (node) => {
   const nodeLabelWidth = textWidth + RECT_HORIZONTAL_PADDING * 2;
   const nodeDiameter = (_b = node.size) != null ? _b : DEFAULT_NODE_RADIUS * 2;
   const nodeRadius = nodeDiameter / 2;
+  const nodeCircleRadius = options.includeFocusRing ? nodeRadius + NODE_FOCUS_RING_PADDING : nodeRadius;
+  const nodeLeft = node.x - Math.max(nodeCircleRadius, nodeLabelWidth / 2);
+  const nodeWidth = Math.max(nodeCircleRadius * 2, nodeLabelWidth);
+  return {
+    x: nodeLeft,
+    y: node.y - nodeCircleRadius,
+    x2: nodeLeft + nodeWidth,
+    y2: Math.max(node.y + nodeCircleRadius, node.y + nodeRadius + nodeLabelHeightWithMargin)
+  };
+};
+var getScreenBounds = (node, transform, options = {}) => {
+  const bounds = getNodeBounds(node, options);
+  if (!bounds) {
+    return null;
+  }
+  const screenPadding = options.includeFocusRing ? NODE_FOCUS_RING_SCREEN_PADDING : 0;
+  const left = bounds.x * transform.k + transform.x - screenPadding;
+  const top = bounds.y * transform.k + transform.y - screenPadding;
+  const right = bounds.x2 * transform.k + transform.x + screenPadding;
+  const bottom = bounds.y2 * transform.k + transform.y + screenPadding;
   return {
-    x: node.x - Math.max(nodeRadius, nodeLabelWidth / 2),
-    y: node.y - nodeRadius,
-    x2: node.x - Math.max(nodeRadius, nodeLabelWidth / 2) + Math.max(nodeRadius * 2, nodeLabelWidth),
-    y2: node.y + nodeRadius + nodeLabelHeightWithMargin
+    left,
+    top,
+    right,
+    bottom,
+    width: right - left,
+    height: bottom - top
   };
 };
+var isNodePartiallyVisible = (node, transform, viewportWidth, viewportHeight) => {
+  const bounds = getScreenBounds(node, transform);
+  if (!bounds) {
+    return false;
+  }
+  return bounds.right >= 0 && bounds.left <= viewportWidth && bounds.bottom >= 0 && bounds.top <= viewportHeight;
+};
+var getOrderedNodesWithPositions = (nodeMap) => Object.values(nodeMap).filter((node) => Number.isFinite(node.x) && Number.isFinite(node.y)).sort((a, b) => a.index - b.index);
+var getCentermostNodeId = (nodeMap, transform, viewportWidth, viewportHeight) => {
+  const nodesWithPositions = getOrderedNodesWithPositions(nodeMap);
+  if (nodesWithPositions.length === 0) {
+    return null;
+  }
+  const visibleNodes = nodesWithPositions.filter(
+    (node) => isNodePartiallyVisible(node, transform, viewportWidth, viewportHeight)
+  );
+  const candidates = visibleNodes.length > 0 ? visibleNodes : nodesWithPositions;
+  const viewportCenterX = viewportWidth / 2;
+  const viewportCenterY = viewportHeight / 2;
+  return candidates.reduce((closestNode, node) => {
+    const closestDistance = __pow(closestNode.x * transform.k + transform.x - viewportCenterX, 2) + __pow(closestNode.y * transform.k + transform.y - viewportCenterY, 2);
+    const distance = __pow(node.x * transform.k + transform.x - viewportCenterX, 2) + __pow(node.y * transform.k + transform.y - viewportCenterY, 2);
+    if (distance < closestDistance) {
+      return node;
+    }
+    return closestNode;
+  }, candidates[0]).id;
+};
+var getNextNodeIdInDirection = (nodeMap, currentNodeId, direction) => {
+  if (!currentNodeId || !nodeMap[currentNodeId]) {
+    return null;
+  }
+  const currentNode = nodeMap[currentNodeId];
+  if (!Number.isFinite(currentNode.x) || !Number.isFinite(currentNode.y)) {
+    return null;
+  }
+  const candidates = getOrderedNodesWithPositions(nodeMap).filter((node) => node.id !== currentNodeId);
+  const directionalCandidates = candidates.map((node) => {
+    const dx = node.x - currentNode.x;
+    const dy = node.y - currentNode.y;
+    let primaryDistance;
+    let secondaryDistance;
+    switch (direction) {
+      case "ArrowLeft":
+        primaryDistance = -dx;
+        secondaryDistance = Math.abs(dy);
+        break;
+      case "ArrowRight":
+        primaryDistance = dx;
+        secondaryDistance = Math.abs(dy);
+        break;
+      case "ArrowUp":
+        primaryDistance = -dy;
+        secondaryDistance = Math.abs(dx);
+        break;
+      case "ArrowDown":
+        primaryDistance = dy;
+        secondaryDistance = Math.abs(dx);
+        break;
+      default:
+        primaryDistance = Number.NaN;
+        secondaryDistance = Number.NaN;
+    }
+    return {
+      node,
+      primaryDistance,
+      secondaryDistance,
+      navigationScore: primaryDistance + secondaryDistance * 4,
+      distance: __pow(dx, 2) + __pow(dy, 2),
+      isDirectionallyAligned: primaryDistance >= secondaryDistance
+    };
+  }).filter(({ primaryDistance }) => primaryDistance > 0);
+  if (directionalCandidates.length === 0) {
+    return null;
+  }
+  const alignedCandidates = directionalCandidates.filter(
+    ({ isDirectionallyAligned }) => isDirectionallyAligned
+  );
+  const candidatesToSort = alignedCandidates.length > 0 ? alignedCandidates : directionalCandidates;
+  candidatesToSort.sort((a, b) => {
+    if (a.navigationScore !== b.navigationScore) {
+      return a.navigationScore - b.navigationScore;
+    }
+    if (a.secondaryDistance !== b.secondaryDistance) {
+      return a.secondaryDistance - b.secondaryDistance;
+    }
+    return a.node.index - b.node.index;
+  });
+  return candidatesToSort[0].node.id;
+};
+var getPanDeltaToRevealNode = (node, transform, viewportWidth, viewportHeight) => {
+  const bounds = getScreenBounds(node, transform, { includeFocusRing: true });
+  if (!bounds) {
+    return { dx: 0, dy: 0 };
+  }
+  let dx = 0;
+  let dy = 0;
+  if (bounds.width <= viewportWidth) {
+    if (bounds.left < 0) {
+      dx = -bounds.left;
+    } else if (bounds.right > viewportWidth) {
+      dx = viewportWidth - bounds.right;
+    }
+  } else if (bounds.left > 0) {
+    dx = -bounds.left;
+  } else if (bounds.right < viewportWidth) {
+    dx = viewportWidth - bounds.right;
+  }
+  if (bounds.height <= viewportHeight) {
+    if (bounds.top < 0) {
+      dy = -bounds.top;
+    } else if (bounds.bottom > viewportHeight) {
+      dy = viewportHeight - bounds.bottom;
+    }
+  } else if (bounds.top > 0) {
+    dy = -bounds.top;
+  } else if (bounds.bottom < viewportHeight) {
+    dy = viewportHeight - bounds.bottom;
+  }
+  return { dx, dy };
+};
 var getFullVizBoundsWithPadding = (nodeMap, padding) => {
   let minX = Infinity;
   let minY = Infinity;
@@ -4904,9 +5178,9 @@ __export(themes_exports, {
   default: () => themes_default
 });
 init_define_global();
-var defaultImport36 = __toESM(require("@splunk/themes"));
+var defaultImport38 = __toESM(require("@splunk/themes"));
 __reExport(themes_exports, require("@splunk/themes"));
-var themes_default = "default" in defaultImport36 ? defaultImport36.default : defaultImport36;
+var themes_default = "default" in defaultImport38 ? defaultImport38.default : defaultImport38;
 
 // esm-externals:@splunk/visualizations-shared/RemoteIcon
 var RemoteIcon_exports = {};
@@ -4914,9 +5188,9 @@ __export(RemoteIcon_exports, {
   default: () => RemoteIcon_default
 });
 init_define_global();
-var defaultImport37 = __toESM(require("@splunk/visualizations-shared/RemoteIcon"));
+var defaultImport39 = __toESM(require("@splunk/visualizations-shared/RemoteIcon"));
 __reExport(RemoteIcon_exports, require("@splunk/visualizations-shared/RemoteIcon"));
-var RemoteIcon_default = "default" in defaultImport37 ? defaultImport37.default : defaultImport37;
+var RemoteIcon_default = "default" in defaultImport39 ? defaultImport39.default : defaultImport39;
 
 // src/NetworkGraph/PureNetworkGraph/utils/iconLoader.ts
 init_define_global();
@@ -5019,7 +5293,18 @@ var NodeCircle = styled_components_default.circle`
   var _a;
   return (_a = props.color) != null ? _a : themes_exports.variables.neutral100;
 }};
-    cursor: pointer;
+    cursor: ${(props) => props.$isClickable ? "pointer" : "default"};
+
+    &:focus {
+        outline: none;
+    }
+`;
+var NodeFocusRing = styled_components_default.circle`
+    fill: none;
+    stroke: ${themes_exports.variables.focusColor};
+    stroke-width: ${NODE_FOCUS_RING_STROKE_WIDTH}px;
+    pointer-events: none;
+    vector-effect: non-scaling-stroke;
 `;
 var IconElement = (_a) => {
   var _b = _a, { icon } = _b, iconProps = __objRest(_b, ["icon"]);
@@ -5058,7 +5343,8 @@ var Node = (0, react_exports.memo)(function Node2(props) {
     handleOpen,
     handleAnchor,
     handleRequestClose,
-    isDragging = false
+    isDragging = false,
+    tabIndex = 0
   } = props;
   const circleRef = (0, react_exports.useRef)(null);
   const truncatedText = truncateTextToMaxLines(label, FONT, MAX_TEXT_WIDTH, 2);
@@ -5076,6 +5362,8 @@ var Node = (0, react_exports.memo)(function Node2(props) {
   const { iconUrl, shouldRenderRemoteIcon } = (0, react_exports.useMemo)(() => getIconRenderInfo(icon), [icon]);
   const builtInIcon = (0, react_exports.useMemo)(() => isBuiltInIcon(icon) ? icon : null, [icon]);
   const [IconComponent, setIconComponent] = react_exports.useState(null);
+  const [isFocused, setIsFocused] = react_exports.useState(false);
+  const isClickable = typeof handleNodeClick === "function";
   react_exports.useEffect(() => {
     if (!builtInIcon) {
       setIconComponent(null);
@@ -5107,6 +5395,8 @@ var Node = (0, react_exports.memo)(function Node2(props) {
     };
   }, [builtInIcon]);
   const nodeClickHandler = (0, react_exports.useCallback)(() => {
+    var _a2;
+    (_a2 = circleRef.current) == null ? void 0 : _a2.focus();
     if (handleNodeClick) {
       handleNodeClick({ id, value, index });
     }
@@ -5158,12 +5448,29 @@ var Node = (0, react_exports.memo)(function Node2(props) {
     }
     handleRequestClose();
   }, [handleNodeMouseOut, nodeWithPosition, setHighlightedNode, handleRequestClose, isDragging]);
+  const onFocus = (0, react_exports.useCallback)(() => {
+    setIsFocused(true);
+    onMouseEnter();
+  }, [onMouseEnter]);
+  const onBlur = (0, react_exports.useCallback)(() => {
+    setIsFocused(false);
+    onMouseLeave();
+  }, [onMouseLeave]);
   react_exports.useEffect(() => {
     if (isDragging) {
       handleRequestClose();
     }
   }, [isDragging, handleRequestClose]);
-  return /* @__PURE__ */ react_exports.createElement(react_exports.Fragment, null, /* @__PURE__ */ react_exports.createElement(
+  return /* @__PURE__ */ react_exports.createElement(react_exports.Fragment, null, isFocused && /* @__PURE__ */ react_exports.createElement(
+    NodeFocusRing,
+    {
+      "data-test": "node-focus-ring",
+      r: radius + NODE_FOCUS_RING_PADDING,
+      cx: x,
+      cy: y,
+      opacity
+    }
+  ), /* @__PURE__ */ react_exports.createElement(
     NodeCircle,
     {
       "data-test": "node",
@@ -5174,17 +5481,18 @@ var Node = (0, react_exports.memo)(function Node2(props) {
       height: diameter,
       id: sanitizedId,
       ref: circleRef,
-      tabIndex: 0,
-      role: "button",
+      tabIndex,
+      role: isClickable ? "button" : "graphics-object",
       "aria-label": label || (0, i18n_exports._)("Node"),
+      $isClickable: isClickable,
       color,
       opacity,
-      onClick: nodeClickHandler,
-      onKeyDown,
+      onClick: isClickable ? nodeClickHandler : void 0,
+      onKeyDown: isClickable ? onKeyDown : void 0,
       onMouseEnter,
       onMouseLeave,
-      onFocus: onMouseEnter,
-      onBlur: onMouseLeave
+      onFocus,
+      onBlur
     }
   ), !!IconComponent && !shouldHideIcon && /* @__PURE__ */ react_exports.createElement(
     NodeIcon,
@@ -5352,9 +5660,22 @@ __export(Popover_exports, {
   default: () => Popover_default
 });
 init_define_global();
-var defaultImport112 = __toESM(require("@splunk/react-ui/Popover"));
+var defaultImport114 = __toESM(require("@splunk/react-ui/Popover"));
 __reExport(Popover_exports, require("@splunk/react-ui/Popover"));
-var Popover_default = "default" in defaultImport112 ? defaultImport112.default : defaultImport112;
+var Popover_default = "default" in defaultImport114 ? defaultImport114.default : defaultImport114;
+
+// src/common/utils/shadowDomUtils.ts
+init_define_global();
+var getFloatingLayerStyleTarget = (anchor) => {
+  if (!anchor || typeof anchor.getRootNode !== "function") {
+    return void 0;
+  }
+  const rootNode = anchor.getRootNode();
+  if (typeof ShadowRoot !== "undefined" && rootNode instanceof ShadowRoot) {
+    return anchor.ownerDocument.head;
+  }
+  return void 0;
+};
 
 // src/NetworkGraph/PureNetworkGraph/components/Tooltip.tsx
 var StyledPopover = styled_components_default(Popover_default)`
@@ -5398,17 +5719,24 @@ var Tooltip = ({
   headerValue,
   nodeFields = {},
   onRequestClose
-}) => /* @__PURE__ */ react_exports.createElement(
-  StyledPopover,
-  {
-    "data-test": "network-graph-tooltip",
-    open,
-    anchor,
-    onRequestClose,
-    defaultPlacement: "above"
-  },
-  /* @__PURE__ */ react_exports.createElement(StyledWrapper, null, /* @__PURE__ */ react_exports.createElement(Title, null, headerValue), /* @__PURE__ */ react_exports.createElement(StyledTable, null, /* @__PURE__ */ react_exports.createElement("tbody", null, Object.entries(nodeFields).map(([field, value]) => /* @__PURE__ */ react_exports.createElement("tr", { key: field }, /* @__PURE__ */ react_exports.createElement(StyledLabelCell, null, (0, i18n_exports._)(field)), /* @__PURE__ */ react_exports.createElement(StyledValueCell, null, (0, i18n_exports._)(String(value))))))))
-);
+}) => {
+  if (!open || !anchor) {
+    return null;
+  }
+  const styleTarget = getFloatingLayerStyleTarget(anchor);
+  const popover = /* @__PURE__ */ react_exports.createElement(
+    StyledPopover,
+    {
+      "data-test": "network-graph-tooltip",
+      open,
+      anchor,
+      onRequestClose,
+      defaultPlacement: "above"
+    },
+    /* @__PURE__ */ react_exports.createElement(StyledWrapper, null, /* @__PURE__ */ react_exports.createElement(Title, null, headerValue), /* @__PURE__ */ react_exports.createElement(StyledTable, null, /* @__PURE__ */ react_exports.createElement("tbody", null, Object.entries(nodeFields).map(([field, value]) => /* @__PURE__ */ react_exports.createElement("tr", { key: field }, /* @__PURE__ */ react_exports.createElement(StyledLabelCell, null, (0, i18n_exports._)(field)), /* @__PURE__ */ react_exports.createElement(StyledValueCell, null, (0, i18n_exports._)(String(value))))))))
+  );
+  return styleTarget ? /* @__PURE__ */ react_exports.createElement(styled_components_exports.StyleSheetManager, { target: styleTarget }, popover) : popover;
+};
 var Tooltip_default = Tooltip;
 
 // src/NetworkGraph/PureNetworkGraph/components/NetworkGraphSvg.tsx
@@ -5432,7 +5760,8 @@ var NetworkGraphSvg = (0, react_exports.memo)(function NetworkGraphSvg2({
   handleNodeMouseOut,
   highlightedNode,
   setHighlightedNode = () => void 0,
-  isDragging = false
+  isDragging = false,
+  activeNodeId
 }) {
   var _a, _b;
   const graphId = (0, react_exports.useId)();
@@ -5466,6 +5795,15 @@ var NetworkGraphSvg = (0, react_exports.memo)(function NetworkGraphSvg2({
   const anchorNodeVisual = anchorId ? nodeMapVisual[anchorId] : void 0;
   const headerValue = (_a = anchorNodeVisual == null ? void 0 : anchorNodeVisual.tooltipHeader) != null ? _a : "";
   const nodeFields = (_b = anchorNodeVisual == null ? void 0 : anchorNodeVisual.tooltipFields) != null ? _b : {};
+  const getNodeTabIndex = (0, react_exports.useCallback)(
+    (id) => {
+      if (activeNodeId === void 0) {
+        return 0;
+      }
+      return activeNodeId === id ? 0 : -1;
+    },
+    [activeNodeId]
+  );
   (0, react_exports.useEffect)(() => {
     if (isReadyToRender) {
       (0, d3_selection_exports.select)(svgRef == null ? void 0 : svgRef.current).selectAll("circle").on("mousedown", (event) => {
@@ -5570,7 +5908,8 @@ var NetworkGraphSvg = (0, react_exports.memo)(function NetworkGraphSvg2({
           handleOpen,
           handleAnchor,
           handleRequestClose,
-          isDragging
+          isDragging,
+          tabIndex: getNodeTabIndex(id)
         }
       );
     }))
@@ -5587,9 +5926,9 @@ __export(Plus_exports, {
   default: () => Plus_default
 });
 init_define_global();
-var defaultImport113 = __toESM(require("@splunk/react-icons/Plus"));
+var defaultImport115 = __toESM(require("@splunk/react-icons/Plus"));
 __reExport(Plus_exports, require("@splunk/react-icons/Plus"));
-var Plus_default = "default" in defaultImport113 ? defaultImport113.default : defaultImport113;
+var Plus_default = "default" in defaultImport115 ? defaultImport115.default : defaultImport115;
 
 // esm-externals:@splunk/react-icons/Minus
 var Minus_exports = {};
@@ -5597,9 +5936,9 @@ __export(Minus_exports, {
   default: () => Minus_default
 });
 init_define_global();
-var defaultImport114 = __toESM(require("@splunk/react-icons/Minus"));
+var defaultImport116 = __toESM(require("@splunk/react-icons/Minus"));
 __reExport(Minus_exports, require("@splunk/react-icons/Minus"));
-var Minus_default = "default" in defaultImport114 ? defaultImport114.default : defaultImport114;
+var Minus_default = "default" in defaultImport116 ? defaultImport116.default : defaultImport116;
 
 // esm-externals:@splunk/react-icons/SquareAndCorners
 var SquareAndCorners_exports = {};
@@ -5607,9 +5946,9 @@ __export(SquareAndCorners_exports, {
   default: () => SquareAndCorners_default
 });
 init_define_global();
-var defaultImport115 = __toESM(require("@splunk/react-icons/SquareAndCorners"));
+var defaultImport117 = __toESM(require("@splunk/react-icons/SquareAndCorners"));
 __reExport(SquareAndCorners_exports, require("@splunk/react-icons/SquareAndCorners"));
-var SquareAndCorners_default = "default" in defaultImport115 ? defaultImport115.default : defaultImport115;
+var SquareAndCorners_default = "default" in defaultImport117 ? defaultImport117.default : defaultImport117;
 
 // esm-externals:@splunk/react-ui/Button
 var Button_exports = {};
@@ -5617,9 +5956,9 @@ __export(Button_exports, {
   default: () => Button_default
 });
 init_define_global();
-var defaultImport116 = __toESM(require("@splunk/react-ui/Button"));
+var defaultImport118 = __toESM(require("@splunk/react-ui/Button"));
 __reExport(Button_exports, require("@splunk/react-ui/Button"));
-var Button_default = "default" in defaultImport116 ? defaultImport116.default : defaultImport116;
+var Button_default = "default" in defaultImport118 ? defaultImport118.default : defaultImport118;
 
 // esm-externals:@splunk/react-ui/Tooltip
 var Tooltip_exports = {};
@@ -5627,9 +5966,9 @@ __export(Tooltip_exports, {
   default: () => Tooltip_default2
 });
 init_define_global();
-var defaultImport117 = __toESM(require("@splunk/react-ui/Tooltip"));
+var defaultImport119 = __toESM(require("@splunk/react-ui/Tooltip"));
 __reExport(Tooltip_exports, require("@splunk/react-ui/Tooltip"));
-var Tooltip_default2 = "default" in defaultImport117 ? defaultImport117.default : defaultImport117;
+var Tooltip_default2 = "default" in defaultImport119 ? defaultImport119.default : defaultImport119;
 
 // src/NetworkGraph/PureNetworkGraph/components/ZoomControls.tsx
 var StyledZoomControlsContainer = styled_components_default.div`
@@ -5674,7 +6013,8 @@ var ZoomControls = (0, react_exports.memo)(function ZoomControls2(props) {
     hideReset = false,
     hideZoomControls = false,
     disableZoomIn = false,
-    disableZoomOut = false
+    disableZoomOut = false,
+    buttonTabIndex
   } = props;
   return /* @__PURE__ */ react_exports.createElement(StyledZoomControlsContainer, { "data-test": "zoom-controls-container" }, !hideZoomControls && /* @__PURE__ */ react_exports.createElement(StyledBaseContainer, { "data-test": "zoom-buttons-container" }, /* @__PURE__ */ react_exports.createElement(Tooltip_default2, { contentRelationship: "label", content: (0, i18n_exports._)("Zoom in") }, /* @__PURE__ */ react_exports.createElement(
     StyledZoomInButton,
@@ -5683,7 +6023,8 @@ var ZoomControls = (0, react_exports.memo)(function ZoomControls2(props) {
       appearance: "subtle",
       onClick: handleZoomIn,
       disabled: disableZoomIn,
-      "data-test": "zoom-in-button"
+      "data-test": "zoom-in-button",
+      tabIndex: buttonTabIndex
     }
   )), /* @__PURE__ */ react_exports.createElement(Tooltip_default2, { contentRelationship: "label", content: (0, i18n_exports._)("Zoom out") }, /* @__PURE__ */ react_exports.createElement(
     StyledZoomOutButton,
@@ -5692,7 +6033,8 @@ var ZoomControls = (0, react_exports.memo)(function ZoomControls2(props) {
       appearance: "subtle",
       onClick: handleZoomOut,
       disabled: disableZoomOut,
-      "data-test": "zoom-out-button"
+      "data-test": "zoom-out-button",
+      tabIndex: buttonTabIndex
     }
   ))), !hideReset && /* @__PURE__ */ react_exports.createElement(StyledResetContainer, { moveToTop: hideZoomControls, "data-test": "reset-button-container" }, /* @__PURE__ */ react_exports.createElement(Tooltip_default2, { contentRelationship: "label", content: (0, i18n_exports._)("Reset zoom") }, /* @__PURE__ */ react_exports.createElement(
     StyledButton,
@@ -5700,7 +6042,8 @@ var ZoomControls = (0, react_exports.memo)(function ZoomControls2(props) {
       icon: /* @__PURE__ */ react_exports.createElement(SquareAndCorners_default, null),
       appearance: "subtle",
       onClick: handleReset,
-      "data-test": "reset-button"
+      "data-test": "reset-button",
+      tabIndex: buttonTabIndex
     }
   ))));
 });
@@ -5720,6 +6063,11 @@ var forwardMouseDownEvent = (event, container) => {
   const forwarded = new MouseEvent("mousedown", event);
   container == null ? void 0 : container.dispatchEvent(forwarded);
 };
+var getNodeIdFromEventTarget = (target) => {
+  const nodeElement = target instanceof Element ? target.closest('[data-test="node"]') : null;
+  return (nodeElement == null ? void 0 : nodeElement.id) ? unsanitizeSvgId(nodeElement.id) : null;
+};
+var isKeyboardNavigationDirection = (key) => key === "ArrowLeft" || key === "ArrowRight" || key === "ArrowUp" || key === "ArrowDown";
 var PureNetworkGraph = ({
   width = DEFAULT_CHART_WIDTH,
   height = DEFAULT_CHART_HEIGHT,
@@ -5762,7 +6110,7 @@ var PureNetworkGraph = ({
   tooltipNodeFields = EMPTY_ARRAY,
   tooltipHeaderFieldName = "",
   onOptionsChange = lodash_exports.noop,
-  onNodeClick = lodash_exports.noop,
+  onNodeClick,
   onNodeMouseOver = lodash_exports.noop,
   onNodeMouseOut = lodash_exports.noop,
   onNodeDrag = lodash_exports.noop
@@ -5784,6 +6132,7 @@ var PureNetworkGraph = ({
     x: null,
     y: null
   });
+  const hasNodeClickHandler = typeof onNodeClick === "function";
   const frozenNodeMapForZoomRef = (0, react_exports.useRef)(null);
   const dragOffsetRef = (0, react_exports.useRef)(null);
   const baseNodeMapRef = (0, react_exports.useRef)(null);
@@ -5890,6 +6239,7 @@ var PureNetworkGraph = ({
   const [hideReset, setHideReset] = (0, react_exports.useState)(true);
   const [isReadyToRender, setIsReadyToRender] = (0, react_exports.useState)(false);
   const [highlightedNode, setHighlightedNode] = (0, react_exports.useState)(null);
+  const [focusedNodeId, setFocusedNodeId] = (0, react_exports.useState)(null);
   const numberWidth = typeof width === "string" ? containerSize.width : width;
   const numberHeight = typeof height === "string" ? containerSize.height : height;
   const effectiveWidth = Math.max(numberWidth, 0);
@@ -5905,6 +6255,22 @@ var PureNetworkGraph = ({
     () => d3_zoom_exports.zoomIdentity.translate(effectiveWidth / 2, effectiveHeight / 2).scale(autoZoomLevel).translate(-autoCenter[0], -autoCenter[1]),
     [autoCenter, autoZoomLevel, effectiveWidth, effectiveHeight]
   );
+  const currentKeyboardTransform = (0, react_exports.useMemo)(
+    () => {
+      var _a2, _b2, _c, _d, _e, _f, _g;
+      return {
+        k: (_c = (_b2 = (_a2 = parentZoomAndPanState.zoom) != null ? _a2 : initialTransform.k) != null ? _b2 : autoZoomLevel) != null ? _c : 1,
+        x: (_e = (_d = parentZoomAndPanState.x) != null ? _d : initialTransform.x) != null ? _e : 0,
+        y: (_g = (_f = parentZoomAndPanState.y) != null ? _f : initialTransform.y) != null ? _g : 0
+      };
+    },
+    [autoZoomLevel, initialTransform, parentZoomAndPanState]
+  );
+  const centermostNodeId = (0, react_exports.useMemo)(
+    () => getCentermostNodeId(nodeMapStruct, currentKeyboardTransform, effectiveWidth, effectiveHeight),
+    [currentKeyboardTransform, effectiveHeight, effectiveWidth, nodeMapStruct]
+  );
+  const activeNodeId = focusedNodeId && nodeMapStruct[focusedNodeId] ? focusedNodeId : centermostNodeId;
   const { disableZoomIn, disableZoomOut } = (0, react_exports.useMemo)(
     () => getZoomDisableState(parentZoomAndPanState.zoom, autoZoomLevel, minZoomLevel),
     [parentZoomAndPanState.zoom, autoZoomLevel, minZoomLevel]
@@ -5958,6 +6324,11 @@ var PureNetworkGraph = ({
     const shouldHideReset = (!parentZoomAndPanState.zoom || nearlyEqual(parentZoomAndPanState.zoom, initialTransform.k, 0.01, true)) && (!parentZoomAndPanState.x || nearlyEqual(parentZoomAndPanState.x, initialTransform.x)) && (!parentZoomAndPanState.y || nearlyEqual(parentZoomAndPanState.y, initialTransform.y));
     setHideReset(shouldHideReset);
   }, [parentZoomAndPanState, initialTransform]);
+  (0, react_exports.useEffect)(() => {
+    if (focusedNodeId && !nodeMapStruct[focusedNodeId]) {
+      setFocusedNodeId(null);
+    }
+  }, [focusedNodeId, nodeMapStruct]);
   (0, react_exports.useEffect)(() => {
     if ((0, d3_selection_exports.select)(svgRef.current).on) (0, d3_selection_exports.select)(svgRef.current).on(".zoom", null);
     const minTopLeft = [autoCenter[0] - minZoomWidth / 2, autoCenter[1] - minZoomHeight / 2];
@@ -6009,8 +6380,68 @@ var PureNetworkGraph = ({
     },
     [zoomFunc]
   );
+  const handleAutoPan = (0, react_exports.useCallback)(
+    (dx, dy) => {
+      if (!svgRef.current || !dx && !dy) {
+        return;
+      }
+      const transform = (0, d3_zoom_exports.zoomTransform)(svgRef.current);
+      const zoomLevel = Number.isFinite(transform.k) && transform.k > 0 ? transform.k : currentKeyboardTransform.k;
+      (0, d3_selection_exports.select)(svgRef.current).call(zoomFunc.translateBy, dx / zoomLevel, dy / zoomLevel);
+    },
+    [currentKeyboardTransform.k, zoomFunc]
+  );
+  const focusNodeById = (0, react_exports.useCallback)((nodeId) => {
+    var _a2;
+    const nodeElement = (_a2 = svgRef.current) == null ? void 0 : _a2.querySelector(`#${sanitizeSvgId(nodeId)}`);
+    nodeElement == null ? void 0 : nodeElement.focus();
+  }, []);
+  const ensureNodeVisible = (0, react_exports.useCallback)(
+    (nodeId) => {
+      const node = nodeMapStruct[nodeId];
+      if (!node) {
+        return;
+      }
+      const { dx, dy } = getPanDeltaToRevealNode(
+        node,
+        currentKeyboardTransform,
+        effectiveWidth,
+        effectiveHeight
+      );
+      handleAutoPan(dx, dy);
+    },
+    [currentKeyboardTransform, effectiveHeight, effectiveWidth, handleAutoPan, nodeMapStruct]
+  );
+  const handleFocus = (0, react_exports.useCallback)(
+    (e) => {
+      const nodeId = getNodeIdFromEventTarget(e.target);
+      setFocusedNodeId(nodeId);
+      if (nodeId) {
+        ensureNodeVisible(nodeId);
+      }
+    },
+    [ensureNodeVisible]
+  );
+  const handleBlur = (0, react_exports.useCallback)((e) => {
+    var _a2;
+    const nextTarget = e.relatedTarget;
+    if (!nextTarget || !((_a2 = containerRef.current) == null ? void 0 : _a2.contains(nextTarget))) {
+      setFocusedNodeId(null);
+    }
+  }, []);
   const handleKeyDown = (0, react_exports.useCallback)(
     (e) => {
+      const nodeId = getNodeIdFromEventTarget(e.target);
+      if (nodeId && isKeyboardNavigationDirection(e.key)) {
+        const nextNodeId = getNextNodeIdInDirection(nodeMapStruct, nodeId, e.key);
+        e.preventDefault();
+        e.stopPropagation();
+        if (nextNodeId) {
+          setFocusedNodeId(nextNodeId);
+          focusNodeById(nextNodeId);
+        }
+        return;
+      }
       switch (e.key) {
         case "+":
         case "=":
@@ -6036,7 +6467,7 @@ var PureNetworkGraph = ({
       }
       e.preventDefault();
     },
-    [handlePan, handleZoomIn, handleZoomOut]
+    [focusNodeById, handlePan, handleZoomIn, handleZoomOut, nodeMapStruct]
   );
   const handleMouseDown = (0, react_exports.useCallback)(
     // mousedown uses event from d3 which is typed to any
@@ -6121,7 +6552,7 @@ var PureNetworkGraph = ({
   );
   const handleNodeClick = (0, react_exports.useCallback)(
     (node) => {
-      if (node) {
+      if (node && typeof onNodeClick === "function") {
         const metadataForNode = metadata[node.index] || {};
         onNodeClick({
           type: "node.click",
@@ -6190,7 +6621,9 @@ var PureNetworkGraph = ({
       width: cssWidth,
       height: cssHeight,
       tabIndex: 0,
-      onKeyDown: handleKeyDown
+      onKeyDown: handleKeyDown,
+      onFocus: handleFocus,
+      onBlur: handleBlur
     },
     nodeMapVisual && nodeMapStruct && /* @__PURE__ */ react_default.createElement(react_default.Fragment, null, isReadyToRender && /* @__PURE__ */ react_default.createElement(
       ZoomControls_default,
@@ -6220,12 +6653,13 @@ var PureNetworkGraph = ({
         handleMouseDown,
         handleMouseUp,
         handleDrag,
-        handleNodeClick,
+        handleNodeClick: hasNodeClickHandler ? handleNodeClick : void 0,
         handleNodeMouseOver,
         handleNodeMouseOut,
         highlightedNode,
         setHighlightedNode,
-        isDragging: isDragging.dragStarted
+        isDragging: isDragging.dragStarted,
+        activeNodeId
       }
     ))
   );
@@ -6241,9 +6675,9 @@ __export(PresetPalettes_exports, {
   default: () => PresetPalettes_default
 });
 init_define_global();
-var defaultImport118 = __toESM(require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
+var defaultImport120 = __toESM(require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
 __reExport(PresetPalettes_exports, require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
-var PresetPalettes_default = "default" in defaultImport118 ? defaultImport118.default : defaultImport118;
+var PresetPalettes_default = "default" in defaultImport120 ? defaultImport120.default : defaultImport120;
 
 // esm-externals:@splunk/visualization-icons
 var visualization_icons_exports = {};
@@ -6251,9 +6685,9 @@ __export(visualization_icons_exports, {
   default: () => visualization_icons_default
 });
 init_define_global();
-var defaultImport119 = __toESM(require("@splunk/visualization-icons"));
+var defaultImport121 = __toESM(require("@splunk/visualization-icons"));
 __reExport(visualization_icons_exports, require("@splunk/visualization-icons"));
-var visualization_icons_default = "default" in defaultImport119 ? defaultImport119.default : defaultImport119;
+var visualization_icons_default = "default" in defaultImport121 ? defaultImport121.default : defaultImport121;
 
 // esm-externals:@splunk/visualization-icons/placeholders
 var placeholders_exports = {};
@@ -6261,9 +6695,9 @@ __export(placeholders_exports, {
   default: () => placeholders_default
 });
 init_define_global();
-var defaultImport120 = __toESM(require("@splunk/visualization-icons/placeholders"));
+var defaultImport122 = __toESM(require("@splunk/visualization-icons/placeholders"));
 __reExport(placeholders_exports, require("@splunk/visualization-icons/placeholders"));
-var placeholders_default = "default" in defaultImport120 ? defaultImport120.default : defaultImport120;
+var placeholders_default = "default" in defaultImport122 ? defaultImport122.default : defaultImport122;
 
 // src/common/utils/configUtils.ts
 init_define_global();
@@ -6274,9 +6708,9 @@ __export(configUtils_exports, {
   default: () => configUtils_default
 });
 init_define_global();
-var defaultImport121 = __toESM(require("@splunk/visualizations-shared/configUtils"));
+var defaultImport123 = __toESM(require("@splunk/visualizations-shared/configUtils"));
 __reExport(configUtils_exports, require("@splunk/visualizations-shared/configUtils"));
-var configUtils_default = "default" in defaultImport121 ? defaultImport121.default : defaultImport121;
+var configUtils_default = "default" in defaultImport123 ? defaultImport123.default : defaultImport123;
 
 // src/common/utils/configUtils.ts
 function enhanceConfig(vizConfig) {
@@ -6296,9 +6730,9 @@ __export(pick_exports, {
   default: () => pick_default
 });
 init_define_global();
-var defaultImport122 = __toESM(require("@splunk/themes/pick"));
+var defaultImport124 = __toESM(require("@splunk/themes/pick"));
 __reExport(pick_exports, require("@splunk/themes/pick"));
-var pick_default = "default" in defaultImport122 ? defaultImport122.default : defaultImport122;
+var pick_default = "default" in defaultImport124 ? defaultImport124.default : defaultImport124;
 
 // src/common/ThemedDefaults.tsx
 var defaultBackgroundColor = (props) => pick_default({
@@ -7094,7 +7528,13 @@ var computeVizProps = (_a) => {
 };
 var withTooltipFields = (Viz) => {
   const VizWithTooltipFields = (_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, __spreadProps(__spreadValues({}, otherProps), { options }));