@splunk/visualizations 26.4.1 → 27.0.0

package/common/GaugeMajorTicks.js.map

@@ -1 +1,7 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"react\"","webpack:///external \"prop-types\"","webpack:///external \"@babel/runtime/helpers/extends\"","webpack:///external \"styled-components\"","webpack:///./src/common/GaugeMajorTicks.jsx","webpack:///external \"@splunk/visualizations-shared/numberUtils\""],"names":["DEFAULT_NUM_OF_TICKS","TICK_LENGTH_DELTA","TICK_LABEL_PADDING_FACTOR","MajorTickLine","styled","props","MajorTickLabel","MajorTick","index","x1","y1","x2","y2","showLabels","label","labelX","labelY","majorTickStrokeColor","majorTickFillColor","formatNumber","useThousandSeparators","useTrendUnits","T","string","positionMajorTick","width","height","startX","startY","orientation","numOfTicks","i","y","x","MajorTicks","min","max","majorUnit","usePercentageRange","range","Number","majorTicks","parseInt","extraNumOfTicks","Math"],"mappings":"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","file":"GaugeMajorTicks.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 82);\n","module.exports = require(\"react\");","module.exports = require(\"prop-types\");","module.exports = require(\"@babel/runtime/helpers/extends\");","module.exports = require(\"styled-components\");","import React from 'react';\nimport T from 'prop-types';\nimport styled from 'styled-components';\nimport { isNumerial, formatNumber } from '@splunk/visualizations-shared/numberUtils';\n\nconst DEFAULT_NUM_OF_TICKS = 5;\nconst TICK_LENGTH_DELTA = 5;\nconst TICK_LABEL_PADDING_FACTOR = 3.2;\n\nconst MajorTickLine = styled.line`\n    stroke: ${props => props.majorTickStrokeColor};\n    stroke-width: 2px;\n    stroke-dasharray: ${props => (props.index === 0 ? 0 : 3)};\n`;\n\nconst MajorTickLabel = styled.text`\n    font-size: 12px;\n    font-family: Splunk Platform Sans, sans-serif;\n    line-height: 19px;\n    fill: ${props => props.majorTickFillColor};\n    text-anchor: middle;\n    text-align: center;\n`;\n\nexport const MajorTick = ({\n    index,\n    x1,\n    y1,\n    x2,\n    y2,\n    showLabels,\n    label,\n    labelX,\n    labelY,\n    majorTickStrokeColor,\n    majorTickFillColor,\n}) => (\n    <g>\n        <MajorTickLine\n            data-test=\"major-tick-line\"\n            index={index}\n            x1={x1}\n            y1={y1}\n            x2={x2}\n            y2={y2}\n            majorTickStrokeColor={majorTickStrokeColor}\n        />\n        {showLabels && (\n            <MajorTickLabel\n                x={labelX}\n                y={labelY}\n                majorTickFillColor={majorTickFillColor}\n                data-test=\"major-tick-label\"\n            >\n                {isNumerial(label)\n                    ? formatNumber(label, 0, {\n                          useThousandSeparators: true,\n                          useTrendUnits: true,\n                      })\n                    : label}\n            </MajorTickLabel>\n        )}\n    </g>\n);\n\nMajorTick.propTypes = {\n    index: T.number,\n    x1: T.number,\n    y1: T.number,\n    x2: T.number,\n    y2: T.number,\n    showLabels: T.bool,\n    label: T.oneOfType([T.string, T.number]),\n    labelX: T.number,\n    labelY: T.number,\n    majorTickStrokeColor: T.string,\n    majorTickFillColor: T.string,\n};\n\n/**\n * calculate position for each major tick\n * @method positionMajorTick\n * @param {Object} input\n * @param {Number} input.width\n * @param {Number} input.height\n * @param {Number} input.startX  start x for rendering the first major tick\n * @param {Number} input.startY  start y for rendering the first major tick\n * @param {String} input.orientation\n * @param {Number} input.numOfTicks  how many ticks need to render\n * @param {Number} input.i   index of major tick\n * @return {Object} MajorTick positions\n */\nexport const positionMajorTick = ({ width, height, startX, startY, orientation, numOfTicks, i }) => {\n    let x1 = startX;\n    let y1 = startY;\n    let x2 = startX;\n    let y2 = startY;\n    let labelX = startX;\n    let labelY;\n\n    if (orientation === 'vertical') {\n        const y = (height / numOfTicks) * (numOfTicks - i) + startY;\n        x1 -= TICK_LENGTH_DELTA;\n        y1 = y;\n        x2 += width + TICK_LENGTH_DELTA;\n        y2 = y;\n        labelX += width + TICK_LENGTH_DELTA * TICK_LABEL_PADDING_FACTOR;\n        labelY = y;\n    } else {\n        const x = (width / numOfTicks) * i + startX;\n        x1 = x;\n        y1 -= TICK_LENGTH_DELTA;\n        x2 = x;\n        y2 += height + TICK_LENGTH_DELTA;\n        labelX = x;\n        labelY = y2 + 16;\n    }\n\n    return { x1, y1, x2, y2, labelX, labelY };\n};\n\nconst MajorTicks = ({ ...props }) => {\n    const {\n        width,\n        height,\n        startX,\n        startY,\n        min,\n        max,\n        majorUnit,\n        orientation,\n        showLabels,\n        usePercentageRange,\n        majorTickFillColor,\n        majorTickStrokeColor,\n    } = props;\n\n    const range = max - min;\n    const numOfTicks =\n        majorUnit === 'auto' || Number.isNaN(Number(majorUnit)) || majorUnit <= 0\n            ? DEFAULT_NUM_OF_TICKS\n            : range / majorUnit;\n    const majorTicks = [];\n\n    for (let i = 0; i <= numOfTicks; i += 1) {\n        const { x1, y1, x2, y2, labelX, labelY } = positionMajorTick({\n            width,\n            height,\n            startX,\n            startY,\n            orientation,\n            numOfTicks,\n            i,\n        });\n        const label = usePercentageRange\n            ? `${parseInt((i / numOfTicks - min / range) * 100, 10)}%`\n            : parseInt(min + (range / numOfTicks) * i, 10);\n\n        majorTicks.push(\n            <MajorTick\n                key={i}\n                index={i}\n                x1={x1}\n                y1={y1}\n                x2={x2}\n                y2={y2}\n                showLabels={showLabels}\n                label={label}\n                labelX={labelX}\n                labelY={labelY}\n                majorTickFillColor={majorTickFillColor}\n                majorTickStrokeColor={majorTickStrokeColor}\n            />\n        );\n    }\n\n    // if the gauge is not divided evenly, put the last tick at the end of the gauge\n    if (!Number.isInteger(numOfTicks)) {\n        const extraNumOfTicks = Math.ceil(numOfTicks);\n        const { x1, y1, x2, y2, labelX, labelY } = positionMajorTick({\n            width,\n            height,\n            startX,\n            startY,\n            orientation,\n            numOfTicks: extraNumOfTicks,\n            i: extraNumOfTicks,\n        });\n\n        majorTicks.push(\n            <MajorTick\n                key={extraNumOfTicks}\n                id={extraNumOfTicks}\n                x1={x1}\n                y1={y1}\n                x2={x2}\n                y2={y2}\n                showLabels={showLabels}\n                label={usePercentageRange ? '100%' : max}\n                labelX={labelX}\n                labelY={labelY}\n                majorTickFillColor={majorTickFillColor}\n                majorTickStrokeColor={majorTickStrokeColor}\n            />\n        );\n    }\n\n    return <g>{majorTicks}</g>;\n};\n\nMajorTicks.propTypes = {\n    width: T.number,\n    height: T.number,\n    startX: T.number,\n    startY: T.number,\n    min: T.number,\n    max: T.number,\n    majorUnit: T.oneOfType([T.string, T.number]),\n    orientation: T.string,\n    showLabels: T.bool,\n    usePercentageRange: T.bool,\n    majorTickFillColor: T.string,\n    majorTickStrokeColor: T.string,\n};\n\nMajorTicks.defaultProps = {\n    min: 0,\n    max: 100,\n    majorUnit: 'auto',\n    orientation: 'horizontal',\n    showLabels: true,\n    usePercentageRange: false,\n};\n\nexport default MajorTicks;\n","module.exports = require(\"@splunk/visualizations-shared/numberUtils\");"],"sourceRoot":""}
+{
+  "version": 3,
+  "sources": ["../src/common/GaugeMajorTicks.jsx", "esm-externals:react", "esm-externals:prop-types", "esm-externals:styled-components", "esm-externals:@splunk/visualizations-shared/numberUtils"],
+  "sourcesContent": ["import React from 'react';\nimport T from 'prop-types';\nimport styled from 'styled-components';\nimport { isNumerial, formatNumber } from '@splunk/visualizations-shared/numberUtils';\n\nconst DEFAULT_NUM_OF_TICKS = 5;\nconst TICK_LENGTH_DELTA = 5;\nconst TICK_LABEL_PADDING_FACTOR = 3.2;\n\nconst MajorTickLine = styled.line`\n    stroke: ${props => props.majorTickStrokeColor};\n    stroke-width: 2px;\n    stroke-dasharray: ${props => (props.index === 0 ? 0 : 3)};\n`;\n\nconst MajorTickLabel = styled.text`\n    font-size: 12px;\n    font-family: Splunk Platform Sans, sans-serif;\n    line-height: 19px;\n    fill: ${props => props.majorTickFillColor};\n    text-anchor: middle;\n    text-align: center;\n`;\n\nexport const MajorTick = ({\n    index,\n    x1,\n    y1,\n    x2,\n    y2,\n    showLabels,\n    label,\n    labelX,\n    labelY,\n    majorTickStrokeColor,\n    majorTickFillColor,\n}) => (\n    <g>\n        <MajorTickLine\n            data-test=\"major-tick-line\"\n            index={index}\n            x1={x1}\n            y1={y1}\n            x2={x2}\n            y2={y2}\n            majorTickStrokeColor={majorTickStrokeColor}\n        />\n        {showLabels && (\n            <MajorTickLabel\n                x={labelX}\n                y={labelY}\n                majorTickFillColor={majorTickFillColor}\n                data-test=\"major-tick-label\"\n            >\n                {isNumerial(label)\n                    ? formatNumber(label, 0, {\n                          useThousandSeparators: true,\n                          useTrendUnits: true,\n                      })\n                    : label}\n            </MajorTickLabel>\n        )}\n    </g>\n);\n\nMajorTick.propTypes = {\n    index: T.number,\n    x1: T.number,\n    y1: T.number,\n    x2: T.number,\n    y2: T.number,\n    showLabels: T.bool,\n    label: T.oneOfType([T.string, T.number]),\n    labelX: T.number,\n    labelY: T.number,\n    majorTickStrokeColor: T.string,\n    majorTickFillColor: T.string,\n};\n\n/**\n * calculate position for each major tick\n * @method positionMajorTick\n * @param {Object} input\n * @param {Number} input.width\n * @param {Number} input.height\n * @param {Number} input.startX  start x for rendering the first major tick\n * @param {Number} input.startY  start y for rendering the first major tick\n * @param {String} input.orientation\n * @param {Number} input.numOfTicks  how many ticks need to render\n * @param {Number} input.i   index of major tick\n * @return {Object} MajorTick positions\n */\nexport const positionMajorTick = ({ width, height, startX, startY, orientation, numOfTicks, i }) => {\n    let x1 = startX;\n    let y1 = startY;\n    let x2 = startX;\n    let y2 = startY;\n    let labelX = startX;\n    let labelY;\n\n    if (orientation === 'vertical') {\n        const y = (height / numOfTicks) * (numOfTicks - i) + startY;\n        x1 -= TICK_LENGTH_DELTA;\n        y1 = y;\n        x2 += width + TICK_LENGTH_DELTA;\n        y2 = y;\n        labelX += width + TICK_LENGTH_DELTA * TICK_LABEL_PADDING_FACTOR;\n        labelY = y;\n    } else {\n        const x = (width / numOfTicks) * i + startX;\n        x1 = x;\n        y1 -= TICK_LENGTH_DELTA;\n        x2 = x;\n        y2 += height + TICK_LENGTH_DELTA;\n        labelX = x;\n        labelY = y2 + 16;\n    }\n\n    return { x1, y1, x2, y2, labelX, labelY };\n};\n\nconst MajorTicks = ({ ...props }) => {\n    const {\n        width,\n        height,\n        startX,\n        startY,\n        min,\n        max,\n        majorUnit,\n        orientation,\n        showLabels,\n        usePercentageRange,\n        majorTickFillColor,\n        majorTickStrokeColor,\n    } = props;\n\n    const range = max - min;\n    const numOfTicks =\n        majorUnit === 'auto' || Number.isNaN(Number(majorUnit)) || majorUnit <= 0\n            ? DEFAULT_NUM_OF_TICKS\n            : range / majorUnit;\n    const majorTicks = [];\n\n    for (let i = 0; i <= numOfTicks; i += 1) {\n        const { x1, y1, x2, y2, labelX, labelY } = positionMajorTick({\n            width,\n            height,\n            startX,\n            startY,\n            orientation,\n            numOfTicks,\n            i,\n        });\n        const label = usePercentageRange\n            ? `${parseInt((i / numOfTicks - min / range) * 100, 10)}%`\n            : parseInt(min + (range / numOfTicks) * i, 10);\n\n        majorTicks.push(\n            <MajorTick\n                key={i}\n                index={i}\n                x1={x1}\n                y1={y1}\n                x2={x2}\n                y2={y2}\n                showLabels={showLabels}\n                label={label}\n                labelX={labelX}\n                labelY={labelY}\n                majorTickFillColor={majorTickFillColor}\n                majorTickStrokeColor={majorTickStrokeColor}\n            />\n        );\n    }\n\n    // if the gauge is not divided evenly, put the last tick at the end of the gauge\n    if (!Number.isInteger(numOfTicks)) {\n        const extraNumOfTicks = Math.ceil(numOfTicks);\n        const { x1, y1, x2, y2, labelX, labelY } = positionMajorTick({\n            width,\n            height,\n            startX,\n            startY,\n            orientation,\n            numOfTicks: extraNumOfTicks,\n            i: extraNumOfTicks,\n        });\n\n        majorTicks.push(\n            <MajorTick\n                key={extraNumOfTicks}\n                id={extraNumOfTicks}\n                x1={x1}\n                y1={y1}\n                x2={x2}\n                y2={y2}\n                showLabels={showLabels}\n                label={usePercentageRange ? '100%' : max}\n                labelX={labelX}\n                labelY={labelY}\n                majorTickFillColor={majorTickFillColor}\n                majorTickStrokeColor={majorTickStrokeColor}\n            />\n        );\n    }\n\n    return <g>{majorTicks}</g>;\n};\n\nMajorTicks.propTypes = {\n    width: T.number,\n    height: T.number,\n    startX: T.number,\n    startY: T.number,\n    min: T.number,\n    max: T.number,\n    majorUnit: T.oneOfType([T.string, T.number]),\n    orientation: T.string,\n    showLabels: T.bool,\n    usePercentageRange: T.bool,\n    majorTickFillColor: T.string,\n    majorTickStrokeColor: T.string,\n};\n\nMajorTicks.defaultProps = {\n    min: 0,\n    max: 100,\n    majorUnit: 'auto',\n    orientation: 'horizontal',\n    showLabels: true,\n    usePercentageRange: false,\n};\n\nexport default MajorTicks;\n", "\nimport * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"prop-types\";\nexport * from \"prop-types\";\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 \"@splunk/visualizations-shared/numberUtils\";\nexport * from \"@splunk/visualizations-shared/numberUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
+  "mappings": "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",
+  "names": ["defaultImport", "defaultImport", "defaultImport"]
+}

package/common/GaugeValueMarker.js

@@ -1,199 +1,133 @@
-/*!
- * Copyright © 2024 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.
- */
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 83);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 1:
-/***/ (function(module, exports) {
-
-module.exports = require("prop-types");
-
-/***/ }),
-
-/***/ 11:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/extends");
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 83:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "positionValueMarkerRect", function() { return positionValueMarkerRect; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "positionLabel", function() { return positionLabel; });
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(11);
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9);
-/* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_4__);
-
-
-
+/* 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. */
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/common/GaugeValueMarker.jsx
+var GaugeValueMarker_exports = {};
+__export(GaugeValueMarker_exports, {
+  default: () => GaugeValueMarker_default,
+  positionLabel: () => positionLabel,
+  positionValueMarkerRect: () => positionValueMarkerRect
+});
+module.exports = __toCommonJS(GaugeValueMarker_exports);
 
