@splunk/visualizations 28.6.0 → 28.8.0

package/common/utils/mapUtils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/common/utils/mapUtils.ts", "esm-externals:@splunk/visualization-encoding/utils/types", "esm-externals:@splunk/visualization-encoding/utils/dsl", "esm-externals:@splunk/visualizations-shared/hocUtils", "esm-externals:@splunk/visualizations-shared/JSONSchemaUtils", "esm-externals:react", "esm-externals:styled-components", "esm-externals:lodash", "esm-externals:@splunk/visualizations-shared/iconUtils", "esm-externals:@splunk/visualizations-shared/colorUtils", "esm-externals:@splunk/visualizations-shared/RemoteIcon", "esm-externals:@splunk/visualization-context/FeatureFlagContext", "esm-externals:@splunk/ui-utils/id", "esm-externals:d3-scale", "esm-externals:chroma-js", "esm-externals:@splunk/visualization-color-palettes", "esm-externals:@splunk/visualization-schemas", "../../src/Map/PureMap/MapUtils.ts", "esm-externals:maplibre-gl", "esm-externals:@splunk/react-ui/Popover", "esm-externals:@splunk/ui-utils/i18n", "esm-externals:@splunk/themes", "../../src/Map/PureMap/Tooltip.tsx", "../../src/Map/PureMap/MarkerWrapper.tsx", "../../src/Map/PureMap/BubbleLayer.tsx"],
-  "sourcesContent": ["import { isNumber } from '@splunk/visualization-encoding/utils/types';\nimport { getFieldsFromDSL } from '@splunk/visualization-encoding/utils/dsl';\nimport { deepMergeWithArrayPrimitiveOverrides } from '@splunk/visualizations-shared/hocUtils';\nimport { pickFieldFromJSONSchema } from '@splunk/visualizations-shared/JSONSchemaUtils';\nimport { GEO_LAT_AND_LONG_FIELD } from '../../Map/PureMap/BubbleLayer';\n\nexport const columnsNullToZeros = (config, dataSources, options) => {\n    const { primary } = dataSources;\n    const { columns, fields } = primary.data;\n    let newColumns = columns;\n    const mergedOptions = deepMergeWithArrayPrimitiveOverrides(\n        {},\n        options,\n        pickFieldFromJSONSchema(config.optionsSchema, 'default')\n    );\n    if (mergedOptions.layers?.[0]?.type === 'bubble') {\n        const latitudeField = getFieldsFromDSL(mergedOptions.layers[0].latitude, dataSources)[0] || '';\n        const longitudeField = getFieldsFromDSL(mergedOptions.layers[0].longitude, dataSources)[0] || '';\n        const stringsFields = getFieldsFromDSL(\"> primary | frameBySeriesTypes('string')\", dataSources);\n        const excludedFields = Array.from(\n            new Set([\n                latitudeField,\n                longitudeField,\n                'geobin',\n                'name',\n                ...stringsFields,\n                ...GEO_LAT_AND_LONG_FIELD,\n            ])\n        );\n        const indicesToEvaluate = new Set(\n            fields.reduce((arr, e, i) => {\n                const field = typeof e === 'string' ? e : e.name.toString();\n                if (!excludedFields.includes(field)) {\n                    arr.push(i);\n                }\n                return arr;\n            }, [])\n        );\n\n        newColumns = columns.map((column, i) => {\n            if (indicesToEvaluate.has(i)) {\n                // sanitize value and convert string to numeric numbers\n                return column.map(value => (!value || !isNumber(value) ? 0 : +value));\n            }\n            return column;\n        });\n    }\n\n    const modifiedDatasources = {\n        ...dataSources,\n        primary: {\n            ...primary,\n            data: {\n                ...primary.data,\n                columns: newColumns,\n            },\n        },\n    };\n\n    return modifiedDatasources;\n};\n", "\nimport * as defaultImport from \"@splunk/visualization-encoding/utils/types\";\nexport * from \"@splunk/visualization-encoding/utils/types\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-encoding/utils/dsl\";\nexport * from \"@splunk/visualization-encoding/utils/dsl\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/hocUtils\";\nexport * from \"@splunk/visualizations-shared/hocUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/JSONSchemaUtils\";\nexport * from \"@splunk/visualizations-shared/JSONSchemaUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"styled-components\";\nexport * from \"styled-components\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"lodash\";\nexport * from \"lodash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/iconUtils\";\nexport * from \"@splunk/visualizations-shared/iconUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/colorUtils\";\nexport * from \"@splunk/visualizations-shared/colorUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/RemoteIcon\";\nexport * from \"@splunk/visualizations-shared/RemoteIcon\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-context/FeatureFlagContext\";\nexport * from \"@splunk/visualization-context/FeatureFlagContext\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/id\";\nexport * from \"@splunk/ui-utils/id\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"d3-scale\";\nexport * from \"d3-scale\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"chroma-js\";\nexport * from \"chroma-js\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-color-palettes\";\nexport * from \"@splunk/visualization-color-palettes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-schemas\";\nexport * from \"@splunk/visualization-schemas\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import { forEach, sum, isNumber, min as lodashMin, max as lodashMax, get, isEqual, isObject } from 'lodash';\nimport { LngLatBoundsLike } from 'maplibre-gl';\nimport { scalePow } from 'd3-scale';\nimport chroma from 'chroma-js';\nimport type { MapContextInterface, BaseTileConfig } from '@splunk/visualization-context/MapContext';\nimport { isColor } from '@splunk/visualizations-shared/colorUtils';\nimport { VIZ_CATEGORICAL } from '@splunk/visualization-color-palettes';\nimport { isNumber as isNumberUtil } from '@splunk/visualization-encoding/utils/types';\nimport type { GeoJsonDataType } from '@splunk/visualizations-shared/mapUtils';\nimport { LAYER_TYPE } from '@splunk/visualization-schemas';\n\nexport const MAX_LATITUDE = 90;\nexport const MIN_LATITUDE = -90;\nexport const MAX_LONGITUDE = 180;\nexport const MIN_LONGITUDE = -180;\nexport const DEFAULT_RESULT_LIMIT = 1000;\nexport const DEFAULT_CLUSTER_COLOR = '#909090';\nexport const DEFAULT_SERIES_COLORS = VIZ_CATEGORICAL;\n// MapLibre requires a map style specification number which is always 8\nexport const MAP_STYLE_VERSION_NUMBER = 8;\n// currently using one [min, max] value set for bubbles across all zoom levels\nexport const MIN_BUBBLE_RADIUS = 7.11; // 10px\nexport const MAX_BUBBLE_RADIUS = 45.26; // 85px\nexport const DEFAULT_OPACITY = 0.8;\nconst LONGITUDE = 'longitude';\nconst LATITUDE = 'latitude';\nexport type MaybeBaseTileConfig = BaseTileConfig | Record<string, never>;\ninterface GenericLayerType {\n    type: string;\n    latitude: number[];\n    longitude: number[];\n    dataColors?: string[] | '';\n    seriesColors: string[];\n    additionalTooltipFields?: string[];\n    tooltipHeaderField?: string[];\n    resultLimit: number;\n    metadata?: Array<{ [key: string]: number | string }>;\n}\n\nexport interface MarkerLayerType extends GenericLayerType {\n    type: LAYER_TYPE.Marker;\n}\n\nexport interface BubbleLayerType extends GenericLayerType {\n    type: LAYER_TYPE.Bubble;\n    bubbleSize?: number[][] | number[];\n    bubbleSizeFields: string[];\n    dataValuesField?: string;\n    tooltipHeaderFieldName?: string;\n    geobin?: string[];\n    icon?: string[];\n    tooltipFieldIcons?: string;\n}\n\ninterface BubbleLayerDatumType {\n    zoom?: number | null;\n    values: number[];\n    sanitizedValues: number[];\n    coordinates: number[];\n}\n\nexport interface BubbleLayerDataType {\n    data: BubbleLayerDatumType[];\n    dataRange: number[];\n    isPie: boolean;\n    resultLimit: number;\n    bubbleSizeFields: string[];\n}\n\nexport interface ChoroplethLayerType {\n    type: LAYER_TYPE.Choropleth;\n    areaIds: string[];\n    areaValues: number[];\n    dataColors: string[];\n    additionalTooltipFields?: string[];\n    tooltipHeaderField?: string[];\n    geom?: GeoJsonDataType[] | null;\n    resultLimit?: number;\n    metadata?: Array<{ [key: string]: number | string | GeoJsonDataType }>;\n    source?: string;\n    width?: string | number;\n    height?: string | number;\n    choroplethEmptyAreaColor?: string;\n    choroplethStrokeColor?: string;\n    choroplethOpacity?: number;\n}\n\nexport interface MapLayerClickPayloadType {\n    name?: string;\n    value?: string | number;\n    /* cell values of all cells of clicked row with the field and value - in shape row.<field>.value */\n    [key: string]: string | number;\n}\n\nexport type ClusterLayerType = BubbleLayerType | MarkerLayerType;\nexport type LayerType = ClusterLayerType | ChoroplethLayerType;\n/**\n * Construct a tile preset {key: config} by combining the default + custom tile configs\n * Also returns the default tile config for each theme - light/dark\n * @param {MapContextInterface} args\n * @param {BaseTileConfig[]} args.defaultTileConfig\n * @param {BaseTileConfig[]} args.customTileConfig\n * @returns {Object} tile preset\n */\nexport const getTilePreset = ({\n    defaultTileConfig = [],\n    customTileConfig = [],\n}: MapContextInterface): {\n    tilePreset: Record<string, BaseTileConfig>;\n    defaultTileLight: MaybeBaseTileConfig;\n    defaultTileDark: MaybeBaseTileConfig;\n} => {\n    const tilePreset: Record<string, BaseTileConfig> = {};\n    let defaultTileLight: MaybeBaseTileConfig = {};\n    let defaultTileDark: MaybeBaseTileConfig = {};\n    const tileConfigs = [...defaultTileConfig, ...customTileConfig];\n    forEach(tileConfigs, tileConfig => {\n        const key = tileConfig?.key;\n        if (!key) {\n            return;\n        }\n        const updatedConfig: BaseTileConfig = {\n            ...tileConfig,\n            version: MAP_STYLE_VERSION_NUMBER,\n        };\n        tilePreset[key] = updatedConfig;\n    });\n\n    if (defaultTileConfig.length > 0) {\n        defaultTileLight =\n            defaultTileConfig.find(config => config.theme === 'light') ??\n            defaultTileConfig.find(config => config.theme === undefined) ??\n            {};\n        defaultTileDark =\n            defaultTileConfig.find(config => config.theme === 'dark') ??\n            defaultTileConfig.find(config => config.theme === undefined) ??\n            {};\n    }\n\n    return { tilePreset, defaultTileLight, defaultTileDark };\n};\n\n/**\n * Check if baseLayerTileServer is in tilePreset and config matches current theme, if yes, return.\n * If no, construct a mapStyle with baseLayerTilerServer and baseLayerTileServerType\n * Else return default tile config based on current theme\n * @param {Object} args\n * @param {BaseTileConfig[]} args.tilePreset\n * @param {String} args.baseLayerTilerServer\n * @param {String} args.baseLayerTileServerType\n * @param {String} args.colorScheme\n * @param {BaseTileConfig} args.defaultTileDark\n * @param {BaseTileConfig} args.defaultTileLight\n * @returns {BaseTileConfig} mapStyle\n */\nexport const getMapStyle = ({\n    showBaseLayer,\n    baseLayerTileServer = '',\n    baseLayerTileServerType = '',\n    tilePreset = {},\n    colorScheme = 'light',\n    defaultTileLight = {},\n    defaultTileDark = {},\n}: {\n    showBaseLayer: boolean;\n    baseLayerTileServer?: string;\n    baseLayerTileServerType?: string;\n    tilePreset?: Record<string, BaseTileConfig>;\n    colorScheme?: string;\n    defaultTileLight?: MaybeBaseTileConfig;\n    defaultTileDark?: MaybeBaseTileConfig;\n}): MaybeBaseTileConfig => {\n    if (!showBaseLayer) {\n        return {\n            name: 'empty-base-layer',\n            key: 'empty-base-layer',\n            version: MAP_STYLE_VERSION_NUMBER,\n            sources: {\n                'base-tiles': {\n                    type: 'raster',\n                    tiles: [\n                        'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=',\n                    ],\n                    tileSize: 256,\n                },\n            },\n            layers: [\n                {\n                    id: 'base-layer',\n                    type: 'raster',\n                    source: 'base-tiles',\n                    minzoom: 0,\n                    maxzoom: 22,\n                },\n            ],\n        };\n    }\n\n    if (\n        baseLayerTileServer &&\n        tilePreset[baseLayerTileServer] &&\n        (!tilePreset[baseLayerTileServer].theme || tilePreset[baseLayerTileServer].theme === colorScheme)\n    ) {\n        return tilePreset[baseLayerTileServer];\n    }\n\n    if (baseLayerTileServer && baseLayerTileServerType) {\n        let tiles: string[] = [];\n        /**\n         * Tile Server URLs (eg: http://{s}.somedomain.com/blabla/{z}/{x}/{y}{r}.png) can specify the variable {s} which refers to a subdomain\n         * Subdomains are used to help with browser parallel requests per domain limitation. These subdomains are typically single letters 'a', 'b' and 'c'\n         * Refer to https://leafletjs.com/SlavaUkraini/reference.html#tilelayer and https://wiki.openstreetmap.org/wiki/Tile_servers\n         */\n        if (/^(https?):\\/\\/{[sS]}\\./.exec(baseLayerTileServer)) {\n            /**\n             * sXML (Leaflet) allows users to define their own tile server URLs + list of available subdomains\n             * In order to preserve this behavior during conversion to splunk.map,\n             * if the variable {s} or {S} is detected, replace it with 'a', 'b' and 'c' - default values for subdomains\n             */\n            tiles = [\n                baseLayerTileServer.replace(/{[sS]}/, 'a'),\n                baseLayerTileServer.replace(/{[sS]}/, 'b'),\n                baseLayerTileServer.replace(/{[sS]}/, 'c'),\n            ];\n        } else {\n            tiles = [baseLayerTileServer];\n        }\n        const mapStyle: BaseTileConfig = {\n            name: baseLayerTileServer,\n            key: baseLayerTileServer,\n            version: MAP_STYLE_VERSION_NUMBER,\n            sources: {\n                'base-tiles': {\n                    type: baseLayerTileServerType,\n                    tiles,\n                    tileSize: 256,\n                },\n            },\n            layers: [\n                {\n                    id: 'base-layer',\n                    type: 'raster',\n                    source: 'base-tiles',\n                    minzoom: 0,\n                    maxzoom: 24, // https://maplibre.org/maplibre-gl-js-docs/api/map/\n                },\n            ],\n        };\n        return mapStyle;\n    }\n\n    // if tile server is not present in the preset AND we can't construct a mapStyle, fall back on defaults\n    return colorScheme === 'light' ? defaultTileLight : defaultTileDark;\n};\n\nexport interface ZoomConstraints {\n    minZoom: number;\n    maxZoom: number;\n}\n\nexport const getZoomConstraintsFromTileConfig = (\n    tileConfig: BaseTileConfig,\n    baseLayerTileServer?: string\n): ZoomConstraints => {\n    const { sources, layers } = tileConfig;\n    let matchedBaseLayerTileServer = false;\n    // check sources for minzoom maxzoom first\n    const sourceKeys = Object.keys(sources);\n    // eslint-disable-next-line\n    for (const key of sourceKeys) {\n        const source = sources[key] as { [key: string]: unknown };\n        const { minzoom, maxzoom } = source;\n        const tiles = Array.isArray(source?.tiles) ? (source.tiles as string[]) : [];\n        if (baseLayerTileServer && tiles.includes(baseLayerTileServer)) {\n            matchedBaseLayerTileServer = true;\n        }\n        if (\n            ((baseLayerTileServer && matchedBaseLayerTileServer) || !baseLayerTileServer) &&\n            isNumber(minzoom) &&\n            isNumber(maxzoom)\n        ) {\n            return {\n                minZoom: minzoom,\n                maxZoom: maxzoom,\n            };\n        }\n    }\n    // then check layers\n    // eslint-disable-next-line\n    for (const layer of layers) {\n        const { minzoom, maxzoom } = layer;\n        if (\n            ((baseLayerTileServer && matchedBaseLayerTileServer) || !baseLayerTileServer) &&\n            isNumber(minzoom) &&\n            isNumber(maxzoom)\n        ) {\n            return {\n                minZoom: minzoom,\n                maxZoom: maxzoom,\n            };\n        }\n    }\n    // Maplibre default - would reset previous min/maxZoom https://maplibre.org/maplibre-gl-js-docs/api/map/\n    return {\n        minZoom: 0,\n        maxZoom: 24,\n    };\n};\n\nexport const isBaseTileConfig = (config: MaybeBaseTileConfig): config is BaseTileConfig =>\n    Boolean(config && 'name' in config && 'key' in config && 'sources' in config && 'layers' in config);\n\nexport const getZoomLevelFromGeobin = (geobinStr?: string | null): number | null => {\n    if (!geobinStr) {\n        return null;\n    }\n    // geostats cmds return geobin with zoom level 0-18, 0-99 in the geobinPattern covers the range\n    const geobinPattern = /bin_id_zl_(\\d{1,2})_y_/g;\n    const match = geobinPattern.exec(geobinStr);\n    return (match?.length && parseInt(match[1], 10)) ?? null;\n};\n\n// Bubble colors - static\nexport const getStaticColors = (colorCount: number, colorArray: string[]): string[] => {\n    if (colorCount < 0 || !colorCount) {\n        return [DEFAULT_CLUSTER_COLOR];\n    }\n    if (!colorArray?.length) {\n        return [...Array(colorCount).keys()].map(i => DEFAULT_SERIES_COLORS[i]);\n    }\n    // loop through colorArray to pick the first $colorCount colors\n    // start from begining again if colorCount > colorArray.length\n    return [...Array(colorCount).keys()].map(i =>\n        isColor(colorArray[i % colorArray.length]) ? colorArray[i % colorArray.length] : DEFAULT_CLUSTER_COLOR\n    );\n};\n\n// Bubble size\nexport const matchBubbleSize = (dataRange: number[], data: number): any => {\n    const size = scalePow().exponent(0.2).domain(dataRange).range([MIN_BUBBLE_RADIUS, MAX_BUBBLE_RADIUS])(\n        data\n    );\n\n    if (size > MAX_BUBBLE_RADIUS) {\n        return MAX_BUBBLE_RADIUS;\n    }\n    if (size < MIN_BUBBLE_RADIUS) {\n        return MIN_BUBBLE_RADIUS;\n    }\n    return size;\n};\n\nexport const transposeArray = (array: number[][]): number[][] => {\n    if (!array?.length || !array[0]?.length) {\n        return [];\n    }\n    return array[0].map((_, i) => array.map(row => row[i]));\n};\n\n// sanitize values: update all null, undefined, or negative values to 0\nexport const sanitizeValues = (values: number[] | number[][]) => {\n    // null / undefined\n    if (!values) {\n        return 0;\n    }\n    // number\n    if (!Array.isArray(values)) {\n        return values > 0 ? values : 0;\n    }\n    // array\n    return values.map(arr => sanitizeValues(arr));\n};\n\n// eslint-disable-next-line consistent-return\nexport const sortByValuesField = (bubbleLayer: BubbleLayerType) => {\n    const { bubbleSizeFields, dataValuesField } = bubbleLayer;\n\n    // Find the index of dataValuesField in fields\n    const index = bubbleSizeFields.indexOf(dataValuesField);\n    if (index === -1) return bubbleLayer; // If not found, return as is\n\n    // Move dataValuesField and corresponding sizes to the first position\n    bubbleLayer.bubbleSizeFields.unshift(bubbleLayer.bubbleSizeFields.splice(index, 1)[0]);\n    bubbleLayer.bubbleSize.unshift(bubbleLayer.bubbleSize.splice(index, 1)[0] as number & number[]);\n};\n\nexport const bakeBubbleData = (layer: BubbleLayerType): BubbleLayerDataType => {\n    if (!layer?.bubbleSize?.length || !layer?.latitude?.length || !layer?.longitude?.length) {\n        return null;\n    }\n    const hasGeobinData = Array.isArray(layer.geobin) && layer.geobin.length > 0;\n    // if bubbleSize is passed as an array of single number array (data series)\n    // e.g. [value0, value1, ...]\n    // format each value as an array to unify data operations for data series and frames\n    const sanitizedBubbleSize = sanitizeValues(layer.bubbleSize);\n    let transposedBubbleSize: number[][];\n    let transposedSanitizedBubbleSize: number[][];\n    let isPie = false;\n    // format array if bubbleSize is passed as an array of array (data frame)\n    if (Array.isArray(layer.bubbleSize[0])) {\n        // one-time array transpose,\n        // e.g. from [column0data, column0data] (multi series)\n        // to [[column0datum0, column1datum0], [column0datum1, column1data1], ...]\n        // or e.g. from [column0data] (single series)\n        // to [[column0data]]\n        // for easy access of values at each geo location,\n        // and min max pie size computation\n        transposedBubbleSize = transposeArray(layer.bubbleSize as number[][]);\n        transposedSanitizedBubbleSize = transposeArray(sanitizedBubbleSize);\n        // if multiple series in the dataframe, set isPie to true\n        if (layer.bubbleSize.length > 1) {\n            isPie = true;\n            // when dynamic coloring is enabled,\n            // set the configured dataValues field as the first field\n            // to apply dynamic colors only to the first pie slice.\n            if (layer.dataValuesField && !!layer.dataColors) {\n                sortByValuesField(layer); // here\n            }\n        }\n    } else {\n        transposedBubbleSize = layer.bubbleSize.map(n => [n]);\n        transposedSanitizedBubbleSize = sanitizedBubbleSize.map(n => [n]);\n    }\n    if (!transposedBubbleSize?.length) {\n        return null;\n    }\n    const data = layer.latitude\n        .map((lat, i) => ({\n            zoom: hasGeobinData ? getZoomLevelFromGeobin(layer.geobin[i]) : null,\n            values: transposedBubbleSize[i],\n            sanitizedValues: transposedSanitizedBubbleSize[i],\n            coordinates: [layer.longitude[i], lat],\n            metadata: layer.metadata ? layer.metadata[i] : {},\n        }))\n        .filter(d => Boolean(d.values));\n\n    // compute the min/max value to encode min/max pie or bubble size\n    let min = sum(transposedSanitizedBubbleSize[0]);\n    let max = min;\n    transposedSanitizedBubbleSize.forEach(row => {\n        const bubbleSize = sum(row);\n        max = bubbleSize > max ? bubbleSize : max;\n        min = bubbleSize < min ? bubbleSize : min;\n    });\n    return {\n        data,\n        dataRange: [min, max],\n        isPie,\n        resultLimit: layer.resultLimit,\n        bubbleSizeFields: layer.bubbleSizeFields,\n    };\n};\n\nexport const isValidLatLon = (latlon: Array<number | string>): boolean => {\n    if (!latlon || !Array.isArray(latlon) || latlon.length !== 2) {\n        return false;\n    }\n    const [lat, lon] = latlon;\n    if (!isNumberUtil(lat) || !(Number(lat) >= MIN_LATITUDE && Number(lat) <= MAX_LATITUDE)) {\n        return false;\n    }\n    if (!isNumberUtil(lon) || !(Number(lon) >= MIN_LONGITUDE && Number(lon) <= MAX_LONGITUDE)) {\n        return false;\n    }\n    return true;\n};\n\nexport const getChoroplethValues = (field: string, choroplethLayer: ChoroplethLayerType): number[] => {\n    if (!Array.isArray(choroplethLayer.geom) || choroplethLayer.geom.length === 0) {\n        return [];\n    }\n    const limit = choroplethLayer.resultLimit ?? DEFAULT_RESULT_LIMIT;\n    const slicedGeomList = choroplethLayer.geom.slice(0, limit);\n    const flatCoordinates = slicedGeomList.flatMap(geomObject => {\n        if (!geomObject) {\n            return [];\n        }\n        if (geomObject.type === 'MultiPolygon') {\n            return geomObject.coordinates.flat(2);\n        }\n        if (geomObject.type === 'Polygon') {\n            return geomObject.coordinates.flat();\n        }\n        return [];\n    });\n    return flatCoordinates.map(coord => coord[field === LONGITUDE ? 0 : 1]);\n};\n\n/**\n * Returns a list of all lat or lon coordinates used in a specified layer\n * @param {LayerType[]} layer\n * @param {string} field\n * @returns {number[]} list of lat coordinates or lon coordinates\n */\nconst getLatOrLonCoordinates = (layer: LayerType, field: string): number[] => {\n    const getClusterValues = (clusterLayer: ClusterLayerType): number[] =>\n        get(clusterLayer, field, []).slice(\n            0,\n            clusterLayer.type === LAYER_TYPE.Marker && clusterLayer.resultLimit\n                ? clusterLayer.resultLimit\n                : DEFAULT_RESULT_LIMIT\n        );\n    return layer.type === LAYER_TYPE.Choropleth ? getChoroplethValues(field, layer) : getClusterValues(layer);\n};\n\n/**\n * Returns the min and max LongLat pairs to determine the layer boundaries to fit all markers/bubbles\n * @param {LayerType[]} layers\n * @returns {LngLatBoundsLike}\n */\nexport const getGlobalLayerBoundaries = (layers: LayerType[]): LngLatBoundsLike => {\n    const isLayerValid = (field: string): boolean =>\n        layers.every(layer => layer[field] || (layer as ChoroplethLayerType).geom);\n    const getDefaultMax = (field: string) => (field === LONGITUDE ? MAX_LONGITUDE : MAX_LATITUDE);\n    const getDefaultMin = (field: string) => (field === LONGITUDE ? MIN_LONGITUDE : MIN_LATITUDE);\n\n    if (!layers || !Array.isArray(layers) || !layers.length) {\n        return null;\n    }\n\n    const getMin = (field: string): number => {\n        if (!isLayerValid(field)) {\n            return getDefaultMin(field);\n        }\n        return layers.reduce((prevVal, layer) => {\n            const coordinatesNumArr = getLatOrLonCoordinates(layer, field).map(x => +x);\n            return lodashMin([prevVal, ...coordinatesNumArr]);\n        }, getDefaultMax(field));\n    };\n\n    const getMax = (field: string): number => {\n        if (!isLayerValid(field)) {\n            return getDefaultMax(field);\n        }\n        return layers.reduce((prevVal, layer) => {\n            const coordinatesNumArr = getLatOrLonCoordinates(layer, field).map(Number);\n            return lodashMax([prevVal, ...coordinatesNumArr]);\n        }, getDefaultMin(field));\n    };\n\n    return [\n        [getMin(LONGITUDE), getMin(LATITUDE)],\n        [getMax(LONGITUDE), getMax(LATITUDE)],\n    ];\n};\n\nexport const formatTooltipFieldValue = (value: unknown): string | number => {\n    if (value === null || value === undefined) {\n        return '';\n    }\n    if (typeof value === 'string' || typeof value === 'number') {\n        return value;\n    }\n    return JSON.stringify(value);\n};\n\nexport const getScaledOpacities = (colors: string[], cfgOpacity: number): number[] => {\n    // extract opacity information from 8 digit hex codes\n    const opacities = colors?.map(color => (color?.length === 9 ? (chroma(color).alpha() ?? 1) : 1));\n    // opacity cannot be greater than configured opacity\n    return opacities?.map(opacity => opacity * cfgOpacity);\n};\n\nexport const compareBaseStyles = (curr, next): boolean => {\n    const currBaseLayer = curr?.layers?.find(layer => layer?.id === 'base-layer');\n    const nextBaseLayer = next?.layers?.find(layer => layer?.id === 'base-layer');\n    const currBaseSource = get(curr?.sources, (currBaseLayer?.source as string) ?? '');\n    const nextBaseSource = get(next?.sources, (nextBaseLayer?.source as string) ?? '');\n\n    if (!currBaseLayer || !nextBaseLayer || !currBaseSource || !nextBaseSource) {\n        return false;\n    }\n\n    return isEqual(currBaseLayer, nextBaseLayer) && isEqual(currBaseSource, nextBaseSource);\n};\n\nexport const formatMetadata = (\n    choroplethLayer: ChoroplethLayerType,\n    i: number\n): { [key: string]: string } => {\n    if (!choroplethLayer?.areaIds || !choroplethLayer?.areaValues) return {};\n    if (i >= choroplethLayer.areaIds.length) return {};\n\n    const metadata = choroplethLayer.metadata ? choroplethLayer.metadata[i] : {};\n    const name = choroplethLayer.areaIds[i];\n    const value = choroplethLayer.areaValues[i];\n    const base = { name, value: String(value) };\n\n    return Object.keys(metadata).reduce((result, curr) => {\n        const key = `row.${curr}.value`;\n        const val = isObject(metadata[curr]) ? JSON.stringify(metadata[curr]) : String(metadata[curr]);\n        return { ...result, [key]: val };\n    }, base);\n};\n", "\nimport * as defaultImport from \"maplibre-gl\";\nexport * from \"maplibre-gl\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-ui/Popover\";\nexport * from \"@splunk/react-ui/Popover\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes\";\nexport * from \"@splunk/themes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as React from 'react';\nimport styled from 'styled-components';\nimport Popover from '@splunk/react-ui/Popover';\nimport { isRemoteIcon, isDataURI } from '@splunk/visualizations-shared/iconUtils';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport FeatureFlagContext from '@splunk/visualization-context/FeatureFlagContext';\nimport RemoteIcon from '@splunk/visualizations-shared/RemoteIcon';\nimport { variables } from '@splunk/themes';\nimport { createDOMID } from '@splunk/ui-utils/id';\n\ntype FeatureFlagContextValue = Record<string, boolean | undefined> | null;\n\nconst StyledPopover = styled(Popover)`\n    min-width: 250px;\n    max-width: 332px;\n    max-width: fit-content;\n    font-size: 12px;\n`;\n\nconst StyledTable = styled.table`\n    margin: 2px 6px 2px 6px;\n    width: calc(100% - 12px);\n`;\n\nconst StyledTitleColumn = styled.td`\n    opacity: 0.85;\n    word-break: break-all;\n    vertical-align: top;\n`;\n\nconst StyledValueColumn = styled.td`\n    text-align: right;\n    word-break: break-all;\n    vertical-align: top;\n`;\n\nconst StyledColorBlock = styled.div`\n    background-color: ${props => props.color};\n    display: inline-block;\n    margin-right: 4px;\n    border-radius: 2px;\n    width: 6px;\n    height: 11px;\n    transform: translateY(1px);\n`;\n\nconst StyledIconWrapper = styled.span`\n    margin-left: 4px;\n    display: inline-block;\n    vertical-align: middle;\n`;\n\nconst StyledTooltipHeader = styled.thead`\n    th {\n        height: 16px;\n        color: ${variables.contentColorActive};\n        padding: 0;\n    }\n\n    span {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        width: 100%;\n    }\n`;\n\nexport const convertDegToDMS = (decimalDegree: number, type: 'latitude' | 'longitude'): string => {\n    const truncate = n => (n > 0 ? Math.floor(n) : Math.ceil(n));\n    const absoluteDegree = Math.abs(decimalDegree);\n    let degrees = truncate(absoluteDegree);\n    let minutes = truncate((absoluteDegree - degrees) * 60);\n    let seconds = Math.round((absoluteDegree - degrees - minutes / 60) * 3600);\n    if (seconds === 60) {\n        minutes += 1;\n        seconds = 0;\n    }\n    if (minutes === 60) {\n        degrees += 1;\n        minutes = 0;\n    }\n    let direction: string;\n    if (type === 'longitude') {\n        direction = decimalDegree < 0 ? 'W' : 'E';\n    } else if (type === 'latitude') {\n        direction = decimalDegree < 0 ? 'S' : 'N';\n    }\n    return `${degrees}\u00B0 ${minutes}' ${seconds}\" ${direction}`;\n};\n\nexport interface TooltipProps {\n    open?: boolean;\n    anchor?: HTMLElement;\n    latitude?: number;\n    longitude?: number;\n    areaId?: string;\n    areaValue?: number;\n    additionalFields?: Array<{ name: string; value: number | string; color?: string; icon?: string }>;\n    showCoordinates?: boolean;\n    tooltipHeader?: string;\n}\n// only want latitude/longitude for marker and bubble\n// omit for choropleth, and put areaid, areavalue instead\nconst Tooltip = ({\n    open,\n    anchor,\n    latitude,\n    longitude,\n    areaId,\n    areaValue,\n    additionalFields = [],\n    showCoordinates = true,\n    tooltipHeader = null,\n}: TooltipProps): JSX.Element => {\n    const featureFlagContext = React.useContext<FeatureFlagContextValue>(FeatureFlagContext);\n    const isTooltipIconFlagEnabled = Boolean(featureFlagContext?.visualizations_enableTooltipIcon);\n    return (\n        <StyledPopover\n            open={open}\n            animation={false}\n            anchor={anchor}\n            data-test=\"map-marker-tooltip\"\n            defaultPlacement=\"above\"\n        >\n            <StyledTable>\n                {tooltipHeader && (\n                    <StyledTooltipHeader data-test=\"tooltip-header\">\n                        <tr>\n                            <th colSpan={2}>\n                                <span data-test=\"tooltip-header-value\">{tooltipHeader}</span>\n                            </th>\n                        </tr>\n                    </StyledTooltipHeader>\n                )}\n                <tbody>\n                    {Boolean(areaId && areaValue) && (\n                        <tr>\n                            <StyledTitleColumn data-test=\"area-id\">{areaId}</StyledTitleColumn>\n                            <StyledValueColumn data-test=\"area-value\">{areaValue}</StyledValueColumn>\n                        </tr>\n                    )}\n                    {Boolean(showCoordinates && latitude) && (\n                        <tr>\n                            <StyledTitleColumn>{_('Latitude')}</StyledTitleColumn>\n                            <StyledValueColumn data-test=\"latitude\">\n                                {convertDegToDMS(latitude, 'latitude')}\n                            </StyledValueColumn>\n                        </tr>\n                    )}\n                    {Boolean(showCoordinates && longitude) && (\n                        <tr>\n                            <StyledTitleColumn>{_('Longitude')}</StyledTitleColumn>\n                            <StyledValueColumn data-test=\"longitude\">\n                                {convertDegToDMS(longitude, 'longitude')}\n                            </StyledValueColumn>\n                        </tr>\n                    )}\n                    {additionalFields\n                        .filter(({ value }) => value && String(value) !== '0')\n                        .map(({ name, value, color, icon }) => (\n                            <tr key={createDOMID()}>\n                                <StyledTitleColumn data-test=\"field-title\">\n                                    {color ? (\n                                        <StyledColorBlock data-test=\"field-color\" color={color} />\n                                    ) : null}\n                                    <span>\n                                        {name}\n                                        {isTooltipIconFlagEnabled &&\n                                        icon &&\n                                        (isRemoteIcon(icon) || isDataURI(icon)) ? (\n                                            <StyledIconWrapper data-test=\"field-icon\">\n                                                <RemoteIcon iconURL={icon} width={16} height={16} />\n                                            </StyledIconWrapper>\n                                        ) : null}\n                                    </span>\n                                </StyledTitleColumn>\n                                <StyledValueColumn data-test=\"field-value\">{value}</StyledValueColumn>\n                            </tr>\n                        ))}\n                </tbody>\n            </StyledTable>\n        </StyledPopover>\n    );\n};\n\nexport default Tooltip;\n", "import type { Map } from 'maplibre-gl';\nimport { Marker } from 'maplibre-gl';\nimport * as React from 'react';\nimport type { TooltipProps } from './Tooltip';\nimport Tooltip from './Tooltip';\n\nexport interface MarkerWrapperProps extends React.HTMLAttributes<HTMLDivElement> {\n    latitude: number;\n    longitude: number;\n    areaId?: string;\n    areaValue?: number;\n    additionalFields?: TooltipProps['additionalFields'];\n    tooltipHeader?: TooltipProps['tooltipHeader'];\n    map: React.MutableRefObject<Map>;\n    isChoroplethTooltipOpen?: boolean;\n    showCoordinates?: boolean;\n}\n\nconst MarkerWrapper = ({\n    longitude,\n    latitude,\n    areaId,\n    areaValue,\n    additionalFields = [],\n    tooltipHeader = null,\n    map,\n    isChoroplethTooltipOpen,\n    children,\n    showCoordinates = true,\n    ...otherProps\n}: MarkerWrapperProps): JSX.Element => {\n    const container = React.useRef<HTMLDivElement>();\n    const marker = React.useRef<Marker>();\n    const [isTooltipOpen, setTooltipOpenStatus] = React.useState(false);\n\n    const isChoroplethTooltip = React.useCallback(\n        () => isChoroplethTooltipOpen !== undefined,\n        [isChoroplethTooltipOpen]\n    );\n\n    const openTooltip = React.useCallback(() => setTooltipOpenStatus(true), []);\n    const closeTooltip = React.useCallback(() => setTooltipOpenStatus(false), []);\n\n    const cleanupMarker = React.useCallback(() => {\n        if (marker.current) {\n            marker.current.remove();\n            marker.current = undefined;\n        }\n    }, []);\n\n    React.useEffect(() => {\n        try {\n            if (marker.current) {\n                marker.current.setLngLat([longitude, latitude]);\n            } else {\n                marker.current = new Marker({ element: container.current });\n                marker.current.setLngLat([longitude, latitude]);\n                marker.current.addTo(map.current);\n            }\n        } catch (error) {\n            // eslint-disable-next-line no-console\n            console.error(error);\n            cleanupMarker();\n        }\n    }, [latitude, longitude, map]);\n\n    React.useEffect(() => cleanupMarker, []);\n    const filteredAdditionalFields = additionalFields.filter(({ value }) => value && String(value) !== '0');\n    const showTooltip = showCoordinates || filteredAdditionalFields.length || (areaId && areaValue);\n    return (\n        <div style={{ visibility: isChoroplethTooltip() ? 'hidden' : 'visible' }}>\n            <div\n                style={{\n                    visibility: isChoroplethTooltip() ? 'hidden' : 'visible',\n                }}\n                ref={container}\n                data-test=\"map-marker\"\n                onMouseOver={openTooltip}\n                onMouseLeave={closeTooltip}\n                onFocus={openTooltip}\n                onBlur={closeTooltip}\n                {...otherProps}\n            >\n                {children}\n            </div>\n            <div>\n                {showTooltip && (\n                    <Tooltip\n                        open={isChoroplethTooltip() ? isChoroplethTooltipOpen : isTooltipOpen}\n                        anchor={container.current}\n                        latitude={isChoroplethTooltip() ? null : latitude}\n                        longitude={isChoroplethTooltip() ? null : longitude}\n                        areaId={areaId}\n                        areaValue={areaValue}\n                        additionalFields={additionalFields}\n                        showCoordinates={showCoordinates}\n                        tooltipHeader={tooltipHeader}\n                    />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default MarkerWrapper;\n", "import * as React from 'react';\nimport styled from 'styled-components';\nimport type { Map } from 'maplibre-gl';\nimport { sum } from 'lodash';\nimport { isRemoteIcon, isDataURI } from '@splunk/visualizations-shared/iconUtils';\nimport { isColor } from '@splunk/visualizations-shared/colorUtils';\nimport RemoteIcon from '@splunk/visualizations-shared/RemoteIcon';\nimport FeatureFlagContext from '@splunk/visualization-context/FeatureFlagContext';\nimport { createDOMID } from '@splunk/ui-utils/id';\nimport {\n    bakeBubbleData,\n    BubbleLayerType,\n    DEFAULT_SERIES_COLORS,\n    DEFAULT_RESULT_LIMIT,\n    DEFAULT_CLUSTER_COLOR,\n    getStaticColors,\n    matchBubbleSize,\n} from './MapUtils';\nimport MarkerWrapper from './MarkerWrapper';\nimport type { TooltipProps } from './Tooltip';\n\ntype FeatureFlagContextValue = Record<string, boolean | undefined> | null;\n\nexport const GEO_BOUND_PREFIX = '_geo_bounds_';\nexport const GEO_LAT_AND_LONG_FIELD = ['_geo_long_field', '_geo_lat_field'];\nexport const ICON_DISPLAY_CUTOFF = 16;\nexport interface PieSegmentProps {\n    start: number;\n    end: number;\n    radius: number;\n    color: string;\n    themeColor: string;\n    segmentMetadata?: { name: string; value: number; color: string };\n    handleBubbleClick?: (e: Event, name: string, count: number) => void;\n}\n\nexport const PieSegment = React.memo(\n    ({\n        start,\n        end,\n        radius,\n        color,\n        themeColor,\n        segmentMetadata,\n        handleBubbleClick,\n    }: PieSegmentProps): JSX.Element => {\n        const { name, value } = segmentMetadata ?? {};\n        const handleSegmentClick = React.useCallback(\n            e => {\n                handleBubbleClick(e, name, value);\n            },\n            [name, value, handleBubbleClick]\n        );\n\n        if (end - start === 1) {\n            return (\n                <BubbleSegment\n                    as=\"circle\"\n                    onClick={handleSegmentClick}\n                    cx={radius}\n                    cy={radius}\n                    r={radius}\n                    fill={color}\n                    fillOpacity={0.5}\n                    strokeWidth={1.5}\n                    stroke={color}\n                />\n            );\n        }\n        const a0 = 2 * Math.PI * (start - 0.25);\n        const a1 = 2 * Math.PI * (end - 0.25);\n        const x0 = Math.cos(a0);\n        const y0 = Math.sin(a0);\n        const x1 = Math.cos(a1);\n        const y1 = Math.sin(a1);\n        const arc = end - start > 0.5 ? 1 : 0;\n\n        return (\n            <BubbleSegment\n                as=\"path\"\n                onClick={handleSegmentClick}\n                d={`M ${radius} ${radius} L ${radius + radius * x0} ${\n                    radius + radius * y0\n                } A ${radius} ${radius} 0 ${arc} 1 ${radius + radius * x1} ${\n                    radius + radius * y1\n                } L ${radius} ${radius} A 0 0 0 ${arc} 0 ${radius} ${radius}`}\n                fill={color}\n                fillOpacity={0.8}\n                stroke={themeColor}\n                strokeWidth={2}\n                strokeOpacity={0.3}\n            />\n        );\n    }\n);\n\nPieSegment.displayName = 'MapBubblePieSegment';\n\nexport const BubbleSegment = styled.path`\n    transition: 0.2s ease-in-out;\n    transition-property: fill, stroke;\n`;\n\nexport const BUBBLE_SEGMENT_DIMMED_STYLES = {\n    fill: 'rgba(150, 150, 150, 0.3)',\n    stroke: 'rgba(200, 200, 200, 0.4)',\n} as const;\n\nconst StyledMarkerWrapper = styled(MarkerWrapper)`\n    cursor: pointer;\n`;\n\nexport interface BubbleProps {\n    originalValues: number[];\n    valueRange: number[];\n    colors: string[];\n    themeColor: string;\n    isPie: boolean;\n    latitude: number;\n    longitude: number;\n    bubbleSize: Required<TooltipProps['additionalFields'][number] & { value: number }>[];\n    additionalFields?: TooltipProps['additionalFields'];\n    tooltipHeader?: TooltipProps['tooltipHeader'];\n    map: React.MutableRefObject<Map>;\n    handleMapClick?: any;\n    icon?: string;\n    showCoordinates?: boolean;\n}\n\nexport const Bubble = React.memo(\n    ({\n        originalValues,\n        valueRange,\n        colors,\n        themeColor,\n        isPie,\n        latitude,\n        longitude,\n        bubbleSize,\n        additionalFields = [],\n        tooltipHeader = null,\n        map,\n        handleMapClick,\n        icon,\n        showCoordinates,\n    }: BubbleProps): JSX.Element => {\n        const featureFlagContext = React.useContext<FeatureFlagContextValue>(FeatureFlagContext);\n        const isBubbleMapIconFlagEnabled = Boolean(featureFlagContext?.visualizations_enableBubbleMapIcon);\n\n        const onBubbleClick = React.useCallback(\n            (e, name, value) => {\n                handleMapClick(e, name, value);\n                e.stopPropagation();\n            },\n            [handleMapClick]\n        );\n\n        // sanitize values\n        const allZeros = originalValues.every(v => v === 0);\n        const values = originalValues.map(v => (v > 0 ? v : 0));\n        const total = values.reduce((totalValue, v) => totalValue + v, 0);\n        const radius = matchBubbleSize(valueRange, total);\n\n        const bubble = React.useMemo(() => {\n            if (allZeros || !originalValues.length) return null;\n\n            const offsets: number[] = [];\n            let runningTotal = 0;\n            values.forEach(count => {\n                offsets.push(runningTotal);\n                runningTotal += count;\n            });\n\n            const width = radius * 2;\n            return (\n                <svg width={width} height={width} viewBox={`-3 -3 ${width + 6} ${width + 6}`}>\n                    {isPie && (\n                        <circle\n                            cx={radius}\n                            cy={radius}\n                            r={radius}\n                            fill=\"none\"\n                            strokeWidth={2}\n                            stroke={themeColor}\n                            strokeOpacity={0.3}\n                        />\n                    )}\n                    {values.map((v, i) => (\n                        <PieSegment\n                            key={createDOMID()}\n                            start={offsets[i] / total}\n                            end={(offsets[i] + v) / total}\n                            radius={radius}\n                            color={colors[i]}\n                            themeColor={themeColor}\n                            segmentMetadata={bubbleSize[i]}\n                            handleBubbleClick={onBubbleClick}\n                        />\n                    ))}\n                </svg>\n            );\n        }, [\n            bubbleSize,\n            colors,\n            isPie,\n            onBubbleClick,\n            originalValues,\n            themeColor,\n            allZeros,\n            radius,\n            total,\n            values,\n        ]);\n\n        if (!bubble) {\n            return null;\n        }\n\n        return (\n            <StyledMarkerWrapper\n                longitude={longitude}\n                latitude={latitude}\n                additionalFields={[...bubbleSize, ...additionalFields]}\n                tooltipHeader={tooltipHeader}\n                map={map}\n                data-test-type=\"bubble\"\n                showCoordinates={showCoordinates}\n            >\n                {bubble}\n                {isBubbleMapIconFlagEnabled &&\n                    radius >= ICON_DISPLAY_CUTOFF &&\n                    icon &&\n                    (isRemoteIcon(icon) || isDataURI(icon)) && (\n                        <div\n                            data-test=\"bubble-icon-wrapper\"\n                            style={{\n                                position: 'absolute',\n                                top: `${radius}px`,\n                                left: `${radius}px`,\n                                transform: 'translate(-50%, -50%)',\n                                pointerEvents: 'none',\n                            }}\n                        >\n                            <RemoteIcon iconURL={icon} width={radius * 0.8} height={radius * 0.8} />\n                        </div>\n                    )}\n            </StyledMarkerWrapper>\n        );\n    }\n);\nBubble.displayName = 'MapBubble';\n\nexport interface BubbleLayerProps {\n    bubbleLayer: BubbleLayerType;\n    themeColorScheme: string;\n    zoom: number;\n    map: React.MutableRefObject<Map>;\n    onMapClick?: any;\n    showCoordinates?: boolean;\n}\n\nconst BubbleLayer = (props: BubbleLayerProps): JSX.Element => {\n    const { bubbleLayer, themeColorScheme, map, zoom, onMapClick, showCoordinates } = props;\n\n    bubbleLayer.seriesColors = bubbleLayer.seriesColors || DEFAULT_SERIES_COLORS;\n    bubbleLayer.bubbleSize = bubbleLayer.bubbleSize || [];\n    bubbleLayer.icon = bubbleLayer.icon || [];\n    const bakedData = React.useMemo(() => bakeBubbleData(bubbleLayer), [bubbleLayer]);\n    const staticColors = React.useMemo(\n        () => getStaticColors(bubbleLayer.bubbleSize.length, bubbleLayer.seriesColors),\n        [bubbleLayer.bubbleSize.length, bubbleLayer.seriesColors]\n    );\n    const { data = [], dataRange = [], resultLimit, bubbleSizeFields, isPie } = bakedData ?? {};\n    const { additionalTooltipFields = [], tooltipHeaderFieldName = null } = bubbleLayer;\n    const roundedZoom = Math.round(zoom);\n    const themeColor = themeColorScheme === 'light' ? '#ffffff' : '#1a1c20';\n    const dynamicColors = bubbleLayer.dataColors;\n\n    // filter data for the current zoom level and sort base on values\n    const dataToRender = React.useMemo(\n        () =>\n            data\n                .reduce((acc, datum, i) => {\n                    const shouldRender =\n                        datum.zoom === null || datum.zoom === undefined || datum.zoom === roundedZoom;\n                    if (shouldRender) {\n                        acc.push({ data: datum, idx: i });\n                    }\n                    return acc;\n                }, [])\n                .slice(0, resultLimit || DEFAULT_RESULT_LIMIT)\n                .sort((a, b) => sum(b.data.values) - sum(a.data.values)),\n        [data, resultLimit, roundedZoom]\n    );\n\n    const handleMapClick = React.useCallback(\n        (e, name, value, i) => {\n            // retrieve metadata from the appropriate datum, indexed by i\n            const metadata = dataToRender[i]?.data?.metadata ?? {};\n            const payload = Object.keys(metadata).reduce(\n                (acc, curr) => {\n                    const key = `row.${curr}.value`;\n                    const val = String(metadata[curr]);\n                    return { ...acc, [key]: val };\n                },\n                { name, value: String(value) }\n            );\n\n            onMapClick({ e, payload });\n        },\n        [dataToRender, onMapClick]\n    );\n\n    return (\n        <>\n            {dataToRender.map((datum, i) => {\n                const colors = dynamicColors\n                    ? [\n                          dataToRender.map(obj =>\n                              isColor(dynamicColors[obj.idx]) ? dynamicColors[obj.idx] : DEFAULT_CLUSTER_COLOR\n                          )[i],\n                      ]\n                    : staticColors;\n\n                const [longitude, latitude] = datum.data.coordinates;\n                const bubbleSize = datum.data.values.map((value, index) => ({\n                    name: bubbleSizeFields[index],\n                    value,\n                    color: colors[index],\n                }));\n\n                const additionalFields = bubbleLayer.metadata\n                    ? additionalTooltipFields.map(field => ({\n                          name: field,\n                          value: datum.data.metadata[field],\n                          icon: bubbleLayer.tooltipFieldIcons?.[field],\n                      }))\n                    : [];\n\n                const tooltipHeaderField =\n                    bubbleLayer.metadata && datum.data.metadata[tooltipHeaderFieldName];\n\n                return (\n                    <Bubble\n                        // eslint-disable-next-line\n                        key={String(i)}\n                        originalValues={datum.data.values}\n                        valueRange={dataRange}\n                        colors={colors}\n                        themeColor={themeColor}\n                        isPie={isPie}\n                        longitude={longitude}\n                        latitude={latitude}\n                        bubbleSize={bubbleSize}\n                        additionalFields={additionalFields}\n                        tooltipHeader={tooltipHeaderField}\n                        map={map}\n                        handleMapClick={(e, name, value) => handleMapClick(e, name, value, i)}\n                        icon={bubbleLayer.icon[datum.idx]}\n                        showCoordinates={showCoordinates}\n                    />\n                );\n            })}\n        </>\n    );\n};\n\nexport default BubbleLayer;\n"],
-  "mappings": "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",
-  "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport"]
+  "sources": ["../../src/common/utils/mapUtils.ts", "esm-externals:@splunk/visualization-encoding/utils/types", "esm-externals:@splunk/visualization-encoding/utils/dsl", "esm-externals:@splunk/visualizations-shared/hocUtils", "esm-externals:@splunk/visualizations-shared/JSONSchemaUtils", "esm-externals:react", "esm-externals:styled-components", "esm-externals:lodash", "esm-externals:@splunk/visualizations-shared/iconUtils", "esm-externals:@splunk/visualizations-shared/colorUtils", "esm-externals:@splunk/visualizations-shared/RemoteIcon", "esm-externals:@splunk/visualization-context/FeatureFlagContext", "esm-externals:@splunk/ui-utils/i18n", "esm-externals:@splunk/ui-utils/format", "../../src/Map/PureMap/keyboardConstants.ts", "esm-externals:@splunk/react-ui/Popover", "esm-externals:@splunk/themes", "esm-externals:@splunk/ui-utils/id", "../../src/common/utils/shadowDomUtils.ts", "../../src/Map/PureMap/Tooltip.tsx", "esm-externals:d3-scale", "esm-externals:chroma-js", "esm-externals:@splunk/visualization-color-palettes", "esm-externals:@splunk/visualization-schemas", "../../src/Map/PureMap/MapUtils.ts", "esm-externals:maplibre-gl", "../../src/Map/PureMap/MapContext.tsx", "../../src/Map/PureMap/MarkerWrapper.tsx", "../../src/Map/PureMap/BubbleLayer.tsx"],
+  "sourcesContent": ["import { isNumber } from '@splunk/visualization-encoding/utils/types';\nimport { getFieldsFromDSL } from '@splunk/visualization-encoding/utils/dsl';\nimport { deepMergeWithArrayPrimitiveOverrides } from '@splunk/visualizations-shared/hocUtils';\nimport { pickFieldFromJSONSchema } from '@splunk/visualizations-shared/JSONSchemaUtils';\nimport { GEO_LAT_AND_LONG_FIELD } from '../../Map/PureMap/BubbleLayer';\n\nexport const columnsNullToZeros = (config, dataSources, options) => {\n    const { primary } = dataSources;\n    const { columns, fields } = primary.data;\n    let newColumns = columns;\n    const mergedOptions = deepMergeWithArrayPrimitiveOverrides(\n        {},\n        options,\n        pickFieldFromJSONSchema(config.optionsSchema, 'default')\n    );\n    if (mergedOptions.layers?.[0]?.type === 'bubble') {\n        const latitudeField = getFieldsFromDSL(mergedOptions.layers[0].latitude, dataSources)[0] || '';\n        const longitudeField = getFieldsFromDSL(mergedOptions.layers[0].longitude, dataSources)[0] || '';\n        const stringsFields = getFieldsFromDSL(\"> primary | frameBySeriesTypes('string')\", dataSources);\n        const excludedFields = Array.from(\n            new Set([\n                latitudeField,\n                longitudeField,\n                'geobin',\n                'name',\n                ...stringsFields,\n                ...GEO_LAT_AND_LONG_FIELD,\n            ])\n        );\n        const indicesToEvaluate = new Set(\n            fields.reduce((arr, e, i) => {\n                const field = typeof e === 'string' ? e : e.name.toString();\n                if (!excludedFields.includes(field)) {\n                    arr.push(i);\n                }\n                return arr;\n            }, [])\n        );\n\n        newColumns = columns.map((column, i) => {\n            if (indicesToEvaluate.has(i)) {\n                // sanitize value and convert string to numeric numbers\n                return column.map(value => (!value || !isNumber(value) ? 0 : +value));\n            }\n            return column;\n        });\n    }\n\n    const modifiedDatasources = {\n        ...dataSources,\n        primary: {\n            ...primary,\n            data: {\n                ...primary.data,\n                columns: newColumns,\n            },\n        },\n    };\n\n    return modifiedDatasources;\n};\n", "\nimport * as defaultImport from \"@splunk/visualization-encoding/utils/types\";\nexport * from \"@splunk/visualization-encoding/utils/types\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-encoding/utils/dsl\";\nexport * from \"@splunk/visualization-encoding/utils/dsl\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/hocUtils\";\nexport * from \"@splunk/visualizations-shared/hocUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/JSONSchemaUtils\";\nexport * from \"@splunk/visualizations-shared/JSONSchemaUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"styled-components\";\nexport * from \"styled-components\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"lodash\";\nexport * from \"lodash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/iconUtils\";\nexport * from \"@splunk/visualizations-shared/iconUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/colorUtils\";\nexport * from \"@splunk/visualizations-shared/colorUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/RemoteIcon\";\nexport * from \"@splunk/visualizations-shared/RemoteIcon\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-context/FeatureFlagContext\";\nexport * from \"@splunk/visualization-context/FeatureFlagContext\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/format\";\nexport * from \"@splunk/ui-utils/format\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "export const KEYBOARD_KEYS = {\n    ARROW_RIGHT: 'ArrowRight',\n    ARROW_LEFT: 'ArrowLeft',\n    ARROW_UP: 'ArrowUp',\n    ARROW_DOWN: 'ArrowDown',\n    HOME: 'Home',\n    END: 'End',\n    ENTER: 'Enter',\n    SPACE: ' ',\n} as const;\n", "\nimport * as defaultImport from \"@splunk/react-ui/Popover\";\nexport * from \"@splunk/react-ui/Popover\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes\";\nexport * from \"@splunk/themes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/id\";\nexport * from \"@splunk/ui-utils/id\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "export const getFloatingLayerStyleTarget = (anchor?: HTMLElement | null): HTMLElement | undefined => {\n    if (!anchor || typeof anchor.getRootNode !== 'function') {\n        return undefined;\n    }\n\n    const rootNode = anchor.getRootNode();\n\n    if (typeof ShadowRoot !== 'undefined' && rootNode instanceof ShadowRoot) {\n        return anchor.ownerDocument.head;\n    }\n\n    return undefined;\n};\n", "import * as React from 'react';\nimport styled, { StyleSheetManager } from 'styled-components';\nimport Popover from '@splunk/react-ui/Popover';\nimport { isRemoteIcon, isDataURI } from '@splunk/visualizations-shared/iconUtils';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport FeatureFlagContext from '@splunk/visualization-context/FeatureFlagContext';\nimport RemoteIcon from '@splunk/visualizations-shared/RemoteIcon';\nimport { variables } from '@splunk/themes';\nimport { createDOMID } from '@splunk/ui-utils/id';\nimport { getFloatingLayerStyleTarget } from '../../common/utils/shadowDomUtils';\n\ntype FeatureFlagContextValue = Record<string, boolean | undefined> | null;\n\nconst StyledPopover = styled(Popover)`\n    min-width: 250px;\n    max-width: 332px;\n    max-width: fit-content;\n    font-size: 12px;\n`;\n\nconst StyledTable = styled.table`\n    margin: 2px 6px 2px 6px;\n    width: calc(100% - 12px);\n`;\n\nconst StyledTitleColumn = styled.td`\n    opacity: 0.85;\n    word-break: break-all;\n    vertical-align: top;\n`;\n\nconst StyledValueColumn = styled.td`\n    text-align: right;\n    word-break: break-all;\n    vertical-align: top;\n`;\n\nconst StyledColorBlock = styled.div`\n    background-color: ${props => props.color};\n    display: inline-block;\n    margin-right: 4px;\n    border-radius: 2px;\n    width: 6px;\n    height: 11px;\n    transform: translateY(1px);\n`;\n\nconst StyledIconWrapper = styled.span`\n    margin-left: 4px;\n    display: inline-block;\n    vertical-align: middle;\n`;\n\nconst StyledTooltipHeader = styled.thead`\n    th {\n        height: 16px;\n        color: ${variables.contentColorActive};\n        padding: 0;\n    }\n\n    span {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        width: 100%;\n    }\n`;\n\nexport const convertDegToDMS = (decimalDegree: number, type: 'latitude' | 'longitude'): string => {\n    const truncate = n => (n > 0 ? Math.floor(n) : Math.ceil(n));\n    const absoluteDegree = Math.abs(decimalDegree);\n    let degrees = truncate(absoluteDegree);\n    let minutes = truncate((absoluteDegree - degrees) * 60);\n    let seconds = Math.round((absoluteDegree - degrees - minutes / 60) * 3600);\n    if (seconds === 60) {\n        minutes += 1;\n        seconds = 0;\n    }\n    if (minutes === 60) {\n        degrees += 1;\n        minutes = 0;\n    }\n    let direction: string;\n    if (type === 'longitude') {\n        direction = decimalDegree < 0 ? 'W' : 'E';\n    } else if (type === 'latitude') {\n        direction = decimalDegree < 0 ? 'S' : 'N';\n    }\n    return `${degrees}\u00B0 ${minutes}' ${seconds}\" ${direction}`;\n};\n\nexport interface TooltipProps {\n    id?: string;\n    open?: boolean;\n    anchor?: HTMLElement;\n    latitude?: number;\n    longitude?: number;\n    areaId?: string;\n    areaValue?: number;\n    additionalFields?: Array<{ name: string; value: number | string; color?: string; icon?: string }>;\n    showCoordinates?: boolean;\n    tooltipHeader?: string;\n    stylesManagedExternally?: boolean;\n    onMouseEnter?: (e: React.MouseEvent) => void;\n    onMouseLeave?: (e: React.MouseEvent) => void;\n}\n// only want latitude/longitude for marker and bubble\n// omit for choropleth, and put areaid, areavalue instead\nconst Tooltip = ({\n    id,\n    open,\n    anchor,\n    latitude,\n    longitude,\n    areaId,\n    areaValue,\n    additionalFields = [],\n    showCoordinates = true,\n    tooltipHeader = null,\n    stylesManagedExternally = false,\n    onMouseEnter,\n    onMouseLeave,\n}: TooltipProps): JSX.Element => {\n    const featureFlagContext = React.useContext<FeatureFlagContextValue>(FeatureFlagContext);\n    const isTooltipIconFlagEnabled = Boolean(featureFlagContext?.visualizations_enableTooltipIcon);\n    const styleTarget = stylesManagedExternally ? undefined : getFloatingLayerStyleTarget(anchor);\n\n    const popover = (\n        <StyledPopover\n            id={id}\n            role=\"tooltip\"\n            open={open}\n            animation={false}\n            anchor={anchor}\n            data-test=\"map-marker-tooltip\"\n            defaultPlacement=\"above\"\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n        >\n            <StyledTable>\n                {tooltipHeader && (\n                    <StyledTooltipHeader data-test=\"tooltip-header\">\n                        <tr>\n                            <th colSpan={2}>\n                                <span data-test=\"tooltip-header-value\">{tooltipHeader}</span>\n                            </th>\n                        </tr>\n                    </StyledTooltipHeader>\n                )}\n                <tbody>\n                    {Boolean(areaId && areaValue) && (\n                        <tr>\n                            <StyledTitleColumn data-test=\"area-id\">{areaId}</StyledTitleColumn>\n                            <StyledValueColumn data-test=\"area-value\">{areaValue}</StyledValueColumn>\n                        </tr>\n                    )}\n                    {Boolean(showCoordinates && latitude) && (\n                        <tr>\n                            <StyledTitleColumn>{_('Latitude')}</StyledTitleColumn>\n                            <StyledValueColumn data-test=\"latitude\">\n                                {convertDegToDMS(latitude, 'latitude')}\n                            </StyledValueColumn>\n                        </tr>\n                    )}\n                    {Boolean(showCoordinates && longitude) && (\n                        <tr>\n                            <StyledTitleColumn>{_('Longitude')}</StyledTitleColumn>\n                            <StyledValueColumn data-test=\"longitude\">\n                                {convertDegToDMS(longitude, 'longitude')}\n                            </StyledValueColumn>\n                        </tr>\n                    )}\n                    {additionalFields\n                        .filter(({ value }) => value && String(value) !== '0')\n                        .map(({ name, value, color, icon }) => (\n                            <tr key={createDOMID()}>\n                                <StyledTitleColumn data-test=\"field-title\">\n                                    {color ? (\n                                        <StyledColorBlock data-test=\"field-color\" color={color} />\n                                    ) : null}\n                                    <span>\n                                        {name}\n                                        {isTooltipIconFlagEnabled &&\n                                        icon &&\n                                        (isRemoteIcon(icon) || isDataURI(icon)) ? (\n                                            <StyledIconWrapper data-test=\"field-icon\">\n                                                <RemoteIcon iconURL={icon} width={16} height={16} />\n                                            </StyledIconWrapper>\n                                        ) : null}\n                                    </span>\n                                </StyledTitleColumn>\n                                <StyledValueColumn data-test=\"field-value\">{value}</StyledValueColumn>\n                            </tr>\n                        ))}\n                </tbody>\n            </StyledTable>\n        </StyledPopover>\n    );\n\n    return styleTarget ? <StyleSheetManager target={styleTarget}>{popover}</StyleSheetManager> : popover;\n};\n\nexport default Tooltip;\n", "\nimport * as defaultImport from \"d3-scale\";\nexport * from \"d3-scale\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"chroma-js\";\nexport * from \"chroma-js\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-color-palettes\";\nexport * from \"@splunk/visualization-color-palettes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-schemas\";\nexport * from \"@splunk/visualization-schemas\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import { forEach, sum, isNumber, min as lodashMin, max as lodashMax, get, isEqual, isObject } from 'lodash';\nimport { LngLatBoundsLike } from 'maplibre-gl';\nimport { scalePow } from 'd3-scale';\nimport chroma from 'chroma-js';\nimport type { MapContextInterface, BaseTileConfig } from '@splunk/visualization-context/MapContext';\nimport { isColor } from '@splunk/visualizations-shared/colorUtils';\nimport { VIZ_CATEGORICAL } from '@splunk/visualization-color-palettes';\nimport { isNumber as isNumberUtil } from '@splunk/visualization-encoding/utils/types';\nimport type { GeoJsonDataType } from '@splunk/visualizations-shared/mapUtils';\nimport { LAYER_TYPE } from '@splunk/visualization-schemas';\n\nexport const MAX_LATITUDE = 90;\nexport const MIN_LATITUDE = -90;\nexport const MAX_LONGITUDE = 180;\nexport const MIN_LONGITUDE = -180;\nexport const DEFAULT_RESULT_LIMIT = 1000;\nexport const DEFAULT_CLUSTER_COLOR = '#909090';\nexport const DEFAULT_SERIES_COLORS = VIZ_CATEGORICAL;\n// MapLibre requires a map style specification number which is always 8\nexport const MAP_STYLE_VERSION_NUMBER = 8;\n// currently using one [min, max] value set for bubbles across all zoom levels\nexport const MIN_BUBBLE_RADIUS = 7.11; // 10px\nexport const MAX_BUBBLE_RADIUS = 45.26; // 85px\nexport const DEFAULT_OPACITY = 0.8;\nconst LONGITUDE = 'longitude';\nconst LATITUDE = 'latitude';\nexport type MaybeBaseTileConfig = BaseTileConfig | Record<string, never>;\ninterface GenericLayerType {\n    type: string;\n    latitude: number[];\n    longitude: number[];\n    dataColors?: string[] | '';\n    seriesColors: string[];\n    additionalTooltipFields?: string[];\n    tooltipHeaderField?: string[];\n    resultLimit: number;\n    metadata?: Array<{ [key: string]: number | string }>;\n}\n\nexport interface MarkerLayerType extends GenericLayerType {\n    type: LAYER_TYPE.Marker;\n}\n\nexport interface BubbleLayerType extends GenericLayerType {\n    type: LAYER_TYPE.Bubble;\n    bubbleSize?: number[][] | number[];\n    bubbleSizeFields: string[];\n    dataValuesField?: string;\n    tooltipHeaderFieldName?: string;\n    geobin?: string[];\n    icon?: string[];\n    tooltipFieldIcons?: string;\n}\n\ninterface BubbleLayerDatumType {\n    zoom?: number | null;\n    values: number[];\n    sanitizedValues: number[];\n    coordinates: number[];\n}\n\nexport interface BubbleLayerDataType {\n    data: BubbleLayerDatumType[];\n    dataRange: number[];\n    isPie: boolean;\n    resultLimit: number;\n    bubbleSizeFields: string[];\n}\n\nexport interface ChoroplethLayerType {\n    type: LAYER_TYPE.Choropleth;\n    areaIds: string[];\n    areaValues: number[];\n    dataColors: string[];\n    additionalTooltipFields?: string[];\n    tooltipHeaderField?: string[];\n    geom?: GeoJsonDataType[] | null;\n    resultLimit?: number;\n    metadata?: Array<{ [key: string]: number | string | GeoJsonDataType }>;\n    source?: string;\n    width?: string | number;\n    height?: string | number;\n    choroplethEmptyAreaColor?: string;\n    choroplethStrokeColor?: string;\n    choroplethOpacity?: number;\n}\n\nexport interface MapLayerClickPayloadType {\n    name?: string;\n    value?: string | number;\n    /* cell values of all cells of clicked row with the field and value - in shape row.<field>.value */\n    [key: string]: string | number;\n}\n\nexport type ClusterLayerType = BubbleLayerType | MarkerLayerType;\nexport type LayerType = ClusterLayerType | ChoroplethLayerType;\n/**\n * Construct a tile preset {key: config} by combining the default + custom tile configs\n * Also returns the default tile config for each theme - light/dark\n * @param {MapContextInterface} args\n * @param {BaseTileConfig[]} args.defaultTileConfig\n * @param {BaseTileConfig[]} args.customTileConfig\n * @returns {Object} tile preset\n */\nexport const getTilePreset = ({\n    defaultTileConfig = [],\n    customTileConfig = [],\n}: MapContextInterface): {\n    tilePreset: Record<string, BaseTileConfig>;\n    defaultTileLight: MaybeBaseTileConfig;\n    defaultTileDark: MaybeBaseTileConfig;\n} => {\n    const tilePreset: Record<string, BaseTileConfig> = {};\n    let defaultTileLight: MaybeBaseTileConfig = {};\n    let defaultTileDark: MaybeBaseTileConfig = {};\n    const tileConfigs = [...defaultTileConfig, ...customTileConfig];\n    forEach(tileConfigs, tileConfig => {\n        const key = tileConfig?.key;\n        if (!key) {\n            return;\n        }\n        const updatedConfig: BaseTileConfig = {\n            ...tileConfig,\n            version: MAP_STYLE_VERSION_NUMBER,\n        };\n        tilePreset[key] = updatedConfig;\n    });\n\n    if (defaultTileConfig.length > 0) {\n        defaultTileLight =\n            defaultTileConfig.find(config => config.theme === 'light') ??\n            defaultTileConfig.find(config => config.theme === undefined) ??\n            {};\n        defaultTileDark =\n            defaultTileConfig.find(config => config.theme === 'dark') ??\n            defaultTileConfig.find(config => config.theme === undefined) ??\n            {};\n    }\n\n    return { tilePreset, defaultTileLight, defaultTileDark };\n};\n\n/**\n * Check if baseLayerTileServer is in tilePreset and config matches current theme, if yes, return.\n * If no, construct a mapStyle with baseLayerTilerServer and baseLayerTileServerType\n * Else return default tile config based on current theme\n * @param {Object} args\n * @param {BaseTileConfig[]} args.tilePreset\n * @param {String} args.baseLayerTilerServer\n * @param {String} args.baseLayerTileServerType\n * @param {String} args.colorScheme\n * @param {BaseTileConfig} args.defaultTileDark\n * @param {BaseTileConfig} args.defaultTileLight\n * @returns {BaseTileConfig} mapStyle\n */\nexport const getMapStyle = ({\n    showBaseLayer,\n    baseLayerTileServer = '',\n    baseLayerTileServerType = '',\n    tilePreset = {},\n    colorScheme = 'light',\n    defaultTileLight = {},\n    defaultTileDark = {},\n}: {\n    showBaseLayer: boolean;\n    baseLayerTileServer?: string;\n    baseLayerTileServerType?: string;\n    tilePreset?: Record<string, BaseTileConfig>;\n    colorScheme?: string;\n    defaultTileLight?: MaybeBaseTileConfig;\n    defaultTileDark?: MaybeBaseTileConfig;\n}): MaybeBaseTileConfig => {\n    if (!showBaseLayer) {\n        return {\n            name: 'empty-base-layer',\n            key: 'empty-base-layer',\n            version: MAP_STYLE_VERSION_NUMBER,\n            sources: {\n                'base-tiles': {\n                    type: 'raster',\n                    tiles: [\n                        'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=',\n                    ],\n                    tileSize: 256,\n                },\n            },\n            layers: [\n                {\n                    id: 'base-layer',\n                    type: 'raster',\n                    source: 'base-tiles',\n                    minzoom: 0,\n                    maxzoom: 22,\n                },\n            ],\n        };\n    }\n\n    if (\n        baseLayerTileServer &&\n        tilePreset[baseLayerTileServer] &&\n        (!tilePreset[baseLayerTileServer].theme || tilePreset[baseLayerTileServer].theme === colorScheme)\n    ) {\n        return tilePreset[baseLayerTileServer];\n    }\n\n    if (baseLayerTileServer && baseLayerTileServerType) {\n        let tiles: string[] = [];\n        /**\n         * Tile Server URLs (eg: http://{s}.somedomain.com/blabla/{z}/{x}/{y}{r}.png) can specify the variable {s} which refers to a subdomain\n         * Subdomains are used to help with browser parallel requests per domain limitation. These subdomains are typically single letters 'a', 'b' and 'c'\n         * Refer to https://leafletjs.com/SlavaUkraini/reference.html#tilelayer and https://wiki.openstreetmap.org/wiki/Tile_servers\n         */\n        if (/^(https?):\\/\\/{[sS]}\\./.exec(baseLayerTileServer)) {\n            /**\n             * sXML (Leaflet) allows users to define their own tile server URLs + list of available subdomains\n             * In order to preserve this behavior during conversion to splunk.map,\n             * if the variable {s} or {S} is detected, replace it with 'a', 'b' and 'c' - default values for subdomains\n             */\n            tiles = [\n                baseLayerTileServer.replace(/{[sS]}/, 'a'),\n                baseLayerTileServer.replace(/{[sS]}/, 'b'),\n                baseLayerTileServer.replace(/{[sS]}/, 'c'),\n            ];\n        } else {\n            tiles = [baseLayerTileServer];\n        }\n        const mapStyle: BaseTileConfig = {\n            name: baseLayerTileServer,\n            key: baseLayerTileServer,\n            version: MAP_STYLE_VERSION_NUMBER,\n            sources: {\n                'base-tiles': {\n                    type: baseLayerTileServerType,\n                    tiles,\n                    tileSize: 256,\n                },\n            },\n            layers: [\n                {\n                    id: 'base-layer',\n                    type: 'raster',\n                    source: 'base-tiles',\n                    minzoom: 0,\n                    maxzoom: 24, // https://maplibre.org/maplibre-gl-js-docs/api/map/\n                },\n            ],\n        };\n        return mapStyle;\n    }\n\n    // if tile server is not present in the preset AND we can't construct a mapStyle, fall back on defaults\n    return colorScheme === 'light' ? defaultTileLight : defaultTileDark;\n};\n\nexport interface ZoomConstraints {\n    minZoom: number;\n    maxZoom: number;\n}\n\nexport const getZoomConstraintsFromTileConfig = (\n    tileConfig: BaseTileConfig,\n    baseLayerTileServer?: string\n): ZoomConstraints => {\n    const { sources, layers } = tileConfig;\n    let matchedBaseLayerTileServer = false;\n    // check sources for minzoom maxzoom first\n    const sourceKeys = Object.keys(sources);\n    // eslint-disable-next-line\n    for (const key of sourceKeys) {\n        const source = sources[key] as { [key: string]: unknown };\n        const { minzoom, maxzoom } = source;\n        const tiles = Array.isArray(source?.tiles) ? (source.tiles as string[]) : [];\n        if (baseLayerTileServer && tiles.includes(baseLayerTileServer)) {\n            matchedBaseLayerTileServer = true;\n        }\n        if (\n            ((baseLayerTileServer && matchedBaseLayerTileServer) || !baseLayerTileServer) &&\n            isNumber(minzoom) &&\n            isNumber(maxzoom)\n        ) {\n            return {\n                minZoom: minzoom,\n                maxZoom: maxzoom,\n            };\n        }\n    }\n    // then check layers\n    // eslint-disable-next-line\n    for (const layer of layers) {\n        const { minzoom, maxzoom } = layer;\n        if (\n            ((baseLayerTileServer && matchedBaseLayerTileServer) || !baseLayerTileServer) &&\n            isNumber(minzoom) &&\n            isNumber(maxzoom)\n        ) {\n            return {\n                minZoom: minzoom,\n                maxZoom: maxzoom,\n            };\n        }\n    }\n    // Maplibre default - would reset previous min/maxZoom https://maplibre.org/maplibre-gl-js-docs/api/map/\n    return {\n        minZoom: 0,\n        maxZoom: 24,\n    };\n};\n\nexport const isBaseTileConfig = (config: MaybeBaseTileConfig): config is BaseTileConfig =>\n    Boolean(config && 'name' in config && 'key' in config && 'sources' in config && 'layers' in config);\n\nexport const getZoomLevelFromGeobin = (geobinStr?: string | null): number | null => {\n    if (!geobinStr) {\n        return null;\n    }\n    // geostats cmds return geobin with zoom level 0-18, 0-99 in the geobinPattern covers the range\n    const geobinPattern = /bin_id_zl_(\\d{1,2})_y_/g;\n    const match = geobinPattern.exec(geobinStr);\n    return (match?.length && parseInt(match[1], 10)) ?? null;\n};\n\n// Bubble colors - static\nexport const getStaticColors = (colorCount: number, colorArray: string[]): string[] => {\n    if (colorCount < 0 || !colorCount) {\n        return [DEFAULT_CLUSTER_COLOR];\n    }\n    if (!colorArray?.length) {\n        return [...Array(colorCount).keys()].map(i => DEFAULT_SERIES_COLORS[i]);\n    }\n    // loop through colorArray to pick the first $colorCount colors\n    // start from begining again if colorCount > colorArray.length\n    return [...Array(colorCount).keys()].map(i =>\n        isColor(colorArray[i % colorArray.length]) ? colorArray[i % colorArray.length] : DEFAULT_CLUSTER_COLOR\n    );\n};\n\n// Bubble size\nexport const matchBubbleSize = (dataRange: number[], data: number): any => {\n    const size = scalePow().exponent(0.2).domain(dataRange).range([MIN_BUBBLE_RADIUS, MAX_BUBBLE_RADIUS])(\n        data\n    );\n\n    if (size > MAX_BUBBLE_RADIUS) {\n        return MAX_BUBBLE_RADIUS;\n    }\n    if (size < MIN_BUBBLE_RADIUS) {\n        return MIN_BUBBLE_RADIUS;\n    }\n    return size;\n};\n\nexport const transposeArray = (array: number[][]): number[][] => {\n    if (!array?.length || !array[0]?.length) {\n        return [];\n    }\n    return array[0].map((_, i) => array.map(row => row[i]));\n};\n\n// sanitize values: update all null, undefined, or negative values to 0\nexport const sanitizeValues = (values: number[] | number[][]) => {\n    // null / undefined\n    if (!values) {\n        return 0;\n    }\n    // number\n    if (!Array.isArray(values)) {\n        return values > 0 ? values : 0;\n    }\n    // array\n    return values.map(arr => sanitizeValues(arr));\n};\n\n// eslint-disable-next-line consistent-return\nexport const sortByValuesField = (bubbleLayer: BubbleLayerType) => {\n    const { bubbleSizeFields, dataValuesField } = bubbleLayer;\n\n    // Find the index of dataValuesField in fields\n    const index = bubbleSizeFields.indexOf(dataValuesField);\n    if (index === -1) return bubbleLayer; // If not found, return as is\n\n    // Move dataValuesField and corresponding sizes to the first position\n    bubbleLayer.bubbleSizeFields.unshift(bubbleLayer.bubbleSizeFields.splice(index, 1)[0]);\n    bubbleLayer.bubbleSize.unshift(bubbleLayer.bubbleSize.splice(index, 1)[0] as number & number[]);\n};\n\nexport const bakeBubbleData = (layer: BubbleLayerType): BubbleLayerDataType => {\n    if (!layer?.bubbleSize?.length || !layer?.latitude?.length || !layer?.longitude?.length) {\n        return null;\n    }\n    const hasGeobinData = Array.isArray(layer.geobin) && layer.geobin.length > 0;\n    // if bubbleSize is passed as an array of single number array (data series)\n    // e.g. [value0, value1, ...]\n    // format each value as an array to unify data operations for data series and frames\n    const sanitizedBubbleSize = sanitizeValues(layer.bubbleSize);\n    let transposedBubbleSize: number[][];\n    let transposedSanitizedBubbleSize: number[][];\n    let isPie = false;\n    // format array if bubbleSize is passed as an array of array (data frame)\n    if (Array.isArray(layer.bubbleSize[0])) {\n        // one-time array transpose,\n        // e.g. from [column0data, column0data] (multi series)\n        // to [[column0datum0, column1datum0], [column0datum1, column1data1], ...]\n        // or e.g. from [column0data] (single series)\n        // to [[column0data]]\n        // for easy access of values at each geo location,\n        // and min max pie size computation\n        transposedBubbleSize = transposeArray(layer.bubbleSize as number[][]);\n        transposedSanitizedBubbleSize = transposeArray(sanitizedBubbleSize);\n        // if multiple series in the dataframe, set isPie to true\n        if (layer.bubbleSize.length > 1) {\n            isPie = true;\n            // when dynamic coloring is enabled,\n            // set the configured dataValues field as the first field\n            // to apply dynamic colors only to the first pie slice.\n            if (layer.dataValuesField && !!layer.dataColors) {\n                sortByValuesField(layer); // here\n            }\n        }\n    } else {\n        transposedBubbleSize = layer.bubbleSize.map(n => [n]);\n        transposedSanitizedBubbleSize = sanitizedBubbleSize.map(n => [n]);\n    }\n    if (!transposedBubbleSize?.length) {\n        return null;\n    }\n    const data = layer.latitude\n        .map((lat, i) => ({\n            zoom: hasGeobinData ? getZoomLevelFromGeobin(layer.geobin[i]) : null,\n            values: transposedBubbleSize[i],\n            sanitizedValues: transposedSanitizedBubbleSize[i],\n            coordinates: [layer.longitude[i], lat],\n            metadata: layer.metadata ? layer.metadata[i] : {},\n        }))\n        .filter(d => Boolean(d.values));\n\n    // compute the min/max value to encode min/max pie or bubble size\n    let min = sum(transposedSanitizedBubbleSize[0]);\n    let max = min;\n    transposedSanitizedBubbleSize.forEach(row => {\n        const bubbleSize = sum(row);\n        max = bubbleSize > max ? bubbleSize : max;\n        min = bubbleSize < min ? bubbleSize : min;\n    });\n    return {\n        data,\n        dataRange: [min, max],\n        isPie,\n        resultLimit: layer.resultLimit,\n        bubbleSizeFields: layer.bubbleSizeFields,\n    };\n};\n\nexport const isValidLatLon = (latlon: Array<number | string>): boolean => {\n    if (!latlon || !Array.isArray(latlon) || latlon.length !== 2) {\n        return false;\n    }\n    const [lat, lon] = latlon;\n    if (!isNumberUtil(lat) || !(Number(lat) >= MIN_LATITUDE && Number(lat) <= MAX_LATITUDE)) {\n        return false;\n    }\n    if (!isNumberUtil(lon) || !(Number(lon) >= MIN_LONGITUDE && Number(lon) <= MAX_LONGITUDE)) {\n        return false;\n    }\n    return true;\n};\n\nexport const getChoroplethValues = (field: string, choroplethLayer: ChoroplethLayerType): number[] => {\n    if (!Array.isArray(choroplethLayer.geom) || choroplethLayer.geom.length === 0) {\n        return [];\n    }\n    const limit = choroplethLayer.resultLimit ?? DEFAULT_RESULT_LIMIT;\n    const slicedGeomList = choroplethLayer.geom.slice(0, limit);\n    const flatCoordinates = slicedGeomList.flatMap(geomObject => {\n        if (!geomObject) {\n            return [];\n        }\n        if (geomObject.type === 'MultiPolygon') {\n            return geomObject.coordinates.flat(2);\n        }\n        if (geomObject.type === 'Polygon') {\n            return geomObject.coordinates.flat();\n        }\n        return [];\n    });\n    return flatCoordinates.map(coord => coord[field === LONGITUDE ? 0 : 1]);\n};\n\n/**\n * Returns a list of all lat or lon coordinates used in a specified layer\n * @param {LayerType[]} layer\n * @param {string} field\n * @returns {number[]} list of lat coordinates or lon coordinates\n */\nconst getLatOrLonCoordinates = (layer: LayerType, field: string): number[] => {\n    const getClusterValues = (clusterLayer: ClusterLayerType): number[] =>\n        get(clusterLayer, field, []).slice(\n            0,\n            clusterLayer.type === LAYER_TYPE.Marker && clusterLayer.resultLimit\n                ? clusterLayer.resultLimit\n                : DEFAULT_RESULT_LIMIT\n        );\n    return layer.type === LAYER_TYPE.Choropleth ? getChoroplethValues(field, layer) : getClusterValues(layer);\n};\n\n/**\n * Returns the min and max LongLat pairs to determine the layer boundaries to fit all markers/bubbles\n * @param {LayerType[]} layers\n * @returns {LngLatBoundsLike}\n */\nexport const getGlobalLayerBoundaries = (layers: LayerType[]): LngLatBoundsLike => {\n    const isLayerValid = (field: string): boolean =>\n        layers.every(layer => layer[field] || (layer as ChoroplethLayerType).geom);\n    const getDefaultMax = (field: string) => (field === LONGITUDE ? MAX_LONGITUDE : MAX_LATITUDE);\n    const getDefaultMin = (field: string) => (field === LONGITUDE ? MIN_LONGITUDE : MIN_LATITUDE);\n\n    if (!layers || !Array.isArray(layers) || !layers.length) {\n        return null;\n    }\n\n    const getMin = (field: string): number => {\n        if (!isLayerValid(field)) {\n            return getDefaultMin(field);\n        }\n        return layers.reduce((prevVal, layer) => {\n            const coordinatesNumArr = getLatOrLonCoordinates(layer, field).map(x => +x);\n            return lodashMin([prevVal, ...coordinatesNumArr]);\n        }, getDefaultMax(field));\n    };\n\n    const getMax = (field: string): number => {\n        if (!isLayerValid(field)) {\n            return getDefaultMax(field);\n        }\n        return layers.reduce((prevVal, layer) => {\n            const coordinatesNumArr = getLatOrLonCoordinates(layer, field).map(Number);\n            return lodashMax([prevVal, ...coordinatesNumArr]);\n        }, getDefaultMin(field));\n    };\n\n    return [\n        [getMin(LONGITUDE), getMin(LATITUDE)],\n        [getMax(LONGITUDE), getMax(LATITUDE)],\n    ];\n};\n\nexport const formatTooltipFieldValue = (value: unknown): string | number => {\n    if (value === null || value === undefined) {\n        return '';\n    }\n    if (typeof value === 'string' || typeof value === 'number') {\n        return value;\n    }\n    return JSON.stringify(value);\n};\n\nexport const getScaledOpacities = (colors: string[], cfgOpacity: number): number[] => {\n    // extract opacity information from 8 digit hex codes\n    const opacities = colors?.map(color => (color?.length === 9 ? (chroma(color).alpha() ?? 1) : 1));\n    // opacity cannot be greater than configured opacity\n    return opacities?.map(opacity => opacity * cfgOpacity);\n};\n\nexport const compareBaseStyles = (curr, next): boolean => {\n    const currBaseLayer = curr?.layers?.find(layer => layer?.id === 'base-layer');\n    const nextBaseLayer = next?.layers?.find(layer => layer?.id === 'base-layer');\n    const currBaseSource = get(curr?.sources, (currBaseLayer?.source as string) ?? '');\n    const nextBaseSource = get(next?.sources, (nextBaseLayer?.source as string) ?? '');\n\n    if (!currBaseLayer || !nextBaseLayer || !currBaseSource || !nextBaseSource) {\n        return false;\n    }\n\n    return isEqual(currBaseLayer, nextBaseLayer) && isEqual(currBaseSource, nextBaseSource);\n};\n\nexport const formatMetadata = (\n    choroplethLayer: ChoroplethLayerType,\n    i: number\n): { [key: string]: string } => {\n    if (!choroplethLayer?.areaIds || !choroplethLayer?.areaValues) return {};\n    if (i >= choroplethLayer.areaIds.length) return {};\n\n    const metadata = choroplethLayer.metadata ? choroplethLayer.metadata[i] : {};\n    const name = choroplethLayer.areaIds[i];\n    const value = choroplethLayer.areaValues[i];\n    const base = { name, value: String(value) };\n\n    return Object.keys(metadata).reduce((result, curr) => {\n        const key = `row.${curr}.value`;\n        const val = isObject(metadata[curr]) ? JSON.stringify(metadata[curr]) : String(metadata[curr]);\n        return { ...result, [key]: val };\n    }, base);\n};\n", "\nimport * as defaultImport from \"maplibre-gl\";\nexport * from \"maplibre-gl\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as React from 'react';\n\ninterface MapContextValue {\n    activeTooltipId: string | null;\n    setActiveTooltipId: (id: string | null | ((prev: string | null) => string | null)) => void;\n    activeChoroplethId: string | null;\n    setActiveChoroplethId: (id: string | null) => void;\n}\n\nconst MapContext = React.createContext<MapContextValue>({\n    activeTooltipId: null,\n    setActiveTooltipId: () => {},\n    activeChoroplethId: null,\n    setActiveChoroplethId: () => {},\n});\n\nexport const MapProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n    const [activeTooltipId, setActiveTooltipId] = React.useState<string | null>(null);\n    const [activeChoroplethId, setActiveChoroplethId] = React.useState<string | null>(null);\n\n    const value = React.useMemo(\n        () => ({\n            activeTooltipId,\n            setActiveTooltipId,\n            activeChoroplethId,\n            setActiveChoroplethId,\n        }),\n        [activeTooltipId, activeChoroplethId]\n    );\n\n    return <MapContext.Provider value={value}>{children}</MapContext.Provider>;\n};\n\nexport const useMapContext = () => React.useContext(MapContext);\n", "import type { Map } from 'maplibre-gl';\nimport { Marker } from 'maplibre-gl';\nimport * as React from 'react';\nimport { createDOMID } from '@splunk/ui-utils/id';\nimport Tooltip from './Tooltip';\nimport type { TooltipProps } from './Tooltip';\nimport { useMapContext } from './MapContext';\n\nexport interface MarkerWrapperProps extends React.HTMLAttributes<HTMLDivElement> {\n    latitude: number;\n    longitude: number;\n    areaId?: string;\n    areaValue?: number;\n    additionalFields?: TooltipProps['additionalFields'];\n    tooltipHeader?: TooltipProps['tooltipHeader'];\n    map: React.MutableRefObject<Map>;\n    showCoordinates?: boolean;\n    stylesManagedExternally?: boolean;\n    customMarkerId?: string;\n}\n\nconst MarkerWrapper = ({\n    longitude,\n    latitude,\n    areaId,\n    areaValue,\n    additionalFields = [],\n    tooltipHeader = null,\n    map,\n    children,\n    showCoordinates = true,\n    stylesManagedExternally = false,\n    customMarkerId,\n    ...otherProps\n}: MarkerWrapperProps): JSX.Element => {\n    const container = React.useRef<HTMLDivElement>();\n    const marker = React.useRef<Marker>();\n    const [isTooltipOpen, setTooltipOpenStatus] = React.useState(false);\n    const [isFocused, setIsFocused] = React.useState(false);\n    const [isHovered, setIsHovered] = React.useState(false);\n    const [isPopoverHovered, setIsPopoverHovered] = React.useState(false);\n    const tooltipId = React.useMemo(() => createDOMID(), []);\n    const pendingMoveEndHandler = React.useRef<(() => void) | null>(null);\n    const closeTimeoutRef = React.useRef<NodeJS.Timeout | null>(null);\n    const generatedMarkerId = React.useMemo(() => createDOMID(), []);\n    const markerId = customMarkerId || generatedMarkerId;\n    const { activeTooltipId, setActiveTooltipId } = useMapContext();\n    const mapMoveHandlerRef = React.useRef<(() => void) | null>(null);\n\n    const openTooltip = React.useCallback(() => {\n        setActiveTooltipId(markerId);\n        setTooltipOpenStatus(true);\n    }, [markerId, setActiveTooltipId]);\n\n    const cleanupPendingMoveEnd = React.useCallback(() => {\n        if (pendingMoveEndHandler.current && map.current && typeof map.current.off === 'function') {\n            map.current.off('moveend', pendingMoveEndHandler.current);\n            pendingMoveEndHandler.current = null;\n        }\n    }, [map]);\n\n    const cleanupMapMoveHandler = React.useCallback(() => {\n        if (mapMoveHandlerRef.current && map.current && typeof map.current.off === 'function') {\n            map.current.off('move', mapMoveHandlerRef.current);\n            mapMoveHandlerRef.current = null;\n        }\n    }, [map]);\n\n    // Consolidated close logic: only close if nothing is keeping tooltip open\n    const shouldCloseTooltip = React.useCallback(\n        (focused: boolean, hovered: boolean, popoverHovered: boolean) => {\n            return !focused && !hovered && !popoverHovered;\n        },\n        []\n    );\n\n    const cancelCloseTimeout = React.useCallback(() => {\n        if (closeTimeoutRef.current) {\n            clearTimeout(closeTimeoutRef.current);\n            closeTimeoutRef.current = null;\n        }\n    }, []);\n\n    const closeTooltipIfShould = React.useCallback(\n        (focused: boolean, hovered: boolean, popoverHovered: boolean) => {\n            cancelCloseTimeout();\n\n            if (shouldCloseTooltip(focused, hovered, popoverHovered)) {\n                // Small delay to allow mouse to reach tooltip\n                closeTimeoutRef.current = setTimeout(() => {\n                    setTooltipOpenStatus(false);\n                    setActiveTooltipId(currentId => (currentId === markerId ? null : currentId));\n                    closeTimeoutRef.current = null;\n                }, 100);\n            }\n        },\n        [shouldCloseTooltip, markerId, setActiveTooltipId, cancelCloseTimeout]\n    );\n\n    const handleMouseEnter = React.useCallback(() => {\n        cancelCloseTimeout();\n        setIsHovered(true);\n        openTooltip();\n    }, [openTooltip, cancelCloseTimeout]);\n\n    const handleMouseLeave = React.useCallback(() => {\n        setIsHovered(false);\n        closeTooltipIfShould(isFocused, false, isPopoverHovered);\n    }, [isFocused, isPopoverHovered, closeTooltipIfShould]);\n\n    const handlePopoverMouseEnter = React.useCallback(() => {\n        cancelCloseTimeout();\n        setIsPopoverHovered(true);\n    }, [cancelCloseTimeout]);\n\n    const handlePopoverMouseLeave = React.useCallback(() => {\n        setIsPopoverHovered(false);\n        closeTooltipIfShould(isFocused, isHovered, false);\n    }, [isFocused, isHovered, closeTooltipIfShould]);\n\n    const handleBlur = React.useCallback(() => {\n        setIsFocused(false);\n        cleanupPendingMoveEnd();\n        closeTooltipIfShould(false, isHovered, isPopoverHovered);\n    }, [isHovered, isPopoverHovered, cleanupPendingMoveEnd, closeTooltipIfShould]);\n\n    const handleEscapeKey = React.useCallback(\n        (e: KeyboardEvent) => {\n            if (e.key === 'Escape' && activeTooltipId === markerId) {\n                cancelCloseTimeout();\n                setIsFocused(false);\n                setIsHovered(false);\n                setIsPopoverHovered(false);\n                cleanupPendingMoveEnd();\n                setTooltipOpenStatus(false);\n                setActiveTooltipId(null);\n            }\n        },\n        [activeTooltipId, markerId, cleanupPendingMoveEnd, setActiveTooltipId, cancelCloseTimeout]\n    );\n\n    const handleFocus = React.useCallback(() => {\n        // Clean up any pending moveend handler from previous focus\n        cleanupPendingMoveEnd();\n\n        // Pan map to show focused datapoint if it's outside current bounds\n        if (\n            map.current &&\n            longitude !== undefined &&\n            latitude !== undefined &&\n            typeof map.current.once === 'function'\n        ) {\n            const bounds = map.current.getBounds();\n            if (!bounds.contains([longitude, latitude])) {\n                // Set focused state and open tooltip after pan completes\n                const moveEndHandler = () => {\n                    pendingMoveEndHandler.current = null;\n                    setIsFocused(true);\n                    openTooltip();\n                };\n                pendingMoveEndHandler.current = moveEndHandler;\n                map.current.once('moveend', moveEndHandler);\n                map.current.panTo([longitude, latitude]);\n                return;\n            }\n        }\n        // No pan needed, set focused immediately\n        setIsFocused(true);\n        openTooltip();\n    }, [openTooltip, map, longitude, latitude, cleanupPendingMoveEnd]);\n\n    const cleanupMarker = React.useCallback(() => {\n        if (marker.current) {\n            marker.current.remove();\n            marker.current = undefined;\n        }\n    }, []);\n\n    React.useEffect(() => {\n        try {\n            if (marker.current) {\n                marker.current.setLngLat([longitude, latitude]);\n            } else {\n                marker.current = new Marker({ element: container.current });\n                marker.current.setLngLat([longitude, latitude]);\n                marker.current.addTo(map.current);\n            }\n        } catch (error) {\n            // eslint-disable-next-line no-console\n            console.error(error);\n            cleanupMarker();\n        }\n    }, [latitude, longitude, map]);\n\n    // Add Escape key listener when tooltip is open\n    React.useEffect(() => {\n        if (isTooltipOpen && activeTooltipId === markerId) {\n            document.addEventListener('keydown', handleEscapeKey);\n            return () => {\n                document.removeEventListener('keydown', handleEscapeKey);\n            };\n        }\n        return undefined;\n    }, [isTooltipOpen, activeTooltipId, markerId, handleEscapeKey]);\n\n    // Close tooltip if another marker becomes active\n    React.useEffect(() => {\n        if (isTooltipOpen && activeTooltipId !== markerId && activeTooltipId !== null) {\n            setTooltipOpenStatus(false);\n        }\n    }, [activeTooltipId, markerId, isTooltipOpen]);\n\n    // Reopen tooltip if this marker has focus/hover/popoverHover when another tooltip closes\n    React.useEffect(() => {\n        if (!isTooltipOpen && activeTooltipId === null && (isFocused || isHovered || isPopoverHovered)) {\n            openTooltip();\n        }\n    }, [activeTooltipId, isTooltipOpen, isFocused, isHovered, isPopoverHovered, openTooltip]);\n\n    // For choropleths: sync local tooltip state with global active state\n    // Choropleths set activeTooltipId from MapLibre event handlers, so open tooltip when this marker becomes active\n    React.useEffect(() => {\n        if (!customMarkerId) return;\n\n        if (activeTooltipId === markerId) {\n            setTooltipOpenStatus(true);\n        } else {\n            setTooltipOpenStatus(false);\n        }\n    }, [customMarkerId, activeTooltipId, markerId]);\n\n    // Update marker position during map movement/zoom when tooltip is open\n    // Use requestAnimationFrame to throttle updates to once per frame\n    const [, forceUpdate] = React.useReducer(x => x + 1, 0);\n\n    React.useEffect(() => {\n        if (!isTooltipOpen || !map.current || typeof map.current.on !== 'function') {\n            return undefined;\n        }\n\n        let rafId: number | null = null;\n\n        const handleMapMove = () => {\n            if (rafId === null) {\n                rafId = requestAnimationFrame(() => {\n                    forceUpdate();\n                    rafId = null;\n                });\n            }\n        };\n\n        mapMoveHandlerRef.current = handleMapMove;\n        map.current.on('move', handleMapMove);\n\n        return () => {\n            if (rafId !== null) {\n                cancelAnimationFrame(rafId);\n            }\n            cleanupMapMoveHandler();\n        };\n    }, [isTooltipOpen, map, cleanupMapMoveHandler]);\n\n    React.useEffect(\n        () => () => {\n            cancelCloseTimeout();\n            cleanupPendingMoveEnd();\n            cleanupMapMoveHandler();\n            cleanupMarker();\n        },\n        [cancelCloseTimeout, cleanupPendingMoveEnd, cleanupMapMoveHandler, cleanupMarker]\n    );\n    const filteredAdditionalFields = additionalFields.filter(({ value }) => value && String(value) !== '0');\n    const showTooltip =\n        showCoordinates || filteredAdditionalFields.length || (areaId && !Number.isNaN(areaValue));\n    // Only show tooltip if this marker is the active one in the global context\n    // keepChildrenVisible allows tooltip to show during state sync for choropleths\n    const isTooltipVisible = activeTooltipId === markerId && (isTooltipOpen || customMarkerId !== undefined);\n\n    const childrenWithTooltipId = React.useMemo(() => {\n        if (!children) return null;\n        if (!React.isValidElement(children)) return children;\n        return React.cloneElement(children, {\n            'aria-describedby': tooltipId,\n        } as any);\n    }, [children, tooltipId]);\n\n    return (\n        <div>\n            <div\n                ref={container}\n                data-test=\"map-marker\"\n                onMouseEnter={handleMouseEnter}\n                onMouseLeave={handleMouseLeave}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                {...otherProps}\n            >\n                {childrenWithTooltipId}\n            </div>\n            <div>\n                {showTooltip && (\n                    <Tooltip\n                        id={tooltipId}\n                        open={isTooltipVisible}\n                        anchor={container.current}\n                        latitude={showCoordinates ? latitude : null}\n                        longitude={showCoordinates ? longitude : null}\n                        areaId={areaId}\n                        areaValue={areaValue}\n                        additionalFields={additionalFields}\n                        showCoordinates={showCoordinates}\n                        tooltipHeader={tooltipHeader}\n                        stylesManagedExternally={stylesManagedExternally}\n                        onMouseEnter={handlePopoverMouseEnter}\n                        onMouseLeave={handlePopoverMouseLeave}\n                    />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default MarkerWrapper;\n", "import * as React from 'react';\nimport styled from 'styled-components';\nimport type { Map } from 'maplibre-gl';\nimport { sum } from 'lodash';\nimport { isRemoteIcon, isDataURI } from '@splunk/visualizations-shared/iconUtils';\nimport { isColor } from '@splunk/visualizations-shared/colorUtils';\nimport RemoteIcon from '@splunk/visualizations-shared/RemoteIcon';\nimport FeatureFlagContext from '@splunk/visualization-context/FeatureFlagContext';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { sprintf } from '@splunk/ui-utils/format';\nimport { KEYBOARD_KEYS } from './keyboardConstants';\nimport { convertDegToDMS } from './Tooltip';\nimport {\n    bakeBubbleData,\n    BubbleLayerType,\n    DEFAULT_SERIES_COLORS,\n    DEFAULT_RESULT_LIMIT,\n    DEFAULT_CLUSTER_COLOR,\n    getStaticColors,\n    matchBubbleSize,\n} from './MapUtils';\nimport MarkerWrapper from './MarkerWrapper';\nimport type { TooltipProps } from './Tooltip';\nimport { useRovingTabindex } from './useRovingTabindex';\n\ntype FeatureFlagContextValue = Record<string, boolean | undefined> | null;\n\nexport const GEO_BOUND_PREFIX = '_geo_bounds_';\nexport const GEO_LAT_AND_LONG_FIELD = ['_geo_long_field', '_geo_lat_field'];\nexport const ICON_DISPLAY_CUTOFF = 16;\n\nexport interface PieSegmentProps {\n    start: number;\n    end: number;\n    radius: number;\n    color: string;\n    themeColor: string;\n    segmentMetadata?: { name: string; value: number; color: string };\n    handleBubbleClick?: (e: React.UIEvent, name: string, count: number) => void;\n    ariaLabel?: string;\n    'aria-describedby'?: string;\n    onKeyDown?: (e: React.KeyboardEvent) => void;\n    onFocus?: () => void;\n    onBlur?: () => void;\n    elementRef?: React.Ref<Element>;\n    hasEventHandlers?: boolean;\n}\n\nexport const PieSegment = React.memo(\n    ({\n        start,\n        end,\n        radius,\n        color,\n        themeColor,\n        segmentMetadata,\n        handleBubbleClick,\n        ariaLabel,\n        'aria-describedby': ariaDescribedBy,\n        onKeyDown,\n        onFocus,\n        onBlur,\n        elementRef,\n        hasEventHandlers,\n    }: PieSegmentProps): JSX.Element => {\n        const { name, value } = segmentMetadata ?? {};\n        const handleInteraction = React.useCallback(\n            (e: React.UIEvent) => {\n                if ('key' in e && e.key !== KEYBOARD_KEYS.ENTER && e.key !== KEYBOARD_KEYS.SPACE) {\n                    return;\n                }\n                e.preventDefault();\n                handleBubbleClick(e, name, value);\n            },\n            [name, value, handleBubbleClick]\n        );\n\n        const handleKeyDown = React.useCallback(\n            (e: React.KeyboardEvent) => {\n                // Handle Enter/Space for activation only when interactive\n                if (hasEventHandlers && (e.key === KEYBOARD_KEYS.ENTER || e.key === KEYBOARD_KEYS.SPACE)) {\n                    handleInteraction(e);\n                }\n\n                // Always call the navigation handler for arrow keys, Home, End\n                if (onKeyDown) {\n                    onKeyDown(e);\n                }\n            },\n            [hasEventHandlers, handleInteraction, onKeyDown]\n        );\n\n        if (end - start === 1) {\n            return (\n                <BubbleSegment\n                    $hasEventHandlers={hasEventHandlers}\n                    ref={elementRef as React.Ref<SVGCircleElement>}\n                    as=\"circle\"\n                    role={hasEventHandlers ? 'button' : 'graphics-symbol'}\n                    aria-label={ariaLabel}\n                    aria-describedby={ariaDescribedBy}\n                    onClick={hasEventHandlers ? handleInteraction : undefined}\n                    onKeyDown={handleKeyDown}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                    cx={radius}\n                    cy={radius}\n                    r={radius}\n                    fill={color}\n                    fillOpacity={0.5}\n                    strokeWidth={1.5}\n                    stroke={color}\n                />\n            );\n        }\n        const a0 = 2 * Math.PI * (start - 0.25);\n        const a1 = 2 * Math.PI * (end - 0.25);\n        const x0 = Math.cos(a0);\n        const y0 = Math.sin(a0);\n        const x1 = Math.cos(a1);\n        const y1 = Math.sin(a1);\n        const arc = end - start > 0.5 ? 1 : 0;\n\n        return (\n            <BubbleSegment\n                $hasEventHandlers={hasEventHandlers}\n                ref={elementRef as React.Ref<SVGPathElement>}\n                as=\"path\"\n                role={hasEventHandlers ? 'button' : 'graphics-symbol'}\n                aria-label={ariaLabel}\n                aria-describedby={ariaDescribedBy}\n                onClick={hasEventHandlers ? handleInteraction : undefined}\n                onKeyDown={handleKeyDown}\n                onFocus={onFocus}\n                onBlur={onBlur}\n                d={`M ${radius} ${radius} L ${radius + radius * x0} ${\n                    radius + radius * y0\n                } A ${radius} ${radius} 0 ${arc} 1 ${radius + radius * x1} ${\n                    radius + radius * y1\n                } L ${radius} ${radius} A 0 0 0 ${arc} 0 ${radius} ${radius}`}\n                fill={color}\n                fillOpacity={0.8}\n                stroke={themeColor}\n                strokeWidth={2}\n                strokeOpacity={0.3}\n            />\n        );\n    }\n);\n\nPieSegment.displayName = 'MapBubblePieSegment';\n\nexport const BubbleSegment = styled.path<{ $hasEventHandlers: boolean }>`\n    transition: 0.2s ease-in-out;\n    transition-property: fill, stroke;\n    ${({ $hasEventHandlers }) => $hasEventHandlers && 'cursor: pointer;'}\n\n    &:focus {\n        outline: none;\n    }\n`;\n\nexport const BUBBLE_SEGMENT_DIMMED_STYLES = {\n    fill: 'rgba(150, 150, 150, 0.3)',\n    stroke: 'rgba(200, 200, 200, 0.4)',\n} as const;\n\ninterface BubbleSvgProps {\n    values: number[];\n    valueRange: number[];\n    tooltipHeader?: string;\n    latitude: number;\n    longitude: number;\n    icon?: string;\n    isPie: boolean;\n    themeColor: string;\n    segmentStartIndex: number;\n    colors: string[];\n    bubbleSize: Required<TooltipProps['additionalFields'][number] & { value: number }>[];\n    onClick: (e: React.UIEvent, name: string, count: number) => void;\n    'aria-describedby'?: string;\n    onKeyDown?: (e: React.KeyboardEvent) => void;\n    onFocus?: () => void;\n    onBlur?: () => void;\n    setElementRef?: (index: number, element: Element | null) => void;\n    hasEventHandlers?: boolean;\n}\n\nconst BubbleSvg = React.memo(\n    ({\n        values,\n        valueRange,\n        tooltipHeader,\n        latitude,\n        longitude,\n        icon,\n        isPie,\n        themeColor,\n        segmentStartIndex,\n        colors,\n        bubbleSize,\n        onClick,\n        'aria-describedby': ariaDescribedBy,\n        onKeyDown,\n        onFocus,\n        onBlur,\n        setElementRef,\n        hasEventHandlers,\n    }: BubbleSvgProps) => {\n        const featureFlagContext = React.useContext<FeatureFlagContextValue>(FeatureFlagContext);\n        const isBubbleMapIconFlagEnabled = Boolean(featureFlagContext?.visualizations_enableBubbleMapIcon);\n\n        const total = values.reduce((totalValue, v) => totalValue + v, 0);\n        const radius = matchBubbleSize(valueRange, total);\n\n        const getAriaLabel = React.useCallback(\n            (segmentName?: string, segmentValue?: number) => {\n                let segmentLabel = _('Map marker');\n                if (tooltipHeader) {\n                    segmentLabel = tooltipHeader;\n                } else if (latitude !== undefined && longitude !== undefined) {\n                    segmentLabel = sprintf(_('Location: %(lat)s, %(lng)s'), {\n                        lat: convertDegToDMS(latitude, 'latitude'),\n                        lng: convertDegToDMS(longitude, 'longitude'),\n                    });\n                }\n\n                if (segmentName != null && segmentValue != null) {\n                    segmentLabel = sprintf(_('%(locationLabel)s, %(segmentName)s: %(segmentValue)s'), {\n                        locationLabel: segmentLabel,\n                        segmentName,\n                        segmentValue: segmentValue.toString(),\n                    });\n                }\n                if (hasEventHandlers) {\n                    segmentLabel = sprintf(_('%(label)s, Click for drilldown'), { label: segmentLabel });\n                }\n\n                return segmentLabel;\n            },\n            [tooltipHeader, latitude, longitude, hasEventHandlers]\n        );\n\n        const offsets: number[] = [];\n        let runningTotal = 0;\n        values.forEach(count => {\n            offsets.push(runningTotal);\n            runningTotal += count;\n        });\n\n        const width = radius * 2;\n        const showIcon =\n            isBubbleMapIconFlagEnabled &&\n            radius >= ICON_DISPLAY_CUTOFF &&\n            icon &&\n            (isRemoteIcon(icon) || isDataURI(icon));\n\n        return (\n            <svg width={width} height={width} viewBox={`-3 -3 ${width + 6} ${width + 6}`}>\n                {isPie && (\n                    <circle\n                        cx={radius}\n                        cy={radius}\n                        r={radius}\n                        fill=\"none\"\n                        strokeWidth={2}\n                        stroke={themeColor}\n                        strokeOpacity={0.3}\n                    />\n                )}\n                {values.map((v, i) => {\n                    const globalIndex = segmentStartIndex + i;\n                    return (\n                        <PieSegment\n                            key={globalIndex}\n                            start={offsets[i] / total}\n                            end={(offsets[i] + v) / total}\n                            radius={radius}\n                            color={colors[i]}\n                            themeColor={themeColor}\n                            segmentMetadata={bubbleSize[i]}\n                            handleBubbleClick={onClick}\n                            ariaLabel={getAriaLabel(bubbleSize[i]?.name, bubbleSize[i]?.value)}\n                            aria-describedby={ariaDescribedBy}\n                            onKeyDown={onKeyDown}\n                            onFocus={onFocus}\n                            onBlur={onBlur}\n                            elementRef={\n                                setElementRef ? element => setElementRef(globalIndex, element) : undefined\n                            }\n                            hasEventHandlers={hasEventHandlers}\n                        />\n                    );\n                })}\n                {showIcon && (\n                    <foreignObject\n                        x={radius - (radius * 0.8) / 2}\n                        y={radius - (radius * 0.8) / 2}\n                        width={radius * 0.8}\n                        height={radius * 0.8}\n                        style={{ pointerEvents: 'none' }}\n                        data-test=\"bubble-icon-wrapper\"\n                    >\n                        <RemoteIcon iconURL={icon} width={radius * 0.8} height={radius * 0.8} />\n                    </foreignObject>\n                )}\n            </svg>\n        );\n    }\n);\n\nexport interface BubbleProps {\n    originalValues: number[];\n    valueRange: number[];\n    colors: string[];\n    themeColor: string;\n    isPie: boolean;\n    latitude: number;\n    longitude: number;\n    bubbleSize: Required<TooltipProps['additionalFields'][number] & { value: number }>[];\n    additionalFields?: TooltipProps['additionalFields'];\n    tooltipHeader?: TooltipProps['tooltipHeader'];\n    map: React.MutableRefObject<Map>;\n    handleMapClick?: any;\n    icon?: string;\n    showCoordinates?: boolean;\n    stylesManagedExternally?: boolean;\n    segmentStartIndex?: number;\n    onKeyDown?: (e: React.KeyboardEvent) => void;\n    onFocus?: () => void;\n    onBlur?: () => void;\n    setElementRef?: (index: number, element: Element) => void;\n    hasEventHandlers?: boolean;\n}\n\nexport const Bubble = React.memo(\n    ({\n        originalValues,\n        valueRange,\n        colors,\n        themeColor,\n        isPie,\n        latitude,\n        longitude,\n        bubbleSize,\n        additionalFields = [],\n        tooltipHeader = null,\n        map,\n        handleMapClick,\n        icon,\n        showCoordinates,\n        stylesManagedExternally,\n        segmentStartIndex = 0,\n        onKeyDown,\n        onFocus,\n        onBlur,\n        setElementRef,\n        hasEventHandlers,\n    }: BubbleProps): JSX.Element => {\n        const onBubbleClick = React.useCallback(\n            (e, name, value) => {\n                handleMapClick(e, name, value);\n                e.stopPropagation();\n            },\n            [handleMapClick]\n        );\n\n        // sanitize values\n        const allZeros = originalValues.every(v => v === 0);\n        const values = originalValues.map(v => (v > 0 ? v : 0));\n\n        if (allZeros || !originalValues.length) return null;\n\n        return (\n            <MarkerWrapper\n                longitude={longitude}\n                latitude={latitude}\n                additionalFields={[...bubbleSize, ...additionalFields]}\n                tooltipHeader={tooltipHeader}\n                map={map}\n                data-test-type=\"bubble\"\n                showCoordinates={showCoordinates}\n                stylesManagedExternally={stylesManagedExternally}\n            >\n                <BubbleSvg\n                    values={values}\n                    valueRange={valueRange}\n                    colors={colors}\n                    bubbleSize={bubbleSize}\n                    isPie={isPie}\n                    themeColor={themeColor}\n                    segmentStartIndex={segmentStartIndex}\n                    latitude={latitude}\n                    longitude={longitude}\n                    tooltipHeader={tooltipHeader}\n                    icon={icon}\n                    onClick={onBubbleClick}\n                    onKeyDown={onKeyDown}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                    setElementRef={setElementRef}\n                    hasEventHandlers={hasEventHandlers}\n                />\n            </MarkerWrapper>\n        );\n    }\n);\nBubble.displayName = 'MapBubble';\n\nexport interface BubbleLayerProps {\n    bubbleLayer: BubbleLayerType;\n    themeColorScheme: string;\n    zoom: number;\n    map: React.MutableRefObject<Map>;\n    onMapClick?: any;\n    showCoordinates?: boolean;\n    stylesManagedExternally?: boolean;\n    hasEventHandlers?: boolean;\n}\n\nconst BubbleLayer = (props: BubbleLayerProps): JSX.Element => {\n    const {\n        bubbleLayer,\n        themeColorScheme,\n        map,\n        zoom,\n        onMapClick,\n        showCoordinates,\n        stylesManagedExternally = false,\n        hasEventHandlers,\n    } = props;\n\n    bubbleLayer.seriesColors = bubbleLayer.seriesColors || DEFAULT_SERIES_COLORS;\n    bubbleLayer.bubbleSize = bubbleLayer.bubbleSize || [];\n    bubbleLayer.icon = bubbleLayer.icon || [];\n    const bakedData = React.useMemo(() => bakeBubbleData(bubbleLayer), [bubbleLayer]);\n    const staticColors = React.useMemo(\n        () => getStaticColors(bubbleLayer.bubbleSize.length, bubbleLayer.seriesColors),\n        [bubbleLayer.bubbleSize.length, bubbleLayer.seriesColors]\n    );\n    const { data = [], dataRange = [], resultLimit, bubbleSizeFields, isPie } = bakedData ?? {};\n    const { additionalTooltipFields = [], tooltipHeaderFieldName = null } = bubbleLayer;\n    const roundedZoom = Math.round(zoom);\n    const themeColor = themeColorScheme === 'light' ? '#ffffff' : '#1a1c20';\n    const dynamicColors = bubbleLayer.dataColors;\n\n    // filter data for the current zoom level and sort base on values\n    const dataToRender = React.useMemo(\n        () =>\n            data\n                .reduce((acc, datum, i) => {\n                    const shouldRender =\n                        datum.zoom === null || datum.zoom === undefined || datum.zoom === roundedZoom;\n                    if (shouldRender) {\n                        acc.push({ data: datum, idx: i });\n                    }\n                    return acc;\n                }, [])\n                .slice(0, resultLimit || DEFAULT_RESULT_LIMIT)\n                .sort((a, b) => sum(b.data.values) - sum(a.data.values)),\n        [data, resultLimit, roundedZoom]\n    );\n\n    const handleMapClick = React.useCallback(\n        (e, name, value, i) => {\n            // retrieve metadata from the appropriate datum, indexed by i\n            const metadata = dataToRender[i]?.data?.metadata ?? {};\n            const payload = Object.keys(metadata).reduce(\n                (acc, curr) => {\n                    const key = `row.${curr}.value`;\n                    const val = String(metadata[curr]);\n                    return { ...acc, [key]: val };\n                },\n                { name, value: String(value) }\n            );\n\n            onMapClick({ e, payload });\n        },\n        [dataToRender, onMapClick]\n    );\n\n    const { handleKeyDown, handleFocus, handleBlur, setElementRef } = useRovingTabindex(map);\n\n    let globalSegmentIndex = 0;\n\n    return (\n        <>\n            {dataToRender.map((datum, i) => {\n                const allZeros = datum.data.values.every(v => v === 0);\n                const segmentStartIndex = globalSegmentIndex;\n                const segmentCount = datum.data.values.length;\n                if (!allZeros) {\n                    globalSegmentIndex += segmentCount;\n                }\n                const colors = dynamicColors\n                    ? [\n                          dataToRender.map(obj =>\n                              isColor(dynamicColors[obj.idx]) ? dynamicColors[obj.idx] : DEFAULT_CLUSTER_COLOR\n                          )[i],\n                      ]\n                    : staticColors;\n\n                const [longitude, latitude] = datum.data.coordinates;\n                const bubbleSize = datum.data.values.map((value, index) => ({\n                    name: bubbleSizeFields[index],\n                    value,\n                    color: colors[index],\n                }));\n\n                const additionalFields = bubbleLayer.metadata\n                    ? additionalTooltipFields.map(field => ({\n                          name: field,\n                          value: datum.data.metadata[field],\n                          icon: bubbleLayer.tooltipFieldIcons?.[field],\n                      }))\n                    : [];\n\n                const tooltipHeaderField =\n                    bubbleLayer.metadata && datum.data.metadata[tooltipHeaderFieldName];\n\n                return (\n                    <Bubble\n                        // eslint-disable-next-line\n                        key={String(i)}\n                        originalValues={datum.data.values}\n                        valueRange={dataRange}\n                        colors={colors}\n                        themeColor={themeColor}\n                        isPie={isPie}\n                        longitude={longitude}\n                        latitude={latitude}\n                        bubbleSize={bubbleSize}\n                        additionalFields={additionalFields}\n                        tooltipHeader={tooltipHeaderField}\n                        map={map}\n                        handleMapClick={(e, name, value) => handleMapClick(e, name, value, i)}\n                        icon={bubbleLayer.icon[datum.idx]}\n                        showCoordinates={showCoordinates}\n                        stylesManagedExternally={stylesManagedExternally}\n                        segmentStartIndex={segmentStartIndex}\n                        onKeyDown={handleKeyDown}\n                        onFocus={handleFocus}\n                        onBlur={handleBlur}\n                        setElementRef={setElementRef}\n                        hasEventHandlers={hasEventHandlers}\n                    />\n                );\n            })}\n        </>\n    );\n};\n\nexport default BubbleLayer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA;AAAA;AAAA;AAAA;AACA,oBAA+B;AAC/B,0BAAc;AACd,IAAO,gBAAS,aAAa,gBAA8B,wBAAU;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAA,iBAA+B;AAC/B,wBAAc;AACd,IAAO,cAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,6BAAc;AACd,IAAO,mBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,oCAAc;AACd,IAAO,0BAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,0BAAc;AACd,IAAO,gBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,sCAAc;AACd,IAAO,4BAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,2BAAc;AACd,IAAO,iBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,8BAAc;AACd,IAAO,oBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,iBAA+B;AAC/B,+BAAc;AACd,IAAO,qBAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,kBAA+B;AAC/B,+BAAc;AACd,IAAO,qBAAS,aAAaA,kBAA8B,0BAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,kBAA+B;AAC/B,uCAAc;AACd,IAAO,6BAAS,aAAaA,kBAA8B,0BAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,kBAA+B;AAC/B,yBAAc;AACd,IAAO,eAAS,aAAaA,kBAA8B,0BAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,kBAA+B;AAC/B,2BAAc;AACd,IAAO,iBAAS,aAAaA,kBAA8B,0BAAUA;;;ACH9D,IAAM,gBAAgB;AAAA,EACzB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AACX;;;ACTA;AAAA;AAAA;AAAA;AACA,IAAAC,kBAA+B;AAC/B,4BAAc;AACd,IAAO,kBAAS,aAAaA,kBAA8B,0BAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,kBAA+B;AAC/B,2BAAc;AACd,IAAO,iBAAS,aAAaA,kBAA8B,0BAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,kBAA+B;AAC/B,uBAAc;AACd,IAAO,aAAS,aAAaA,kBAA8B,0BAAUA;;;ACH9D,IAAM,8BAA8B,CAAC,WAAyD;AACjG,MAAI,CAAC,UAAU,OAAO,OAAO,gBAAgB,YAAY;AACrD,WAAO;AAAA,EACX;AAEA,QAAM,WAAW,OAAO,YAAY;AAEpC,MAAI,OAAO,eAAe,eAAe,oBAAoB,YAAY;AACrE,WAAO,OAAO,cAAc;AAAA,EAChC;AAEA,SAAO;AACX;;;ACCA,IAAM,gBAAgB,0BAAO,eAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpC,IAAM,cAAc,0BAAO;AAAA;AAAA;AAAA;AAK3B,IAAM,oBAAoB,0BAAO;AAAA;AAAA;AAAA;AAAA;AAMjC,IAAM,oBAAoB,0BAAO;AAAA;AAAA;AAAA;AAAA;AAMjC,IAAM,mBAAmB,0BAAO;AAAA,wBACR,WAAS,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS5C,IAAM,oBAAoB,0BAAO;AAAA;AAAA;AAAA;AAAA;AAMjC,IAAM,sBAAsB,0BAAO;AAAA;AAAA;AAAA,iBAGlB,yBAAU,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAatC,IAAM,kBAAkB,CAAC,eAAuB,SAA2C;AAC9F,QAAM,WAAW,OAAM,IAAI,IAAI,KAAK,MAAM,CAAC,IAAI,KAAK,KAAK,CAAC;AAC1D,QAAM,iBAAiB,KAAK,IAAI,aAAa;AAC7C,MAAI,UAAU,SAAS,cAAc;AACrC,MAAI,UAAU,UAAU,iBAAiB,WAAW,EAAE;AACtD,MAAI,UAAU,KAAK,OAAO,iBAAiB,UAAU,UAAU,MAAM,IAAI;AACzE,MAAI,YAAY,IAAI;AAChB,eAAW;AACX,cAAU;AAAA,EACd;AACA,MAAI,YAAY,IAAI;AAChB,eAAW;AACX,cAAU;AAAA,EACd;AACA,MAAI;AACJ,MAAI,SAAS,aAAa;AACtB,gBAAY,gBAAgB,IAAI,MAAM;AAAA,EAC1C,WAAW,SAAS,YAAY;AAC5B,gBAAY,gBAAgB,IAAI,MAAM;AAAA,EAC1C;AACA,SAAO,GAAG,OAAO,QAAK,OAAO,KAAK,OAAO,KAAK,SAAS;AAC3D;AAmBA,IAAM,UAAU,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB,CAAC;AAAA,EACpB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,0BAA0B;AAAA,EAC1B;AAAA,EACA;AACJ,MAAiC;AAC7B,QAAM,qBAA2B,yBAAoC,0BAAkB;AACvF,QAAM,2BAA2B,QAAQ,yDAAoB,gCAAgC;AAC7F,QAAM,cAAc,0BAA0B,SAAY,4BAA4B,MAAM;AAE5F,QAAM,UACF;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA,aAAU;AAAA,MACV,kBAAiB;AAAA,MACjB;AAAA,MACA;AAAA;AAAA,IAEA,4CAAC,mBACI,iBACG,4CAAC,uBAAoB,aAAU,oBAC3B,4CAAC,YACG,4CAAC,QAAG,SAAS,KACT,4CAAC,UAAK,aAAU,0BAAwB,aAAc,CAC1D,CACJ,CACJ,GAEJ,4CAAC,eACI,QAAQ,UAAU,SAAS,KACxB,4CAAC,YACG,4CAAC,qBAAkB,aAAU,aAAW,MAAO,GAC/C,4CAAC,qBAAkB,aAAU,gBAAc,SAAU,CACzD,GAEH,QAAQ,mBAAmB,QAAQ,KAChC,4CAAC,YACG,4CAAC,6BAAmB,gBAAE,UAAU,CAAE,GAClC,4CAAC,qBAAkB,aAAU,cACxB,gBAAgB,UAAU,UAAU,CACzC,CACJ,GAEH,QAAQ,mBAAmB,SAAS,KACjC,4CAAC,YACG,4CAAC,6BAAmB,gBAAE,WAAW,CAAE,GACnC,4CAAC,qBAAkB,aAAU,eACxB,gBAAgB,WAAW,WAAW,CAC3C,CACJ,GAEH,iBACI,OAAO,CAAC,EAAE,MAAM,MAAM,SAAS,OAAO,KAAK,MAAM,GAAG,EACpD,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,KAAK,MAC7B,4CAAC,QAAG,SAAK,wBAAY,KACjB,4CAAC,qBAAkB,aAAU,iBACxB,QACG,4CAAC,oBAAiB,aAAU,eAAc,OAAc,IACxD,MACJ,4CAAC,cACI,MACA,4BACD,aACC,gCAAa,IAAI,SAAK,6BAAU,IAAI,KACjC,4CAAC,qBAAkB,aAAU,gBACzB,4CAAC,sBAAW,SAAS,MAAM,OAAO,IAAI,QAAQ,IAAI,CACtD,IACA,IACR,CACJ,GACA,4CAAC,qBAAkB,aAAU,iBAAe,KAAM,CACtD,CACH,CACT,CACJ;AAAA,EACJ;AAGJ,SAAO,cAAc,4CAAC,+CAAkB,QAAQ,eAAc,OAAQ,IAAuB;AACjG;AAEA,IAAO,kBAAQ;;;AC3Mf;AAAA;AAAA;AAAA;AACA,IAAAC,kBAA+B;AAC/B,6BAAc;AACd,IAAO,mBAAS,aAAaA,kBAA8B,0BAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,kBAA+B;AAC/B,8BAAc;AACd,IAAO,oBAAS,aAAaA,kBAA8B,0BAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,kBAA+B;AAC/B,iDAAc;AACd,IAAO,uCAAS,aAAaA,kBAA8B,0BAAUA;;;ACHrE;AAAA;AAAA;AAAA;AACA,IAAAC,kBAA+B;AAC/B,0CAAc;AACd,IAAO,gCAAS,aAAaA,kBAA8B,0BAAUA;;;ACkB9D,IAAM,oBAAoB;AAC1B,IAAM,oBAAoB;AA4T1B,IAAM,kBAAkB,CAAC,WAAqB,SAAsB;AACvE,QAAM,WAAO,2BAAS,EAAE,SAAS,GAAG,EAAE,OAAO,SAAS,EAAE,MAAM,CAAC,mBAAmB,iBAAiB,CAAC;AAAA,IAChG;AAAA,EACJ;AAEA,MAAI,OAAO,mBAAmB;AAC1B,WAAO;AAAA,EACX;AACA,MAAI,OAAO,mBAAmB;AAC1B,WAAO;AAAA,EACX;AACA,SAAO;AACX;;;AC9VA;AAAA;AAAA;AAAA;AACA,IAAAC,kBAA+B;AAC/B,gCAAc;AACd,IAAO,sBAAS,aAAaA,kBAA8B,0BAAUA;;;ACMrE,IAAM,aAAmB,4BAA+B;AAAA,EACpD,iBAAiB;AAAA,EACjB,oBAAoB,MAAM;AAAA,EAAC;AAAA,EAC3B,oBAAoB;AAAA,EACpB,uBAAuB,MAAM;AAAA,EAAC;AAClC,CAAC;AAmBM,IAAM,gBAAgB,MAAY,yBAAW,UAAU;;;ACZ9D,IAAM,gBAAgB,CAAC,OAagB;AAbhB,eACnB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB,CAAC;AAAA,IACpB,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,0BAA0B;AAAA,IAC1B;AAAA,EAhCJ,IAqBuB,IAYhB,uBAZgB,IAYhB;AAAA,IAXH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,YAAkB,qBAAuB;AAC/C,QAAM,SAAe,qBAAe;AACpC,QAAM,CAAC,eAAe,oBAAoB,IAAU,uBAAS,KAAK;AAClE,QAAM,CAAC,WAAW,YAAY,IAAU,uBAAS,KAAK;AACtD,QAAM,CAAC,WAAW,YAAY,IAAU,uBAAS,KAAK;AACtD,QAAM,CAAC,kBAAkB,mBAAmB,IAAU,uBAAS,KAAK;AACpE,QAAM,YAAkB,sBAAQ,UAAM,wBAAY,GAAG,CAAC,CAAC;AACvD,QAAM,wBAA8B,qBAA4B,IAAI;AACpE,QAAM,kBAAwB,qBAA8B,IAAI;AAChE,QAAM,oBAA0B,sBAAQ,UAAM,wBAAY,GAAG,CAAC,CAAC;AAC/D,QAAM,WAAW,kBAAkB;AACnC,QAAM,EAAE,iBAAiB,mBAAmB,IAAI,cAAc;AAC9D,QAAM,oBAA0B,qBAA4B,IAAI;AAEhE,QAAM,cAAoB,0BAAY,MAAM;AACxC,uBAAmB,QAAQ;AAC3B,yBAAqB,IAAI;AAAA,EAC7B,GAAG,CAAC,UAAU,kBAAkB,CAAC;AAEjC,QAAM,wBAA8B,0BAAY,MAAM;AAClD,QAAI,sBAAsB,WAAW,IAAI,WAAW,OAAO,IAAI,QAAQ,QAAQ,YAAY;AACvF,UAAI,QAAQ,IAAI,WAAW,sBAAsB,OAAO;AACxD,4BAAsB,UAAU;AAAA,IACpC;AAAA,EACJ,GAAG,CAAC,GAAG,CAAC;AAER,QAAM,wBAA8B,0BAAY,MAAM;AAClD,QAAI,kBAAkB,WAAW,IAAI,WAAW,OAAO,IAAI,QAAQ,QAAQ,YAAY;AACnF,UAAI,QAAQ,IAAI,QAAQ,kBAAkB,OAAO;AACjD,wBAAkB,UAAU;AAAA,IAChC;AAAA,EACJ,GAAG,CAAC,GAAG,CAAC;AAGR,QAAM,qBAA2B;AAAA,IAC7B,CAAC,SAAkB,SAAkB,mBAA4B;AAC7D,aAAO,CAAC,WAAW,CAAC,WAAW,CAAC;AAAA,IACpC;AAAA,IACA,CAAC;AAAA,EACL;AAEA,QAAM,qBAA2B,0BAAY,MAAM;AAC/C,QAAI,gBAAgB,SAAS;AACzB,mBAAa,gBAAgB,OAAO;AACpC,sBAAgB,UAAU;AAAA,IAC9B;AAAA,EACJ,GAAG,CAAC,CAAC;AAEL,QAAM,uBAA6B;AAAA,IAC/B,CAAC,SAAkB,SAAkB,mBAA4B;AAC7D,yBAAmB;AAEnB,UAAI,mBAAmB,SAAS,SAAS,cAAc,GAAG;AAEtD,wBAAgB,UAAU,WAAW,MAAM;AACvC,+BAAqB,KAAK;AAC1B,6BAAmB,eAAc,cAAc,WAAW,OAAO,SAAU;AAC3E,0BAAgB,UAAU;AAAA,QAC9B,GAAG,GAAG;AAAA,MACV;AAAA,IACJ;AAAA,IACA,CAAC,oBAAoB,UAAU,oBAAoB,kBAAkB;AAAA,EACzE;AAEA,QAAM,mBAAyB,0BAAY,MAAM;AAC7C,uBAAmB;AACnB,iBAAa,IAAI;AACjB,gBAAY;AAAA,EAChB,GAAG,CAAC,aAAa,kBAAkB,CAAC;AAEpC,QAAM,mBAAyB,0BAAY,MAAM;AAC7C,iBAAa,KAAK;AAClB,yBAAqB,WAAW,OAAO,gBAAgB;AAAA,EAC3D,GAAG,CAAC,WAAW,kBAAkB,oBAAoB,CAAC;AAEtD,QAAM,0BAAgC,0BAAY,MAAM;AACpD,uBAAmB;AACnB,wBAAoB,IAAI;AAAA,EAC5B,GAAG,CAAC,kBAAkB,CAAC;AAEvB,QAAM,0BAAgC,0BAAY,MAAM;AACpD,wBAAoB,KAAK;AACzB,yBAAqB,WAAW,WAAW,KAAK;AAAA,EACpD,GAAG,CAAC,WAAW,WAAW,oBAAoB,CAAC;AAE/C,QAAM,aAAmB,0BAAY,MAAM;AACvC,iBAAa,KAAK;AAClB,0BAAsB;AACtB,yBAAqB,OAAO,WAAW,gBAAgB;AAAA,EAC3D,GAAG,CAAC,WAAW,kBAAkB,uBAAuB,oBAAoB,CAAC;AAE7E,QAAM,kBAAwB;AAAA,IAC1B,CAAC,MAAqB;AAClB,UAAI,EAAE,QAAQ,YAAY,oBAAoB,UAAU;AACpD,2BAAmB;AACnB,qBAAa,KAAK;AAClB,qBAAa,KAAK;AAClB,4BAAoB,KAAK;AACzB,8BAAsB;AACtB,6BAAqB,KAAK;AAC1B,2BAAmB,IAAI;AAAA,MAC3B;AAAA,IACJ;AAAA,IACA,CAAC,iBAAiB,UAAU,uBAAuB,oBAAoB,kBAAkB;AAAA,EAC7F;AAEA,QAAM,cAAoB,0BAAY,MAAM;AAExC,0BAAsB;AAGtB,QACI,IAAI,WACJ,cAAc,UACd,aAAa,UACb,OAAO,IAAI,QAAQ,SAAS,YAC9B;AACE,YAAM,SAAS,IAAI,QAAQ,UAAU;AACrC,UAAI,CAAC,OAAO,SAAS,CAAC,WAAW,QAAQ,CAAC,GAAG;AAEzC,cAAM,iBAAiB,MAAM;AACzB,gCAAsB,UAAU;AAChC,uBAAa,IAAI;AACjB,sBAAY;AAAA,QAChB;AACA,8BAAsB,UAAU;AAChC,YAAI,QAAQ,KAAK,WAAW,cAAc;AAC1C,YAAI,QAAQ,MAAM,CAAC,WAAW,QAAQ,CAAC;AACvC;AAAA,MACJ;AAAA,IACJ;AAEA,iBAAa,IAAI;AACjB,gBAAY;AAAA,EAChB,GAAG,CAAC,aAAa,KAAK,WAAW,UAAU,qBAAqB,CAAC;AAEjE,QAAM,gBAAsB,0BAAY,MAAM;AAC1C,QAAI,OAAO,SAAS;AAChB,aAAO,QAAQ,OAAO;AACtB,aAAO,UAAU;AAAA,IACrB;AAAA,EACJ,GAAG,CAAC,CAAC;AAEL,EAAM,wBAAU,MAAM;AAClB,QAAI;AACA,UAAI,OAAO,SAAS;AAChB,eAAO,QAAQ,UAAU,CAAC,WAAW,QAAQ,CAAC;AAAA,MAClD,OAAO;AACH,eAAO,UAAU,IAAI,2BAAO,EAAE,SAAS,UAAU,QAAQ,CAAC;AAC1D,eAAO,QAAQ,UAAU,CAAC,WAAW,QAAQ,CAAC;AAC9C,eAAO,QAAQ,MAAM,IAAI,OAAO;AAAA,MACpC;AAAA,IACJ,SAAS,OAAO;AAEZ,cAAQ,MAAM,KAAK;AACnB,oBAAc;AAAA,IAClB;AAAA,EACJ,GAAG,CAAC,UAAU,WAAW,GAAG,CAAC;AAG7B,EAAM,wBAAU,MAAM;AAClB,QAAI,iBAAiB,oBAAoB,UAAU;AAC/C,eAAS,iBAAiB,WAAW,eAAe;AACpD,aAAO,MAAM;AACT,iBAAS,oBAAoB,WAAW,eAAe;AAAA,MAC3D;AAAA,IACJ;AACA,WAAO;AAAA,EACX,GAAG,CAAC,eAAe,iBAAiB,UAAU,eAAe,CAAC;AAG9D,EAAM,wBAAU,MAAM;AAClB,QAAI,iBAAiB,oBAAoB,YAAY,oBAAoB,MAAM;AAC3E,2BAAqB,KAAK;AAAA,IAC9B;AAAA,EACJ,GAAG,CAAC,iBAAiB,UAAU,aAAa,CAAC;AAG7C,EAAM,wBAAU,MAAM;AAClB,QAAI,CAAC,iBAAiB,oBAAoB,SAAS,aAAa,aAAa,mBAAmB;AAC5F,kBAAY;AAAA,IAChB;AAAA,EACJ,GAAG,CAAC,iBAAiB,eAAe,WAAW,WAAW,kBAAkB,WAAW,CAAC;AAIxF,EAAM,wBAAU,MAAM;AAClB,QAAI,CAAC,eAAgB;AAErB,QAAI,oBAAoB,UAAU;AAC9B,2BAAqB,IAAI;AAAA,IAC7B,OAAO;AACH,2BAAqB,KAAK;AAAA,IAC9B;AAAA,EACJ,GAAG,CAAC,gBAAgB,iBAAiB,QAAQ,CAAC;AAI9C,QAAM,CAAC,EAAE,WAAW,IAAU,yBAAW,OAAK,IAAI,GAAG,CAAC;AAEtD,EAAM,wBAAU,MAAM;AAClB,QAAI,CAAC,iBAAiB,CAAC,IAAI,WAAW,OAAO,IAAI,QAAQ,OAAO,YAAY;AACxE,aAAO;AAAA,IACX;AAEA,QAAI,QAAuB;AAE3B,UAAM,gBAAgB,MAAM;AACxB,UAAI,UAAU,MAAM;AAChB,gBAAQ,sBAAsB,MAAM;AAChC,sBAAY;AACZ,kBAAQ;AAAA,QACZ,CAAC;AAAA,MACL;AAAA,IACJ;AAEA,sBAAkB,UAAU;AAC5B,QAAI,QAAQ,GAAG,QAAQ,aAAa;AAEpC,WAAO,MAAM;AACT,UAAI,UAAU,MAAM;AAChB,6BAAqB,KAAK;AAAA,MAC9B;AACA,4BAAsB;AAAA,IAC1B;AAAA,EACJ,GAAG,CAAC,eAAe,KAAK,qBAAqB,CAAC;AAE9C,EAAM;AAAA,IACF,MAAM,MAAM;AACR,yBAAmB;AACnB,4BAAsB;AACtB,4BAAsB;AACtB,oBAAc;AAAA,IAClB;AAAA,IACA,CAAC,oBAAoB,uBAAuB,uBAAuB,aAAa;AAAA,EACpF;AACA,QAAM,2BAA2B,iBAAiB,OAAO,CAAC,EAAE,MAAM,MAAM,SAAS,OAAO,KAAK,MAAM,GAAG;AACtG,QAAM,cACF,mBAAmB,yBAAyB,UAAW,UAAU,CAAC,OAAO,MAAM,SAAS;AAG5F,QAAM,mBAAmB,oBAAoB,aAAa,iBAAiB,mBAAmB;AAE9F,QAAM,wBAA8B,sBAAQ,MAAM;AAC9C,QAAI,CAAC,SAAU,QAAO;AACtB,QAAI,CAAO,6BAAe,QAAQ,EAAG,QAAO;AAC5C,WAAa,2BAAa,UAAU;AAAA,MAChC,oBAAoB;AAAA,IACxB,CAAQ;AAAA,EACZ,GAAG,CAAC,UAAU,SAAS,CAAC;AAExB,SACI,4CAAC,aACG;AAAA,IAAC;AAAA;AAAA,MACG,KAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAc;AAAA,MACd,cAAc;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,OACJ;AAAA,IAEH;AAAA,EACL,GACA,4CAAC,aACI,eACG;AAAA,IAAC;AAAA;AAAA,MACG,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,QAAQ,UAAU;AAAA,MAClB,UAAU,kBAAkB,WAAW;AAAA,MACvC,WAAW,kBAAkB,YAAY;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA;AAAA,EAClB,CAER,CACJ;AAER;AAEA,IAAO,wBAAQ;;;ACtSR,IAAM,yBAAyB,CAAC,mBAAmB,gBAAgB;AACnE,IAAM,sBAAsB;AAmB5B,IAAM,aAAmB;AAAA,EAC5B,CAAC;AAAA,IACG;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,MAAoC;AAChC,UAAM,EAAE,MAAM,MAAM,IAAI,4CAAmB,CAAC;AAC5C,UAAM,oBAA0B;AAAA,MAC5B,CAAC,MAAqB;AAClB,YAAI,SAAS,KAAK,EAAE,QAAQ,cAAc,SAAS,EAAE,QAAQ,cAAc,OAAO;AAC9E;AAAA,QACJ;AACA,UAAE,eAAe;AACjB,0BAAkB,GAAG,MAAM,KAAK;AAAA,MACpC;AAAA,MACA,CAAC,MAAM,OAAO,iBAAiB;AAAA,IACnC;AAEA,UAAM,gBAAsB;AAAA,MACxB,CAAC,MAA2B;AAExB,YAAI,qBAAqB,EAAE,QAAQ,cAAc,SAAS,EAAE,QAAQ,cAAc,QAAQ;AACtF,4BAAkB,CAAC;AAAA,QACvB;AAGA,YAAI,WAAW;AACX,oBAAU,CAAC;AAAA,QACf;AAAA,MACJ;AAAA,MACA,CAAC,kBAAkB,mBAAmB,SAAS;AAAA,IACnD;AAEA,QAAI,MAAM,UAAU,GAAG;AACnB,aACI;AAAA,QAAC;AAAA;AAAA,UACG,mBAAmB;AAAA,UACnB,KAAK;AAAA,UACL,IAAG;AAAA,UACH,MAAM,mBAAmB,WAAW;AAAA,UACpC,cAAY;AAAA,UACZ,oBAAkB;AAAA,UAClB,SAAS,mBAAmB,oBAAoB;AAAA,UAChD,WAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,GAAG;AAAA,UACH,MAAM;AAAA,UACN,aAAa;AAAA,UACb,aAAa;AAAA,UACb,QAAQ;AAAA;AAAA,MACZ;AAAA,IAER;AACA,UAAM,KAAK,IAAI,KAAK,MAAM,QAAQ;AAClC,UAAM,KAAK,IAAI,KAAK,MAAM,MAAM;AAChC,UAAM,KAAK,KAAK,IAAI,EAAE;AACtB,UAAM,KAAK,KAAK,IAAI,EAAE;AACtB,UAAM,KAAK,KAAK,IAAI,EAAE;AACtB,UAAM,KAAK,KAAK,IAAI,EAAE;AACtB,UAAM,MAAM,MAAM,QAAQ,MAAM,IAAI;AAEpC,WACI;AAAA,MAAC;AAAA;AAAA,QACG,mBAAmB;AAAA,QACnB,KAAK;AAAA,QACL,IAAG;AAAA,QACH,MAAM,mBAAmB,WAAW;AAAA,QACpC,cAAY;AAAA,QACZ,oBAAkB;AAAA,QAClB,SAAS,mBAAmB,oBAAoB;AAAA,QAChD,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,GAAG,KAAK,MAAM,IAAI,MAAM,MAAM,SAAS,SAAS,EAAE,IAC9C,SAAS,SAAS,EACtB,MAAM,MAAM,IAAI,MAAM,MAAM,GAAG,MAAM,SAAS,SAAS,EAAE,IACrD,SAAS,SAAS,EACtB,MAAM,MAAM,IAAI,MAAM,YAAY,GAAG,MAAM,MAAM,IAAI,MAAM;AAAA,QAC3D,MAAM;AAAA,QACN,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,eAAe;AAAA;AAAA,IACnB;AAAA,EAER;AACJ;AAEA,WAAW,cAAc;AAElB,IAAM,gBAAgB,0BAAO;AAAA;AAAA;AAAA,MAG9B,CAAC,EAAE,kBAAkB,MAAM,qBAAqB,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCxE,IAAM,YAAkB;AAAA,EACpB,CAAC;AAAA,IACG;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,MAAsB;AAClB,UAAM,qBAA2B,yBAAoC,0BAAkB;AACvF,UAAM,6BAA6B,QAAQ,yDAAoB,kCAAkC;AAEjG,UAAM,QAAQ,OAAO,OAAO,CAAC,YAAY,MAAM,aAAa,GAAG,CAAC;AAChE,UAAM,SAAS,gBAAgB,YAAY,KAAK;AAEhD,UAAM,eAAqB;AAAA,MACvB,CAAC,aAAsB,iBAA0B;AAC7C,YAAI,mBAAe,gBAAE,YAAY;AACjC,YAAI,eAAe;AACf,yBAAe;AAAA,QACnB,WAAW,aAAa,UAAa,cAAc,QAAW;AAC1D,6BAAe,4BAAQ,gBAAE,4BAA4B,GAAG;AAAA,YACpD,KAAK,gBAAgB,UAAU,UAAU;AAAA,YACzC,KAAK,gBAAgB,WAAW,WAAW;AAAA,UAC/C,CAAC;AAAA,QACL;AAEA,YAAI,eAAe,QAAQ,gBAAgB,MAAM;AAC7C,6BAAe,4BAAQ,gBAAE,sDAAsD,GAAG;AAAA,YAC9E,eAAe;AAAA,YACf;AAAA,YACA,cAAc,aAAa,SAAS;AAAA,UACxC,CAAC;AAAA,QACL;AACA,YAAI,kBAAkB;AAClB,6BAAe,4BAAQ,gBAAE,gCAAgC,GAAG,EAAE,OAAO,aAAa,CAAC;AAAA,QACvF;AAEA,eAAO;AAAA,MACX;AAAA,MACA,CAAC,eAAe,UAAU,WAAW,gBAAgB;AAAA,IACzD;AAEA,UAAM,UAAoB,CAAC;AAC3B,QAAI,eAAe;AACnB,WAAO,QAAQ,WAAS;AACpB,cAAQ,KAAK,YAAY;AACzB,sBAAgB;AAAA,IACpB,CAAC;AAED,UAAM,QAAQ,SAAS;AACvB,UAAM,WACF,8BACA,UAAU,uBACV,aACC,gCAAa,IAAI,SAAK,6BAAU,IAAI;AAEzC,WACI,4CAAC,SAAI,OAAc,QAAQ,OAAO,SAAS,SAAS,QAAQ,CAAC,IAAI,QAAQ,CAAC,MACrE,SACG;AAAA,MAAC;AAAA;AAAA,QACG,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,GAAG;AAAA,QACH,MAAK;AAAA,QACL,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,eAAe;AAAA;AAAA,IACnB,GAEH,OAAO,IAAI,CAAC,GAAG,MAAM;AA9QtC;AA+QoB,YAAM,cAAc,oBAAoB;AACxC,aACI;AAAA,QAAC;AAAA;AAAA,UACG,KAAK;AAAA,UACL,OAAO,QAAQ,CAAC,IAAI;AAAA,UACpB,MAAM,QAAQ,CAAC,IAAI,KAAK;AAAA,UACxB;AAAA,UACA,OAAO,OAAO,CAAC;AAAA,UACf;AAAA,UACA,iBAAiB,WAAW,CAAC;AAAA,UAC7B,mBAAmB;AAAA,UACnB,WAAW,cAAa,gBAAW,CAAC,MAAZ,mBAAe,OAAM,gBAAW,CAAC,MAAZ,mBAAe,KAAK;AAAA,UACjE,oBAAkB;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,UACA,YACI,gBAAgB,aAAW,cAAc,aAAa,OAAO,IAAI;AAAA,UAErE;AAAA;AAAA,MACJ;AAAA,IAER,CAAC,GACA,YACG;AAAA,MAAC;AAAA;AAAA,QACG,GAAG,SAAU,SAAS,MAAO;AAAA,QAC7B,GAAG,SAAU,SAAS,MAAO;AAAA,QAC7B,OAAO,SAAS;AAAA,QAChB,QAAQ,SAAS;AAAA,QACjB,OAAO,EAAE,eAAe,OAAO;AAAA,QAC/B,aAAU;AAAA;AAAA,MAEV,4CAAC,sBAAW,SAAS,MAAM,OAAO,SAAS,KAAK,QAAQ,SAAS,KAAK;AAAA,IAC1E,CAER;AAAA,EAER;AACJ;AA0BO,IAAM,SAAe;AAAA,EACxB,CAAC;AAAA,IACG;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB,CAAC;AAAA,IACpB,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,MAAgC;AAC5B,UAAM,gBAAsB;AAAA,MACxB,CAAC,GAAG,MAAM,UAAU;AAChB,uBAAe,GAAG,MAAM,KAAK;AAC7B,UAAE,gBAAgB;AAAA,MACtB;AAAA,MACA,CAAC,cAAc;AAAA,IACnB;AAGA,UAAM,WAAW,eAAe,MAAM,OAAK,MAAM,CAAC;AAClD,UAAM,SAAS,eAAe,IAAI,OAAM,IAAI,IAAI,IAAI,CAAE;AAEtD,QAAI,YAAY,CAAC,eAAe,OAAQ,QAAO;AAE/C,WACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA,kBAAkB,CAAC,GAAG,YAAY,GAAG,gBAAgB;AAAA,QACrD;AAAA,QACA;AAAA,QACA,kBAAe;AAAA,QACf;AAAA,QACA;AAAA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACG;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACJ;AAAA,IACJ;AAAA,EAER;AACJ;AACA,OAAO,cAAc;;;A5BjZd,IAAM,qBAAqB,CAAC,QAAQ,aAAa,YAAY;AANpE;AAOI,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,EAAE,SAAS,OAAO,IAAI,QAAQ;AACpC,MAAI,aAAa;AACjB,QAAM,oBAAgB;AAAA,IAClB,CAAC;AAAA,IACD;AAAA,QACA,iDAAwB,OAAO,eAAe,SAAS;AAAA,EAC3D;AACA,QAAI,yBAAc,WAAd,mBAAuB,OAAvB,mBAA2B,UAAS,UAAU;AAC9C,UAAM,oBAAgB,8BAAiB,cAAc,OAAO,CAAC,EAAE,UAAU,WAAW,EAAE,CAAC,KAAK;AAC5F,UAAM,qBAAiB,8BAAiB,cAAc,OAAO,CAAC,EAAE,WAAW,WAAW,EAAE,CAAC,KAAK;AAC9F,UAAM,oBAAgB,8BAAiB,4CAA4C,WAAW;AAC9F,UAAM,iBAAiB,MAAM;AAAA,MACzB,oBAAI,IAAI;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,QACH,GAAG;AAAA,MACP,CAAC;AAAA,IACL;AACA,UAAM,oBAAoB,IAAI;AAAA,MAC1B,OAAO,OAAO,CAAC,KAAK,GAAG,MAAM;AACzB,cAAM,QAAQ,OAAO,MAAM,WAAW,IAAI,EAAE,KAAK,SAAS;AAC1D,YAAI,CAAC,eAAe,SAAS,KAAK,GAAG;AACjC,cAAI,KAAK,CAAC;AAAA,QACd;AACA,eAAO;AAAA,MACX,GAAG,CAAC,CAAC;AAAA,IACT;AAEA,iBAAa,QAAQ,IAAI,CAAC,QAAQ,MAAM;AACpC,UAAI,kBAAkB,IAAI,CAAC,GAAG;AAE1B,eAAO,OAAO,IAAI,WAAU,CAAC,SAAS,KAAC,wBAAS,KAAK,IAAI,IAAI,CAAC,KAAM;AAAA,MACxE;AACA,aAAO;AAAA,IACX,CAAC;AAAA,EACL;AAEA,QAAM,sBAAsB,iCACrB,cADqB;AAAA,IAExB,SAAS,iCACF,UADE;AAAA,MAEL,MAAM,iCACC,QAAQ,OADT;AAAA,QAEF,SAAS;AAAA,MACb;AAAA,IACJ;AAAA,EACJ;AAEA,SAAO;AACX;",
+  "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport"]
 }