+// esm-externals:react
+var react_exports = {};
+__export(react_exports, {
+  default: () => react_default
+});
+var defaultImport = __toESM(require("react"));
+__reExport(react_exports, require("react"));
+var react_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// esm-externals:prop-types
+var prop_types_exports = {};
+__export(prop_types_exports, {
+  default: () => prop_types_default
+});
+var defaultImport2 = __toESM(require("prop-types"));
+__reExport(prop_types_exports, require("prop-types"));
+var prop_types_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+
+// esm-externals:styled-components
+var styled_components_exports = {};
+__export(styled_components_exports, {
+  default: () => styled_components_default
+});
+var defaultImport3 = __toESM(require("styled-components"));
+__reExport(styled_components_exports, require("styled-components"));
+var styled_components_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+
+// esm-externals:@splunk/visualizations-shared/numberUtils
+var numberUtils_exports = {};
+__export(numberUtils_exports, {
+  default: () => numberUtils_default
+});
+var defaultImport4 = __toESM(require("@splunk/visualizations-shared/numberUtils"));
+__reExport(numberUtils_exports, require("@splunk/visualizations-shared/numberUtils"));
+var numberUtils_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
 
+// src/common/GaugeValueMarker.jsx
 var MARKER_THICKNESS = 15;
 var MARKER_INNER_LENGTH = 30;
 var MARKER_LABEL_WIDTH = 60;
 var MARKER_LABEL_HEIGHT = 25;
 var RADIUS = 2;
 var DELTA_LENGTH = 12;
-var ValueMarkerRect = styled_components__WEBPACK_IMPORTED_MODULE_3___default.a.path.withConfig({
-  displayName: "GaugeValueMarker__ValueMarkerRect",
-  componentId: "sc-1bxkeao-0"
-})(["stroke-width:2px;fill:", ";"], function (props) {
-  return props.valueMarkerFillColor;
-});
-var ValueMarkerLabelRect = styled_components__WEBPACK_IMPORTED_MODULE_3___default.a.rect.withConfig({
-  displayName: "GaugeValueMarker__ValueMarkerLabelRect",
-  componentId: "sc-1bxkeao-1"
-})(["fill:", ";"], function (props) {
-  return props.valueMarkerFillColor;
-});
-var ValueMarkerLabel = styled_components__WEBPACK_IMPORTED_MODULE_3___default.a.text.withConfig({
-  displayName: "GaugeValueMarker__ValueMarkerLabel",
-  componentId: "sc-1bxkeao-2"
-})(["fill:", ";font-size:14px;font-family:Splunk Platform Sans,sans-serif;line-height:16px;text-anchor:middle;text-align:center;dominant-baseline:middle;"], function (props) {
-  return props.valueMarkerLabelFillColor;
-});
-/**
- * calculate the path of Value Marker shape
- * @method positionValueMarkerRect
- * @param {Object} input
- * @param {Number} input.x
- * @param {Number} input.y
- * @param {String} input.orientation
- * @param {Number} input.valueMarkerRectLength
- * @return {String} d containing a series of path commands that define the path to be
- */
-
-var positionValueMarkerRect = function positionValueMarkerRect(_ref) {
-  var x = _ref.x,
-      y = _ref.y,
-      orientation = _ref.orientation,
-      valueMarkerRectLength = _ref.valueMarkerRectLength,
-      _ref$alignCenter = _ref.alignCenter,
-      alignCenter = _ref$alignCenter === void 0 ? false : _ref$alignCenter;
-  var hLength = MARKER_THICKNESS;
-  var vLength = valueMarkerRectLength;
-  var markerStartX = alignCenter ? x - MARKER_THICKNESS / 2 : x - MARKER_THICKNESS;
-  var markerStartY = y;
-  var innerHLength = hLength / 3;
-  var innerVLength = MARKER_INNER_LENGTH;
-  var innerStartX = markerStartX + innerHLength;
-  var innerStartY = markerStartY + 7;
-
-  if (orientation === 'vertical') {
+var ValueMarkerRect = styled_components_default.path`
+    stroke-width: 2px;
+    fill: ${(props) => props.valueMarkerFillColor};
+`;
+var ValueMarkerLabelRect = styled_components_default.rect`
+    fill: ${(props) => props.valueMarkerFillColor};
+`;
+var ValueMarkerLabel = styled_components_default.text`
+    fill: ${(props) => props.valueMarkerLabelFillColor};
+    font-size: 14px;
+    font-family: Splunk Platform Sans, sans-serif;
+    line-height: 16px;
+    text-anchor: middle;
+    text-align: center;
+    dominant-baseline: middle;
+`;
+var positionValueMarkerRect = ({
+  x,
+  y,
+  orientation,
+  valueMarkerRectLength,
+  alignCenter = false
+}) => {
+  let hLength = MARKER_THICKNESS;
+  let vLength = valueMarkerRectLength;
+  let markerStartX = alignCenter ? x - MARKER_THICKNESS / 2 : x - MARKER_THICKNESS;
+  let markerStartY = y;
+  let innerHLength = hLength / 3;
+  let innerVLength = MARKER_INNER_LENGTH;
+  let innerStartX = markerStartX + innerHLength;
+  let innerStartY = markerStartY + 7;
+  if (orientation === "vertical") {
     hLength = valueMarkerRectLength;
     vLength = MARKER_THICKNESS;
     markerStartX = x;
@@ -203,141 +137,97 @@ var positionValueMarkerRect = function positionValueMarkerRect(_ref) {
     innerStartX = markerStartX + 7;
     innerStartY = markerStartY + innerVLength;
   }
-
-  return "M".concat(markerStartX, ",").concat(markerStartY, "h").concat(hLength, "a").concat(RADIUS, ",").concat(RADIUS, " 0 0 1 ").concat(RADIUS, ",").concat(RADIUS, "v").concat(vLength - 2 * RADIUS, "a").concat(RADIUS, ",").concat(RADIUS, " 0 0 1 ").concat(-RADIUS, ",").concat(RADIUS, "h").concat(-hLength, "a").concat(RADIUS, ",").concat(RADIUS, " 0 0 1 ").concat(-RADIUS, ",").concat(-RADIUS, "v").concat(2 * RADIUS - vLength, "a").concat(RADIUS, ",").concat(RADIUS, " 0 0 1 ").concat(RADIUS, ",").concat(-RADIUS, "z") + "M".concat(innerStartX, ",").concat(innerStartY, "v").concat(innerVLength - RADIUS, "a").concat(RADIUS, ",").concat(RADIUS, " 0 0 0 ").concat(RADIUS, ",").concat(RADIUS, "h").concat(innerHLength - 2 * RADIUS, "a").concat(RADIUS, ",").concat(RADIUS, " 0 0 0 ").concat(RADIUS, ",").concat(-RADIUS, "v").concat(RADIUS - innerVLength, "a").concat(RADIUS, ",").concat(RADIUS, " 0 0 0 ").concat(-RADIUS, ",").concat(-RADIUS, "h").concat(2 * RADIUS - innerHLength, "a").concat(RADIUS, ",").concat(RADIUS, " 0 0 0 ").concat(-RADIUS, ",").concat(RADIUS, "z");
+  return `M${markerStartX},${markerStartY}h${hLength}a${RADIUS},${RADIUS} 0 0 1 ${RADIUS},${RADIUS}v${vLength - 2 * RADIUS}a${RADIUS},${RADIUS} 0 0 1 ${-RADIUS},${RADIUS}h${-hLength}a${RADIUS},${RADIUS} 0 0 1 ${-RADIUS},${-RADIUS}v${2 * RADIUS - vLength}a${RADIUS},${RADIUS} 0 0 1 ${RADIUS},${-RADIUS}zM${innerStartX},${innerStartY}v${innerVLength - RADIUS}a${RADIUS},${RADIUS} 0 0 0 ${RADIUS},${RADIUS}h${innerHLength - 2 * RADIUS}a${RADIUS},${RADIUS} 0 0 0 ${RADIUS},${-RADIUS}v${RADIUS - innerVLength}a${RADIUS},${RADIUS} 0 0 0 ${-RADIUS},${-RADIUS}h${2 * RADIUS - innerHLength}a${RADIUS},${RADIUS} 0 0 0 ${-RADIUS},${RADIUS}z`;
 };
-/**
- * calculate the position of value marker label
- * @method positionLabel
- * @param {Object} input
- * @param {Number} input.x
- * @param {Number} input.y
- * @param {Number} input.length   gauge thickness
- * @param {String} input.orientation
- * @return {Object} positions
- * @return {Number} positions.labelRectX  x of value marker label rect
- * @return {Number} positions.labelRectY  y of value marker label rect
- * @return {Number} positions.labelX      x of value marker label text
- * @return {Number} positions.labelY      y of value marker label text
- */
-
-var positionLabel = function positionLabel(_ref2) {
-  var x = _ref2.x,
-      y = _ref2.y,
-      length = _ref2.length,
-      orientation = _ref2.orientation,
-      _ref2$alignCenter = _ref2.alignCenter,
-      alignCenter = _ref2$alignCenter === void 0 ? false : _ref2$alignCenter; // for horizontal view
-
-  var labelRectX = alignCenter ? x - MARKER_LABEL_WIDTH / 2 : x - MARKER_THICKNESS / 2 - MARKER_LABEL_WIDTH / 2;
-  var labelRectY = y + length;
-
-  if (orientation === 'vertical') {
+var positionLabel = ({ x, y, length, orientation, alignCenter = false }) => {
+  let labelRectX = alignCenter ? x - MARKER_LABEL_WIDTH / 2 : x - MARKER_THICKNESS / 2 - MARKER_LABEL_WIDTH / 2;
+  let labelRectY = y + length;
+  if (orientation === "vertical") {
     labelRectX = x + length;
     labelRectY = alignCenter ? y - MARKER_LABEL_HEIGHT / 2 : y - (MARKER_LABEL_HEIGHT - MARKER_THICKNESS) / 2;
   }
-
-  var labelX = labelRectX + MARKER_LABEL_WIDTH / 2;
-  var labelY = labelRectY + MARKER_LABEL_HEIGHT / 2;
-  return {
-    labelRectX: labelRectX,
-    labelRectY: labelRectY,
-    labelX: labelX,
-    labelY: labelY
-  };
+  const labelX = labelRectX + MARKER_LABEL_WIDTH / 2;
+  const labelY = labelRectY + MARKER_LABEL_HEIGHT / 2;
+  return { labelRectX, labelRectY, labelX, labelY };
 };
-
-var ValueMarker = function ValueMarker(_ref3) {
-  var props = _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, _ref3);
-
-  var x = props.x,
-      y = props.y,
-      length = props.length,
-      min = props.min,
-      max = props.max,
-      value = props.value,
-      orientation = props.orientation,
-      showValue = props.showValue,
-      usePercentageValue = props.usePercentageValue,
-      valueMarkerFillColor = props.valueMarkerFillColor,
-      valueMarkerLabelFillColor = props.valueMarkerLabelFillColor,
-      alignCenter = props.alignCenter;
-  var valueMarkerRectLength = length + DELTA_LENGTH;
-
-  var _positionLabel = positionLabel({
-    x: x,
-    y: y,
-    length: length,
-    orientation: orientation,
-    alignCenter: alignCenter
-  }),
-      labelRectX = _positionLabel.labelRectX,
-      labelRectY = _positionLabel.labelRectY,
-      labelX = _positionLabel.labelX,
-      labelY = _positionLabel.labelY;
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("g", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(ValueMarkerRect, {
-    "data-test": "value-marker-rect",
-    d: positionValueMarkerRect({
-      x: x,
-      y: y,
-      orientation: orientation,
-      valueMarkerRectLength: valueMarkerRectLength,
-      alignCenter: alignCenter
-    }),
-    valueMarkerFillColor: valueMarkerFillColor
-  }), showValue && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("g", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(ValueMarkerLabelRect, {
-    "data-test": "value-marker-label-rect",
-    x: labelRectX,
-    y: labelRectY,
-    width: MARKER_LABEL_WIDTH,
-    height: MARKER_LABEL_HEIGHT,
-    rx: RADIUS,
-    ry: RADIUS,
-    valueMarkerFillColor: valueMarkerFillColor
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(ValueMarkerLabel, {
-    "data-test": "value-marker-label",
-    x: labelX,
-    y: labelY,
-    valueMarkerLabelFillColor: valueMarkerLabelFillColor
-  }, usePercentageValue ? "".concat((value / (max - min) * 100).toFixed(2), "%") : Object(_splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_4__["formatNumber"])(value, 0, {
-    useThousandSeparators: true,
-    useTrendUnits: true
-  }))));
+var ValueMarker = (_a) => {
+  var props = __objRest(_a, []);
+  const {
+    x,
+    y,
+    length,
+    min,
+    max,
+    value,
+    orientation,
+    showValue,
+    usePercentageValue,
+    valueMarkerFillColor,
+    valueMarkerLabelFillColor,
+    alignCenter
+  } = props;
+  const valueMarkerRectLength = length + DELTA_LENGTH;
+  const { labelRectX, labelRectY, labelX, labelY } = positionLabel({
+    x,
+    y,
+    length,
+    orientation,
+    alignCenter
+  });
+  return /* @__PURE__ */ react_default.createElement("g", null, /* @__PURE__ */ react_default.createElement(
+    ValueMarkerRect,
+    {
+      "data-test": "value-marker-rect",
+      d: positionValueMarkerRect({ x, y, orientation, valueMarkerRectLength, alignCenter }),
+      valueMarkerFillColor
+    }
+  ), showValue && /* @__PURE__ */ react_default.createElement("g", null, /* @__PURE__ */ react_default.createElement(
+    ValueMarkerLabelRect,
+    {
+      "data-test": "value-marker-label-rect",
+      x: labelRectX,
+      y: labelRectY,
+      width: MARKER_LABEL_WIDTH,
+      height: MARKER_LABEL_HEIGHT,
+      rx: RADIUS,
+      ry: RADIUS,
+      valueMarkerFillColor
+    }
+  ), /* @__PURE__ */ react_default.createElement(
+    ValueMarkerLabel,
+    {
+      "data-test": "value-marker-label",
+      x: labelX,
+      y: labelY,
+      valueMarkerLabelFillColor
+    },
+    usePercentageValue ? `${(value / (max - min) * 100).toFixed(2)}%` : (0, numberUtils_exports.formatNumber)(value, 0, {
+      useThousandSeparators: true,
+      useTrendUnits: true
+    })
+  )));
 };
-
 ValueMarker.propTypes = {
-  x: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
-  y: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
-  length: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
-  min: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
-  max: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
-  value: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
-  orientation: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,
-  showValue: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
-  usePercentageValue: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
-  valueMarkerFillColor: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,
-  valueMarkerLabelFillColor: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,
-  alignCenter: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool
+  x: prop_types_default.number,
+  y: prop_types_default.number,
+  length: prop_types_default.number,
+  min: prop_types_default.number,
+  max: prop_types_default.number,
+  value: prop_types_default.number,
+  orientation: prop_types_default.string,
+  showValue: prop_types_default.bool,
+  usePercentageValue: prop_types_default.bool,
+  valueMarkerFillColor: prop_types_default.string,
+  valueMarkerLabelFillColor: prop_types_default.string,
+  alignCenter: prop_types_default.bool
 };
 ValueMarker.defaultProps = {
   min: 0,
   max: 100,
-  orientation: 'horizontal',
+  orientation: "horizontal",
   showValue: true,
   usePercentageValue: false,
   alignCenter: false
 };
-/* harmony default export */ __webpack_exports__["default"] = (ValueMarker);
-
-/***/ }),
-
-/***/ 9:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualizations-shared/numberUtils");
-
-/***/ })
-
-/******/ });
-//# sourceMappingURL=GaugeValueMarker.js.map
+var GaugeValueMarker_default = ValueMarker;
+//# sourceMappingURL=GaugeValueMarker.js.map