package/common/utils/shadowDomUtils.d.ts

@@ -0,0 +1,2 @@
+export declare const getFloatingLayerStyleTarget: (anchor?: HTMLElement | null) => HTMLElement | undefined;
+//# sourceMappingURL=shadowDomUtils.d.ts.map

package/common/utils/shadowDomUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadowDomUtils.d.ts","sourceRoot":"","sources":["../../src/common/utils/shadowDomUtils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,2BAA2B,GAAI,SAAS,WAAW,GAAG,IAAI,KAAG,WAAW,GAAG,SAYvF,CAAC"}

package/common/utils/shadowDomUtils.js

@@ -0,0 +1,39 @@
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/common/utils/shadowDomUtils.ts
+var shadowDomUtils_exports = {};
+__export(shadowDomUtils_exports, {
+  getFloatingLayerStyleTarget: () => getFloatingLayerStyleTarget
+});
+module.exports = __toCommonJS(shadowDomUtils_exports);
+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;
+};
+//# sourceMappingURL=shadowDomUtils.js.map

package/common/utils/shadowDomUtils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/common/utils/shadowDomUtils.ts"],
+  "sourcesContent": ["export const getFloatingLayerStyleTarget = (anchor?: HTMLElement | null): HTMLElement | undefined => {\n    if (!anchor || typeof anchor.getRootNode !== 'function') {\n        return undefined;\n    }\n\n    const rootNode = anchor.getRootNode();\n\n    if (typeof ShadowRoot !== 'undefined' && rootNode instanceof ShadowRoot) {\n        return anchor.ownerDocument.head;\n    }\n\n    return undefined;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,8BAA8B,CAAC,WAAyD;AACjG,MAAI,CAAC,UAAU,OAAO,OAAO,gBAAgB,YAAY;AACrD,WAAO;AAAA,EACX;AAEA,QAAM,WAAW,OAAO,YAAY;AAEpC,MAAI,OAAO,eAAe,eAAe,oBAAoB,YAAY;AACrE,WAAO,OAAO,cAAc;AAAA,EAChC;AAEA,SAAO;AACX;",
+  "names": []
+}

package/common/withDashboardViz.js

@@ -476,7 +476,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.6.0 - 92427899a"
+  "data-splunk-visualization-version": "28.8.0 - 633c53372"
 })`
     position: relative;
     width: 100%;
@@ -575,7 +575,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.6.0 - 92427899a",
+        "data-splunk-visualization-version": "28.8.0 - 633c53372",
         width,
         height,
         backgroundColor