@splunk/visualizations 26.2.1 → 26.4.0

package/SingleValue.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 489);
+/******/ 	return __webpack_require__(__webpack_require__.s = 477);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -95,70 +95,25 @@ module.exports =
 /***/ 0:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("prop-types");
 
 /***/ }),
 
 /***/ 1:
 /***/ (function(module, exports) {
 
-module.exports = require("prop-types");
+module.exports = require("react");
 
 /***/ }),
 
 /***/ 10:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/classCallCheck");
-
-/***/ }),
-
-/***/ 102:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TrellisTitle = exports.TRELLIS_TITLE_HEIGHT = void 0;
-
-var React = __webpack_require__(0);
-
-var styled_components_1 = __webpack_require__(4);
-
-exports.TRELLIS_TITLE_HEIGHT = 28;
-var TrellisTitleText = styled_components_1.default.div.withConfig({
-  displayName: "TrellisTitle__TrellisTitleText",
-  componentId: "sc-2cu404-0"
-})(["margin-left:10px;margin-right:10px;padding-top:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;"]);
-var TrellisTitleDiv = styled_components_1.default.div.withConfig({
-  displayName: "TrellisTitle__TrellisTitleDiv",
-  componentId: "sc-2cu404-1"
-})(["height:", "px;font-size:14px;font-weight:700;color:", ";background-color:", ";box-shadow:0 1px ", ";"], exports.TRELLIS_TITLE_HEIGHT, function (props) {
-  return props.fontColor;
-}, function (props) {
-  return props.backgroundColor;
-}, function (props) {
-  return props.backgroundColor;
-});
-
-var TrellisTitle = function TrellisTitle(props) {
-  var titleText = String(props.trellisKey).toString();
-  return React.createElement(TrellisTitleDiv, {
-    fontColor: props.fontColor,
-    backgroundColor: props.backgroundColor,
-    "data-test": "trellis-title",
-    title: titleText
-  }, React.createElement(TrellisTitleText, null, titleText));
-};
-
-exports.TrellisTitle = TrellisTitle;
+module.exports = require("@splunk/visualizations-shared/numberUtils");
 
 /***/ }),
 
-/***/ 104:
+/***/ 101:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -169,15 +124,15 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, "SingleValueTrendValue", function() { return /* binding */ SingleValueTrendValue; });
 
 // EXTERNAL MODULE: external "@babel/runtime/helpers/extends"
-var extends_ = __webpack_require__(70);
+var extends_ = __webpack_require__(68);
 var extends_default = /*#__PURE__*/__webpack_require__.n(extends_);
 
 // EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(0);
+var external_react_ = __webpack_require__(1);
 var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 
 // EXTERNAL MODULE: external "prop-types"
-var external_prop_types_ = __webpack_require__(1);
+var external_prop_types_ = __webpack_require__(0);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -185,18 +140,18 @@ var external_styled_components_ = __webpack_require__(4);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: ./src/common/utils/singleValueUtils.js
-var singleValueUtils = __webpack_require__(20);
+var singleValueUtils = __webpack_require__(19);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ArrowUp"
-var ArrowUp_ = __webpack_require__(108);
+var ArrowUp_ = __webpack_require__(105);
 var ArrowUp_default = /*#__PURE__*/__webpack_require__.n(ArrowUp_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ArrowDown"
-var ArrowDown_ = __webpack_require__(109);
+var ArrowDown_ = __webpack_require__(106);
 var ArrowDown_default = /*#__PURE__*/__webpack_require__.n(ArrowDown_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(2);
+var i18n_ = __webpack_require__(3);
 
 // CONCATENATED MODULE: ./src/SingleValueBasic/TrendValue.jsx
 
@@ -208,7 +163,7 @@ var i18n_ = __webpack_require__(2);
 
 var Column = external_styled_components_default.a.div.withConfig({
   displayName: "TrendValue__Column",
-  componentId: "yd2lvy-0"
+  componentId: "sc-yd2lvy-0"
 })(["display:flex;flex-direction:row;justify-content:", ";height:", "px;", ";"], function (props) {
   return props.justify || 'flex-end';
 }, function (props) {
@@ -218,7 +173,7 @@ var Column = external_styled_components_default.a.div.withConfig({
 });
 var Text = external_styled_components_default.a.div.withConfig({
   displayName: "TrendValue__Text",
-  componentId: "yd2lvy-1"
+  componentId: "sc-yd2lvy-1"
 })(["white-space:nowrap;font-size:", "px;color:", ";font-family:", ";height:", "px;line-height:", "px;display:flex;align-self:baseline;", ";"], function (props) {
   return props.size || 12;
 }, function (props) {
@@ -271,7 +226,7 @@ TrendValue_SingleValueContent.propTypes = {
 };
 /* harmony default export */ var TrendValue = (TrendValue_SingleValueContent);
 // EXTERNAL MODULE: external "cssesc"
-var external_cssesc_ = __webpack_require__(110);
+var external_cssesc_ = __webpack_require__(107);
 var external_cssesc_default = /*#__PURE__*/__webpack_require__.n(external_cssesc_);
 
 // CONCATENATED MODULE: ./src/SingleValueBasic/MajorValue.jsx
@@ -282,7 +237,7 @@ var external_cssesc_default = /*#__PURE__*/__webpack_require__.n(external_cssesc
 
 var Row = external_styled_components_default.a.div.withConfig({
   displayName: "MajorValue__Row",
-  componentId: "shlzpv-0"
+  componentId: "sc-shlzpv-0"
 })(["display:flex;flex-direction:row;align-items:flex-end;justify-content:left;height:", "px;line-height:", "px;"], function (props) {
   return props.size;
 }, function (props) {
@@ -290,7 +245,7 @@ var Row = external_styled_components_default.a.div.withConfig({
 });
 var MajorValue_Text = external_styled_components_default.a.div.withConfig({
   displayName: "MajorValue__Text",
-  componentId: "shlzpv-1"
+  componentId: "sc-shlzpv-1"
 })(["white-space:nowrap;height:100%;font-size:", "px;color:", ";font-family:", ";font-weight:bold;&:hover{text-decoration:", ";cursor:", ";}", ""], function (props) {
   return props.size || 12;
 }, function (props) {
@@ -381,11 +336,11 @@ MajorValue_SingleValueContent.propTypes = {
 
 var SingleValueBasic_Column = external_styled_components_default.a.div.withConfig({
   displayName: "SingleValueBasic__Column",
-  componentId: "k0nwrx-0"
+  componentId: "sc-k0nwrx-0"
 })(["display:flex;flex-direction:column;align-self:center;justify-content:center;"]);
 var SingleValueBasic_Row = external_styled_components_default.a.div.withConfig({
   displayName: "SingleValueBasic__Row",
-  componentId: "k0nwrx-1"
+  componentId: "sc-k0nwrx-1"
 })(["display:flex;flex-direction:row;align-items:", ";justify-content:", ";"], function (props) {
   return props.alignItems || 'center';
 }, function (props) {
@@ -393,7 +348,7 @@ var SingleValueBasic_Row = external_styled_components_default.a.div.withConfig({
 });
 var SingleValueBasic_Text = external_styled_components_default.a.div.withConfig({
   displayName: "SingleValueBasic__Text",
-  componentId: "k0nwrx-2"
+  componentId: "sc-k0nwrx-2"
 })(["font-weight:normal;white-space:nowrap;font-size:", "px;color:", ";font-family:", ";height:", "px;line-height:1.2;margin:", ";"], function (props) {
   return props.size || 12;
 }, function (props) {
@@ -477,61 +432,61 @@ var SingleValueTrendValue = TrendValue;
 
 /***/ }),
 
-/***/ 107:
+/***/ 104:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/trellisUtils");
 
 /***/ }),
 
-/***/ 108:
+/***/ 105:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/ArrowUp");
 
 /***/ }),
 
-/***/ 109:
+/***/ 106:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/ArrowDown");
 
 /***/ }),
 
-/***/ 11:
+/***/ 107:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/numberUtils");
+module.exports = require("cssesc");
 
 /***/ }),
 
-/***/ 110:
+/***/ 108:
 /***/ (function(module, exports) {
 
-module.exports = require("cssesc");
+module.exports = require("@babel/runtime/helpers/assertThisInitialized");
 
 /***/ }),
 
-/***/ 111:
+/***/ 11:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/assertThisInitialized");
+module.exports = require("@splunk/visualizations-shared/Message");
 
 /***/ }),
 
-/***/ 114:
+/***/ 111:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
+/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28);
 /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
 
 
 var StaticBackgroundColorEditor = {
-  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Background'),
+  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Background color'),
   option: 'backgroundColor',
   editor: 'editor.color',
   showEditor: function showEditor(_ref) {
@@ -543,47 +498,47 @@ var StaticBackgroundColorEditor = {
 
 /***/ }),
 
-/***/ 117:
+/***/ 113:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Paginator");
 
 /***/ }),
 
-/***/ 118:
+/***/ 114:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(70);
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(68);
 /* 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 _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10);
+/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
 /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(25);
+/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(24);
 /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(111);
+/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(108);
 /* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(94);
+/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(91);
 /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(95);
+/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(92);
 /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(85);
+/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(82);
 /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(12);
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(0);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(0);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(1);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(3);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_10__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(4);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var _splunk_react_ui_Popover__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(84);
+/* harmony import */ var _splunk_react_ui_Popover__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(81);
 /* harmony import */ var _splunk_react_ui_Popover__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Popover__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(2);
+/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(3);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var _splunk_ui_utils_id__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(31);
+/* harmony import */ var _splunk_ui_utils_id__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(30);
 /* harmony import */ var _splunk_ui_utils_id__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_id__WEBPACK_IMPORTED_MODULE_14__);
 
 
@@ -1195,19 +1150,19 @@ _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(Spa
 /***/ 12:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/Message");
+module.exports = require("@babel/runtime/helpers/defineProperty");
 
 /***/ }),
 
-/***/ 123:
+/***/ 121:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDynamicTrendColorEditor", function() { return getDynamicTrendColorEditor; });
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
+/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28);
 /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
 
 
@@ -1244,15 +1199,15 @@ var getDynamicTrendColorEditor = function getDynamicTrendColorEditor(_ref) {
 
 /***/ }),
 
-/***/ 124:
+/***/ 122:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDynamicBackgroundColorEditor", function() { return getDynamicBackgroundColorEditor; });
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
+/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28);
 /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
 
 
@@ -1260,7 +1215,7 @@ var getDynamicBackgroundColorEditor = function getDynamicBackgroundColorEditor(_
   var defaultContext = _ref.defaultContext,
       defaultPalettesConfig = _ref.defaultPalettesConfig;
   return {
-    label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Background'),
+    label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Background color'),
     option: 'backgroundColor',
     context: 'backgroundColorEditorConfig',
     editor: 'editor.dynamicColor',
@@ -1299,12 +1254,12 @@ var getDynamicBackgroundColorEditor = function getDynamicBackgroundColorEditor(_
 
 /***/ }),
 
-/***/ 125:
+/***/ 123:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
 
 var StaticMajorAndTrendLayout = [[{
@@ -1350,14 +1305,14 @@ var StaticMajorAndTrendLayout = [[{
 
 /***/ }),
 
-/***/ 126:
+/***/ 124:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
+/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28);
 /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
 
 
@@ -1374,14 +1329,14 @@ var StaticMajorColorEditor = {
 
 /***/ }),
 
-/***/ 127:
+/***/ 125:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
+/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28);
 /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
 
 
@@ -1402,7 +1357,7 @@ var StaticTrendColorEditor = {
 
 /***/ }),
 
-/***/ 128:
+/***/ 126:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1413,13 +1368,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TrellisBackgroundColorEditor = exports.TrellisEditorConfig = void 0;
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var i18n_1 = __webpack_require__(2);
+var i18n_1 = __webpack_require__(3);
 
-var FeatureFlagContext_1 = __webpack_require__(28);
+var FeatureFlagContext_1 = __webpack_require__(27);
 
-var layoutUtils_1 = __webpack_require__(80);
+var visualization_schemas_1 = __webpack_require__(9);
 /* eslint-disable react-hooks/rules-of-hooks */
 
 
@@ -1443,7 +1398,7 @@ exports.TrellisEditorConfig = [[{
     var options = _ref.options;
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
     var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
-    return isTrellisFeatureFlagOn && options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
+    return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
   }
 }], [{
   label: (0, i18n_1._)('Number of columns'),
@@ -1457,7 +1412,7 @@ exports.TrellisEditorConfig = [[{
     var options = _ref2.options;
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
     var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
-    return isTrellisFeatureFlagOn && options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
+    return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
   }
 }], [{
   label: (0, i18n_1._)('Min column width'),
@@ -1470,7 +1425,7 @@ exports.TrellisEditorConfig = [[{
     var options = _ref3.options;
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
     var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
-    return isTrellisFeatureFlagOn && options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
+    return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
   }
 }, {
   label: (0, i18n_1._)('Row height'),
@@ -1483,7 +1438,7 @@ exports.TrellisEditorConfig = [[{
     var options = _ref4.options;
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
     var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
-    return isTrellisFeatureFlagOn && options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
+    return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
   }
 }], [{
   label: (0, i18n_1._)('Max number of components per page'),
@@ -1496,7 +1451,7 @@ exports.TrellisEditorConfig = [[{
     var options = _ref5.options;
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
     var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
-    return isTrellisFeatureFlagOn && options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
+    return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
   }
 }]];
 exports.TrellisBackgroundColorEditor = {
@@ -1507,19 +1462,19 @@ exports.TrellisBackgroundColorEditor = {
     var options = _ref6.options;
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
     var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
-    return isTrellisFeatureFlagOn && options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
+    return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
   }
 };
 
 /***/ }),
 
-/***/ 129:
+/***/ 127:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(7);
+var _slicedToArray = __webpack_require__(5);
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
@@ -1538,45 +1493,45 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var react_1 = __webpack_require__(0);
+var react_1 = __webpack_require__(1);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
 var styled_components_1 = __webpack_require__(4);
 
-var Paginator_1 = __webpack_require__(117);
+var Paginator_1 = __webpack_require__(113);
 
-var i18n_1 = __webpack_require__(2);
+var i18n_1 = __webpack_require__(3);
 
-var themes_1 = __webpack_require__(82);
+var themes_1 = __webpack_require__(79);
 
-var useSplunkTheme_1 = __webpack_require__(78);
+var useSplunkTheme_1 = __webpack_require__(76);
 
-var FeatureFlagContext_1 = __webpack_require__(28);
+var FeatureFlagContext_1 = __webpack_require__(27);
 
-var SizeAwareWrapper_1 = __webpack_require__(26);
+var SizeAwareWrapper_1 = __webpack_require__(25);
 
 var style_1 = __webpack_require__(18);
 
-var Message_1 = __webpack_require__(12);
+var Message_1 = __webpack_require__(11);
 
-var trellisUtils_1 = __webpack_require__(107);
+var trellisUtils_1 = __webpack_require__(104);
 
-var hocUtils_1 = __webpack_require__(34);
+var hocUtils_1 = __webpack_require__(33);
 
-var JSONSchemaUtils_1 = __webpack_require__(35);
+var JSONSchemaUtils_1 = __webpack_require__(34);
 
-var Options_1 = __webpack_require__(16);
+var visualization_schemas_1 = __webpack_require__(9);
 
-var trellisUtils_2 = __webpack_require__(130);
+var Options_1 = __webpack_require__(16);
 
-var layoutUtils_1 = __webpack_require__(80);
+var trellisUtils_2 = __webpack_require__(128);
 
 var TrellisContainer = styled_components_1.default.div.withConfig({
   displayName: "withTrellis__TrellisContainer",
-  componentId: "pjmeig-0"
+  componentId: "sc-pjmeig-0"
 })(["overflow:hidden;display:flex;flex-direction:column;background-color:", ";", ";> [data-test='paginator']{align-self:flex-end;margin-bottom:10px;}"], function (props) {
   return props.backgroundColor;
 }, function (props) {
@@ -1584,7 +1539,7 @@ var TrellisContainer = styled_components_1.default.div.withConfig({
 });
 var TrellisContainerGrid = styled_components_1.default.div.withConfig({
   displayName: "withTrellis__TrellisContainerGrid",
-  componentId: "pjmeig-1"
+  componentId: "sc-pjmeig-1"
 })(["display:grid;height:", ";gap:10px 10px;grid-template-columns:", ";overflow:auto;justify-items:stretch;grid-auto-rows:", ";.child{height:", ";}"], function (props) {
   return "".concat(props.height, "px");
 }, function (props) {
@@ -1732,11 +1687,11 @@ var withTrellis = function withTrellis(Viz) {
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
     var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
 
-    if (!isTrellisFeatureFlagOn || !splitByLayout || splitByLayout !== layoutUtils_1.LAYOUT_TYPE.Trellis) {
+    if (!isTrellisFeatureFlagOn || !splitByLayout || splitByLayout !== visualization_schemas_1.LAYOUT_TYPE.Trellis) {
       return React.createElement(Viz, Object.assign({}, opts));
     }
 
-    if (splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis) {
+    if (splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis) {
       if (noColumns || noFields) {
         return React.createElement(Message_1.default, {
           width: width,
@@ -1820,29 +1775,22 @@ exports.default = withTrellis;
 
 /***/ }),
 
-/***/ 13:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/themes/variables");
-
-/***/ }),
-
-/***/ 130:
+/***/ 128:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(8);
+var _toConsumableArray = __webpack_require__(6);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTrellisDataSourcesBySplitMode = exports.dataSourcesSplitByModeStatsorUnknown = exports.dataSourcesSplitByModeChart = exports.dataSourcesSplitByModeTimechart = exports.dataSourcesSplitByAggregationsStats = exports.dataSourcesSplitByAggregationsTimechartAndChart = exports.dataSourcesSplitByAggregationsUnknown = exports.AGGREGATIONS = void 0;
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
-var trellisUtils_1 = __webpack_require__(107);
+var trellisUtils_1 = __webpack_require__(104);
 
 exports.AGGREGATIONS = 'aggregations';
 /**
@@ -2308,6 +2256,7 @@ var getTrellisDataSourcesBySplitMode = function getTrellisDataSourcesBySplitMode
       result = trellisSplitBy === exports.AGGREGATIONS ? (0, exports.dataSourcesSplitByAggregationsUnknown)(dataSources) : (0, exports.dataSourcesSplitByModeStatsorUnknown)(dataSources, trellisSplitBy, trellisUtils_1.UNKNOWN);
     }
   } catch (ex) {
+    // eslint-disable-next-line no-console
     console.error('getTrellisDataSourcesBySplitMode ', ex);
     result = {
       splitDataSources: null,
@@ -2322,14 +2271,21 @@ exports.getTrellisDataSourcesBySplitMode = getTrellisDataSourcesBySplitMode;
 
 /***/ }),
 
-/***/ 131:
+/***/ 129:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/pick");
 
 /***/ }),
 
-/***/ 132:
+/***/ 13:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/themes/variables");
+
+/***/ }),
+
+/***/ 130:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/isEmpty");
@@ -2347,9 +2303,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.downsampleDataSources = exports.calculateDownsamplingThreshold = exports.calculateThresholdOnRangeSelect = exports.isDownsamplingEnabledForViz = exports.convertToArrOfObjects = void 0;
 
-var numberUtils_1 = __webpack_require__(11);
+var numberUtils_1 = __webpack_require__(10);
 
-var interfaces_1 = __webpack_require__(40); // TODO: utilize this fn in ParallelCoordinates
+var interfaces_1 = __webpack_require__(39); // TODO: utilize this fn in ParallelCoordinates
 
 
 var convertToArrOfObjects = function convertToArrOfObjects(columns, fields) {
@@ -2484,19 +2440,21 @@ var largestTriangleThreeBuckets = function largestTriangleThreeBuckets(data, thr
  */
 
 
-var strictlyCoerceYColumn = function strictlyCoerceYColumn(column) {
-  // Splunk charting allows for numbers in formats such as negative hex that
+var strictlyCoerceYColumn = function strictlyCoerceYColumn(column, options) {
+  var isNullCoercionEnabled = options.nullValueDisplay === 'zero'; // Splunk charting allows for numbers in formats such as negative hex that
   // Number() does not support and also allows loose coercion of hex numbers (but not other formats)
   // We want to identify columns which contain at least one value that can be loosely coerced
+
   var canLooselyCoerceSomeValues = column.findIndex(function (value) {
-    return (0, numberUtils_1.startsWithNumber)("".concat(value));
+    return (0, numberUtils_1.startsWithNumber)("".concat(value)) || isNullCoercionEnabled && value === null;
   }) >= 0; // If not all values in column can be strictly coerced to a number, we do not downsample
 
   var coercedColumn = [];
   var canDownsampleColumn = !column.some(function (value) {
-    var coercedValue = Number(value); // if it can't be parsed or isn't safe, fail
+    var coercedValue = Number(value);
+    var coerceValueToZero = isNullCoercionEnabled && value === null; // if it can't be parsed or isn't safe, fail
 
-    if (Number.isNaN(coercedValue) || coercedValue <= Number.MIN_SAFE_INTEGER || coercedValue >= Number.MAX_SAFE_INTEGER || typeof value !== 'string' && typeof value !== 'number') {
+    if (Number.isNaN(coercedValue) || coercedValue <= Number.MIN_SAFE_INTEGER || coercedValue >= Number.MAX_SAFE_INTEGER || typeof value !== 'string' && typeof value !== 'number' && !coerceValueToZero) {
       return true;
     } // save value and continue to next
 
@@ -2577,8 +2535,7 @@ var calculateDownsamplingThreshold = function calculateDownsamplingThreshold(_re
       dataSources = _ref3.dataSources,
       selectChartEvent = _ref3.selectChartEvent,
       width = _ref3.width,
-      xField = _ref3.xField,
-      y2Fields = _ref3.y2Fields;
+      xField = _ref3.xField;
 
   var _a, _b, _c;
 
@@ -2615,14 +2572,7 @@ var calculateDownsamplingThreshold = function calculateDownsamplingThreshold(_re
     });
     var lastIndex = fullSeries.findIndex(function (x) {
       return downsampledSeries[endXIndex] === x;
-    }); // For charts with categorical x-axis (charts with an xField that isn't _time), do not support
-    // re-calculating downsampling threshold if the chart is zoomed in until SPL-259458 is fixed
-    // Also do not support re-calculating downsampling threshold for zoomed-in charts with y2
-    // until SPL-259611 is fixed
-
-    if (xField !== '_time' || (y2Fields === null || y2Fields === void 0 ? void 0 : y2Fields.length)) {
-      return firstIndex === 0 && lastIndex === fullSeries.length - 1 ? width : null;
-    }
+    });
 
     if (firstIndex >= 0 && lastIndex >= 0 && firstIndex <= lastIndex) {
       return (0, exports.calculateThresholdOnRangeSelect)({
@@ -2633,6 +2583,7 @@ var calculateDownsamplingThreshold = function calculateDownsamplingThreshold(_re
       });
     }
   } catch (e) {
+    // eslint-disable-next-line no-console
     console.error('Error occurred while setting downsample threshold on range select event', e);
   }
 
@@ -2671,7 +2622,7 @@ var isColumnStrictlyIncreasing = function isColumnStrictlyIncreasing(column, fie
  */
 
 
-var tryToCoerceAllDisplayedFields = function tryToCoerceAllDisplayedFields(ds, xField, yFields, fieldTypes) {
+var tryToCoerceAllDisplayedFields = function tryToCoerceAllDisplayedFields(ds, xField, yFields, fieldTypes, options) {
   var xColumn = [];
   var yColumns = [];
   var canDownsample = !ds.data.fields.some(function (field, index) {
@@ -2685,7 +2636,7 @@ var tryToCoerceAllDisplayedFields = function tryToCoerceAllDisplayedFields(ds, x
     if (fieldName === xField) {
       xColumn = strictlyCoerceXColumn(column, fieldType);
     } else if (yFields.has(fieldName)) {
-      var _strictlyCoerceYColum = strictlyCoerceYColumn(ds.data.columns[index]),
+      var _strictlyCoerceYColum = strictlyCoerceYColumn(ds.data.columns[index], options),
           coercedColumn = _strictlyCoerceYColum.coercedColumn,
           canLooselyCoerceSomeValues = _strictlyCoerceYColum.canLooselyCoerceSomeValues,
           canDownsampleColumn = _strictlyCoerceYColum.canDownsampleColumn; // do not perform downsampling if a column can possibly be displayed but cannot
@@ -2775,7 +2726,7 @@ var downsampleDataSources = function downsampleDataSources(_ref4) {
     return dataSources;
   }
 
-  var _tryToCoerceAllDispla = tryToCoerceAllDisplayedFields(primaryDS, xField, nonInternalYFields, fieldTypes),
+  var _tryToCoerceAllDispla = tryToCoerceAllDisplayedFields(primaryDS, xField, nonInternalYFields, fieldTypes, options),
       xColumn = _tryToCoerceAllDispla.xColumn,
       yColumns = _tryToCoerceAllDispla.yColumns;
 
@@ -2799,6 +2750,7 @@ var downsampleDataSources = function downsampleDataSources(_ref4) {
         return downsampledIndices.add(downsampleIndex);
       });
     } catch (e) {
+      // eslint-disable-next-line no-console
       console.error("Error occurred while downsampling column ".concat(columnIndex), e);
     }
   }); // update data columns with downsampled columns
@@ -2818,7 +2770,7 @@ module.exports = require("@splunk/visualizations-shared/colorUtils");
 
 /***/ }),
 
-/***/ 157:
+/***/ 153:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2863,15 +2815,15 @@ exports.defaultContext = {
 
 /***/ }),
 
-/***/ 158:
+/***/ 154:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDynamicMajorColorEditor", function() { return getDynamicMajorColorEditor; });
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
+/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28);
 /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
 
 
@@ -2927,13 +2879,13 @@ module.exports = require("@splunk/visualization-encoding/Options");
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(7);
+var _slicedToArray = __webpack_require__(5);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
@@ -2941,7 +2893,7 @@ var style_1 = __webpack_require__(18);
 
 var colorUtils_1 = __webpack_require__(15);
 
-var SizeAwareWrapper_1 = __webpack_require__(26);
+var SizeAwareWrapper_1 = __webpack_require__(25);
 
 var Item = styled_components_1.default.div.attrs(function (_ref) {
   var width = _ref.width;
@@ -3012,7 +2964,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "26.2.1 - 714383dbb",
+      "data-splunk-visualization-version": "26.4.0 - 04078274d",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -3042,29 +2994,6 @@ module.exports = require("@splunk/visualizations-shared/style");
 /***/ }),
 
 /***/ 19:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validOutputModes = exports.validSegmentationModes = exports.validSortDirs = void 0;
-exports.validSortDirs = ['asc', 'desc', 'none'];
-exports.validSegmentationModes = ['none', 'inner'];
-exports.validOutputModes = ['json_cols', 'json'];
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
-/***/ }),
-
-/***/ 20:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -3100,17 +3029,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lighten", function() { return lighten; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "darken", function() { return darken; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "handleValueClickCallback", function() { return handleValueClickCallback; });
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11);
+/* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(10);
 /* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(76);
+/* harmony import */ var _splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(73);
 /* harmony import */ var _splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(36);
+/* harmony import */ var _splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(35);
 /* harmony import */ var _splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(71);
+/* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(69);
 /* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5__);
 
 
@@ -3360,7 +3289,7 @@ var computeColors = function computeColors(props, defaultColors) {
  * @param {Number} props.value                    // The major/trend value
  * @param {Number} props.numberPrecision
  * @param {Bool} props.shouldUseThousandSeparators
- * @param {Bool} props.shouldAbbreviateTrendValue
+ * @param {Bool} props.shouldAbbreviateValue
  * @returns {Number} major or trend text
  */
 
@@ -3368,11 +3297,11 @@ var computeText = function computeText(_ref4) {
   var value = _ref4.value,
       numberPrecision = _ref4.numberPrecision,
       shouldUseThousandSeparators = _ref4.shouldUseThousandSeparators,
-      shouldAbbreviateTrendValue = _ref4.shouldAbbreviateTrendValue;
+      shouldAbbreviateValue = _ref4.shouldAbbreviateValue;
   var text = Object(_splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__["isNumerial"])(value) ? Object(_splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__["formatNumber"])(value, numberPrecision, {
     useThousandSeparators: shouldUseThousandSeparators,
     // todo: need update formatNumber
-    useTrendUnits: shouldAbbreviateTrendValue
+    useTrendUnits: shouldAbbreviateValue
   }) : value; // When text is undefined, return empty string
 
   text = text || '';
@@ -3384,19 +3313,21 @@ var computeText = function computeText(_ref4) {
  * @param {Number} props.majorValue
  * @param {Number} props.numberPrecision
  * @param {Bool} props.shouldUseThousandSeparators
+ * @param {Bool} props.shouldAbbreviateMajorValue
  * @returns {String} majorText
  */
 
 var getMajorText = function getMajorText(_ref5) {
   var majorValue = _ref5.majorValue,
       numberPrecision = _ref5.numberPrecision,
-      shouldUseThousandSeparators = _ref5.shouldUseThousandSeparators;
+      shouldUseThousandSeparators = _ref5.shouldUseThousandSeparators,
+      shouldAbbreviateMajorValue = _ref5.shouldAbbreviateMajorValue;
   return computeText({
     value: majorValue === null ? 'N/A' : majorValue,
     // if majorValue is null, use `N/A`.
     numberPrecision: numberPrecision,
     shouldUseThousandSeparators: shouldUseThousandSeparators,
-    shouldAbbreviateTrendValue: false
+    shouldAbbreviateValue: shouldAbbreviateMajorValue
   });
 };
 /*
@@ -3424,7 +3355,7 @@ var getTrendText = function getTrendText(_ref6) {
       value: value,
       numberPrecision: numberPrecision,
       shouldUseThousandSeparators: shouldUseThousandSeparators,
-      shouldAbbreviateTrendValue: shouldAbbreviateTrendValue
+      shouldAbbreviateValue: shouldAbbreviateTrendValue
     });
   };
 
@@ -3568,6 +3499,7 @@ var getUnderLabel = function getUnderLabel(_ref10) {
  * @param {Number} props.numberPrecision
  * @param {Bool} props.shouldUseThousandSeparators
  * @param {Bool} props.shouldAbbreviateTrendValue
+ * @param {Bool} props.shouldAbbreviateMajorValue
  * @returns {Number, Number, Number, Number} Major text, trend text, major text size, trend text size
  */
 
@@ -3582,14 +3514,16 @@ var getMajorAndTrend = function getMajorAndTrend(_ref11) {
       unit = _ref11.unit,
       numberPrecision = _ref11.numberPrecision,
       shouldUseThousandSeparators = _ref11.shouldUseThousandSeparators,
-      shouldAbbreviateTrendValue = _ref11.shouldAbbreviateTrendValue;
+      shouldAbbreviateTrendValue = _ref11.shouldAbbreviateTrendValue,
+      shouldAbbreviateMajorValue = _ref11.shouldAbbreviateMajorValue;
   var majorTextSpaceRatio = Object(_splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__["isNumerial"])(trendValue) && shouldShowTrend(trendDisplay) ? 0.6 : 1;
   var textContentWidth = width * 0.9;
   var textContentHeight = height * 0.9;
   var majorText = getMajorText({
     majorValue: majorValue,
     numberPrecision: numberPrecision,
-    shouldUseThousandSeparators: shouldUseThousandSeparators
+    shouldUseThousandSeparators: shouldUseThousandSeparators,
+    shouldAbbreviateMajorValue: shouldAbbreviateMajorValue
   });
   var majorTextFontSize = majorFontSize || getMajorFontSize({
     width: textContentWidth,
@@ -3715,6 +3649,7 @@ var updateVizInSmallSpace = function updateVizInSmallSpace(_ref12) {
  * @param {Number} props.numberPrecision
  * @param {Bool} props.shouldUseThousandSeparators
  * @param {Bool} props.shouldAbbreviateTrendValue
+ * @param {Bool} props.shouldAbbreviateMajorValue
  * @param {Object} props.toRemoveList
  * @returns {Object} results
  * @returns {String} results.majorText
@@ -3739,6 +3674,7 @@ var computeSingleValueContent = function computeSingleValueContent(_ref13) {
       numberPrecision = _ref13.numberPrecision,
       shouldUseThousandSeparators = _ref13.shouldUseThousandSeparators,
       shouldAbbreviateTrendValue = _ref13.shouldAbbreviateTrendValue,
+      shouldAbbreviateMajorValue = _ref13.shouldAbbreviateMajorValue,
       toRemoveList = _ref13.toRemoveList;
 
   var _getMajorAndTrend = getMajorAndTrend({
@@ -3752,7 +3688,8 @@ var computeSingleValueContent = function computeSingleValueContent(_ref13) {
     unit: unit,
     numberPrecision: numberPrecision,
     shouldUseThousandSeparators: shouldUseThousandSeparators,
-    shouldAbbreviateTrendValue: shouldAbbreviateTrendValue
+    shouldAbbreviateTrendValue: shouldAbbreviateTrendValue,
+    shouldAbbreviateMajorValue: shouldAbbreviateMajorValue
   }),
       majorText = _getMajorAndTrend.majorText,
       trendText = _getMajorAndTrend.trendText,
@@ -3841,6 +3778,7 @@ var minimallyTruncateStringToWidth = function minimallyTruncateStringToWidth(_re
  * @param {Number} props.numberPrecision
  * @param {Bool} props.shouldUseThousandSeparators
  * @param {Bool} props.shouldAbbreviateTrendValue
+ * @param {Bool} props.shouldAbbreviateMajorValue,
  * @param {Object} props.toRemoveList
  * @param {Bool} props.smallViz
  * @returns {Object} results
@@ -3866,6 +3804,7 @@ var computeSingleValueRadialContent = function computeSingleValueRadialContent(_
       numberPrecision = _ref15.numberPrecision,
       shouldUseThousandSeparators = _ref15.shouldUseThousandSeparators,
       shouldAbbreviateTrendValue = _ref15.shouldAbbreviateTrendValue,
+      shouldAbbreviateMajorValue = _ref15.shouldAbbreviateMajorValue,
       smallViz = _ref15.smallViz;
 
   var _getMajorAndTrend2 = getMajorAndTrend({
@@ -3879,7 +3818,8 @@ var computeSingleValueRadialContent = function computeSingleValueRadialContent(_
     unit: unit,
     numberPrecision: numberPrecision,
     shouldUseThousandSeparators: shouldUseThousandSeparators,
-    shouldAbbreviateTrendValue: shouldAbbreviateTrendValue
+    shouldAbbreviateTrendValue: shouldAbbreviateTrendValue,
+    shouldAbbreviateMajorValue: shouldAbbreviateMajorValue
   }),
       majorText = _getMajorAndTrend2.majorText,
       trendText = _getMajorAndTrend2.trendText,
@@ -3910,7 +3850,8 @@ var computeSingleValueRadialContent = function computeSingleValueRadialContent(_
       trendDisplay: trendDisplay,
       numberPrecision: numberPrecision,
       shouldUseThousandSeparators: shouldUseThousandSeparators,
-      shouldAbbreviateTrendValue: shouldAbbreviateTrendValue
+      shouldAbbreviateTrendValue: shouldAbbreviateTrendValue,
+      shouldAbbreviateMajorValue: shouldAbbreviateMajorValue
     });
 
     majorText = _getMajorAndTrend3.majorText;
@@ -4093,15 +4034,37 @@ var handleValueClickCallback = function handleValueClickCallback(ev, majorValue,
 
 /***/ }),
 
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash");
+
+/***/ }),
+
+/***/ 20:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validOutputModes = exports.validSortDirs = void 0;
+exports.validSortDirs = ['asc', 'desc', 'none'];
+exports.validOutputModes = ['json_cols', 'json'];
+
+/***/ }),
+
 /***/ 21:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _classCallCheck = __webpack_require__(10);
+var _classCallCheck = __webpack_require__(8);
 
-var _createClass = __webpack_require__(25);
+var _createClass = __webpack_require__(24);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -4196,123 +4159,41 @@ exports.extendStaticWrapperProps = extendStaticWrapperProps;
 /***/ 24:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/schemaUtils");
-
-/***/ }),
-
-/***/ 25:
-/***/ (function(module, exports) {
-
 module.exports = require("@babel/runtime/helpers/createClass");
 
 /***/ }),
 
-/***/ 26:
+/***/ 25:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 
 /***/ }),
 
-/***/ 27:
+/***/ 26:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(8);
-
-var _defineProperty = __webpack_require__(9);
-
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
+var _toConsumableArray = __webpack_require__(6);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.insertLayout = exports.isDynamicOption = exports.uncollapseEditorConfig = exports.generatePrecisionValues = exports.getInitialPreset = exports.enhanceOptionsSchemaWithDynamicOptions = exports.enhanceConfig = void 0;
-
-var lodash_1 = __webpack_require__(3);
-
-var schemaUtils_1 = __webpack_require__(24);
-
-var VizBehavior_1 = __webpack_require__(6);
-
-var dynamicOptionsDSLType = {
-  type: 'string',
-  pattern: schemaUtils_1.DYNAMIC_OPTIONS_DSL_PATTERN
-};
-/**
- * Helper function to extend an options schema with dynamic options DSL
- * @param optionsSchema a visualization's options schema
- * @returns an updated options schema that additionally allows strings starting with > for each option
- */
+exports.insertLayout = exports.isDynamicOption = exports.uncollapseEditorConfig = exports.generatePrecisionValues = exports.getInitialPreset = exports.enhanceConfig = exports.enhanceOptionsSchemaWithDynamicOptions = void 0;
 
-function enhanceOptionsSchemaWithDynamicOptions(optionsSchema) {
-  var enhancedOptionsSchema = {};
-  Object.keys(optionsSchema).forEach(function (key) {
-    var _a = optionsSchema[key],
-        title = _a.title,
-        description = _a.description,
-        readOnly = _a.readOnly,
-        writeOnly = _a.writeOnly,
-        examples = _a.examples,
-        defaultValue = _a.default,
-        type = _a.type,
-        properties = _a.properties,
-        patternProperties = _a.patternProperties,
-        remainingSchemaEntry = __rest(_a, ["title", "description", "readOnly", "writeOnly", "examples", "default", "type", "properties", "patternProperties"]);
-
-    var annotations = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, title !== undefined && {
-      title: title
-    }), description !== undefined && {
-      description: description
-    }), readOnly !== undefined && {
-      readOnly: readOnly
-    }), writeOnly !== undefined && {
-      writeOnly: writeOnly
-    }), examples !== undefined && {
-      examples: examples
-    }), defaultValue !== undefined && {
-      default: defaultValue
-    });
+var lodash_1 = __webpack_require__(2); // included for backwards compatibility
 
-    if (type === 'object') {
-      enhancedOptionsSchema[key] = Object.assign(Object.assign(Object.assign(Object.assign({}, remainingSchemaEntry), annotations), {
-        type: type
-      }), properties && {
-        properties: enhanceOptionsSchemaWithDynamicOptions(properties)
-      });
 
-      if (patternProperties) {
-        var enhancedPatternProperties = {};
-        Object.keys(patternProperties).forEach(function (opt) {
-          enhancedPatternProperties = Object.assign(Object.assign({}, enhancedPatternProperties), enhanceOptionsSchemaWithDynamicOptions(_defineProperty({}, opt, patternProperties[opt])));
-        });
-        enhancedOptionsSchema[key].patternProperties = enhancedPatternProperties;
-      }
-    } else {
-      enhancedOptionsSchema[key] = Object.assign(Object.assign({}, annotations), {
-        anyOf: [Object.assign(Object.assign({}, type !== undefined && {
-          type: type
-        }), remainingSchemaEntry), dynamicOptionsDSLType]
-      });
-    }
-  });
-  return enhancedOptionsSchema;
-}
+var visualization_schemas_1 = __webpack_require__(9);
 
-exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamicOptions;
+Object.defineProperty(exports, "enhanceOptionsSchemaWithDynamicOptions", {
+  enumerable: true,
+  get: function get() {
+    return visualization_schemas_1.enhanceOptionsSchemaWithDynamicOptions;
+  }
+});
 /**
  * Helper function to enhance a Visualization Config as needed based on behaviors specified in supports block
  * this function also collapse all editor panels
@@ -4323,11 +4204,6 @@ exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamic
 
 function enhanceConfig(vizConfig) {
   var enhancedConfig = Object.assign({}, vizConfig);
-
-  if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.DYNAMIC_OPTIONS) !== -1) {
-    enhancedConfig.optionsSchema = enhanceOptionsSchemaWithDynamicOptions(vizConfig.optionsSchema);
-  }
-
   enhancedConfig.editorConfig = vizConfig.editorConfig.map(function (config) {
     return Object.assign(Object.assign({}, config), {
       open: config.open || false
@@ -4451,49 +4327,49 @@ exports.insertLayout = insertLayout;
 
 /***/ }),
 
-/***/ 28:
+/***/ 27:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/FeatureFlagContext");
 
 /***/ }),
 
-/***/ 29:
+/***/ 28:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/configUtils");
 
 /***/ }),
 
-/***/ 3:
+/***/ 29:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("@splunk/themes/pick");
 
 /***/ }),
 
-/***/ 30:
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/themes/pick");
+module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 31:
+/***/ 30:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 32:
+/***/ 31:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/TimezoneContext");
 
 /***/ }),
 
-/***/ 33:
+/***/ 32:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4503,7 +4379,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var react_1 = __webpack_require__(0);
+var react_1 = __webpack_require__(1);
 
 function usePrevious(value) {
   var ref = (0, react_1.useRef)();
@@ -4517,28 +4393,28 @@ exports.default = usePrevious;
 
 /***/ }),
 
-/***/ 34:
+/***/ 33:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/hocUtils");
 
 /***/ }),
 
-/***/ 35:
+/***/ 34:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
 
 /***/ }),
 
-/***/ 36:
+/***/ 35:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/propUtils");
 
 /***/ }),
 
-/***/ 37:
+/***/ 36:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4549,15 +4425,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.shouldShowIconPlaceholder = void 0;
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
-var i18n_1 = __webpack_require__(2);
+var i18n_1 = __webpack_require__(3);
 
-var Message_1 = __webpack_require__(12);
+var Message_1 = __webpack_require__(11);
 
 var FixedSizeContainer_1 = __webpack_require__(17);
 /**
@@ -4631,24 +4507,24 @@ exports.default = (0, FixedSizeContainer_1.default)(IconPlaceholder);
 
 /***/ }),
 
-/***/ 38:
+/***/ 37:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _defineProperty = __webpack_require__(9);
+var _defineProperty = __webpack_require__(12);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSortingParams = exports.SortParamsPropTypes = void 0;
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
-var DataSource_1 = __webpack_require__(19);
+var DataSource_1 = __webpack_require__(20);
 
 exports.SortParamsPropTypes = T.shape({
   currentSortKey: T.string,
@@ -4702,7 +4578,7 @@ exports.getSortingParams = getSortingParams;
 
 /***/ }),
 
-/***/ 39:
+/***/ 38:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4713,9 +4589,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getPaginationParams = exports.PaginatorParamsPropTypes = void 0;
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
 exports.PaginatorParamsPropTypes = T.shape({
   isPaging: T.bool,
@@ -4767,14 +4643,7 @@ exports.getPaginationParams = getPaginationParams;
 
 /***/ }),
 
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 40:
+/***/ 39:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4809,11 +4678,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
+__exportStar(__webpack_require__(40), exports);
+
 __exportStar(__webpack_require__(41), exports);
 
-__exportStar(__webpack_require__(42), exports);
+__exportStar(__webpack_require__(20), exports);
 
-__exportStar(__webpack_require__(19), exports);
+__exportStar(__webpack_require__(42), exports);
 
 __exportStar(__webpack_require__(43), exports);
 
@@ -4825,16 +4696,16 @@ __exportStar(__webpack_require__(46), exports);
 
 __exportStar(__webpack_require__(47), exports);
 
-__exportStar(__webpack_require__(48), exports);
-
-__exportStar(__webpack_require__(49), exports);
-
 __exportStar(__webpack_require__(21), exports);
 
-__exportStar(__webpack_require__(6), exports);
+__exportStar(__webpack_require__(7), exports);
 
 __exportStar(__webpack_require__(22), exports);
 
+__exportStar(__webpack_require__(48), exports);
+
+__exportStar(__webpack_require__(49), exports);
+
 __exportStar(__webpack_require__(50), exports);
 
 __exportStar(__webpack_require__(51), exports);
@@ -4843,13 +4714,16 @@ __exportStar(__webpack_require__(52), exports);
 
 __exportStar(__webpack_require__(53), exports);
 
-__exportStar(__webpack_require__(54), exports);
+/***/ }),
+
+/***/ 4:
+/***/ (function(module, exports) {
 
-__exportStar(__webpack_require__(55), exports);
+module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 41:
+/***/ 40:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4861,7 +4735,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 42:
+/***/ 41:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4876,7 +4750,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 43:
+/***/ 42:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4888,7 +4762,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 44:
+/***/ 43:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4900,7 +4774,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 45:
+/***/ 44:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4912,7 +4786,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 46:
+/***/ 45:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4924,7 +4798,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 47:
+/***/ 46:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4936,7 +4810,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 48:
+/***/ 47:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4948,7 +4822,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 489:
+/***/ 477:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4972,15 +4846,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.themes = exports.computeVizProps = exports.PureSingleValue = exports.config = void 0;
 
-var SingleValue_1 = __webpack_require__(514);
+var SingleValue_1 = __webpack_require__(502);
 
-var withDashboardViz_1 = __webpack_require__(56);
+var withDashboardViz_1 = __webpack_require__(54);
 
-var singleValueUtils_1 = __webpack_require__(20);
+var singleValueUtils_1 = __webpack_require__(19);
 
-var config_1 = __webpack_require__(490);
+var config_1 = __webpack_require__(478);
 
-var withTrellis_1 = __webpack_require__(129);
+var withTrellis_1 = __webpack_require__(127);
 
 exports.config = config_1.default;
 exports.PureSingleValue = SingleValue_1.default;
@@ -5023,72 +4897,58 @@ exports.default = viz;
 
 /***/ }),
 
-/***/ 49:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-/***/ }),
-
-/***/ 490:
+/***/ 478:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(8);
+var _toConsumableArray = __webpack_require__(6);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var i18n_1 = __webpack_require__(2);
+var i18n_1 = __webpack_require__(3);
 
-var schemaUtils_1 = __webpack_require__(24);
+var visualization_schemas_1 = __webpack_require__(9);
 
-var PresetPalettes_1 = __webpack_require__(83);
+var PresetPalettes_1 = __webpack_require__(80);
 
-var variables_1 = __webpack_require__(491);
+var variables_1 = __webpack_require__(479);
 
-var pick_1 = __webpack_require__(30);
+var pick_1 = __webpack_require__(29);
 
 var variables_2 = __webpack_require__(13);
 
-var visualization_icons_1 = __webpack_require__(74);
+var visualization_icons_1 = __webpack_require__(71);
 
-var placeholders_1 = __webpack_require__(72);
+var placeholders_1 = __webpack_require__(70);
 
-var singleValueContext_1 = __webpack_require__(157);
+var singleValueContext_1 = __webpack_require__(153);
 
-var VizBehavior_1 = __webpack_require__(6);
+var VizBehavior_1 = __webpack_require__(7);
 
-var DynamicMajorColorEditor_1 = __webpack_require__(158);
+var DynamicMajorColorEditor_1 = __webpack_require__(154);
 
-var DynamicTrendColorEditor_1 = __webpack_require__(123);
+var DynamicTrendColorEditor_1 = __webpack_require__(121);
 
-var DynamicBackgroundColorEditor_1 = __webpack_require__(124);
+var DynamicBackgroundColorEditor_1 = __webpack_require__(122);
 
-var StaticMajorAndTrendLayout_1 = __webpack_require__(125);
+var StaticMajorAndTrendLayout_1 = __webpack_require__(123);
 
-var StaticMajorColorEditor_1 = __webpack_require__(126);
+var StaticMajorColorEditor_1 = __webpack_require__(124);
 
-var StaticTrendColorEditor_1 = __webpack_require__(127);
+var StaticTrendColorEditor_1 = __webpack_require__(125);
 
-var StaticBackgroundColorEditor_1 = __webpack_require__(114);
+var StaticBackgroundColorEditor_1 = __webpack_require__(111);
 
-var configUtils_1 = __webpack_require__(27);
+var configUtils_1 = __webpack_require__(26);
 
-var TrellisEditors_1 = __webpack_require__(128);
+var TrellisEditors_1 = __webpack_require__(126);
 
 var VizCategory_1 = __webpack_require__(22);
 
-var layoutUtils_1 = __webpack_require__(80);
-
 var dataContract = {
   requiredDataSources: [{
     name: 'primary',
@@ -5106,188 +4966,6 @@ var size = {
   initialWidth: 250,
   initialHeight: 250
 };
-var optionsSchema = {
-  align: {
-    default: 'center',
-    description: 'Specify how to align the center content.',
-    pattern: (0, schemaUtils_1.getPattern)(['left', 'center', 'right']),
-    type: 'string'
-  },
-  backgroundColor: {
-    default: '> themes.defaultBackgroundColor',
-    description: 'Specify the color for the background. You may use a dataSource to apply the color. The default for enterprise light is "#ffffff". The default for enterprise dark is "#000000". The default for prisma dark is "#0b0c0e".',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-    type: 'string'
-  },
-  majorColor: {
-    default: '> themes.defaultFontColor',
-    description: 'Specify the color for the major value.  You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)".',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-    type: 'string'
-  },
-  majorFontSize: {
-    description: 'Specify the font size (px) for the major value. By default the major value font size is calculated dynamically based on the available space.',
-    type: 'number'
-  },
-  majorValue: {
-    default: '> sparklineValues|lastPoint()',
-    description: 'The major value to display in the visualization.',
-    type: ['string', 'number']
-  },
-  majorValueField: {
-    default: '> majorValue | getField()',
-    description: 'The field name of major value.',
-    type: 'string'
-  },
-  numberPrecision: {
-    default: 0,
-    maximum: 20,
-    minimum: 0,
-    description: 'Specify the number of decimal places to display. For example, to display 3 decimal places, use a value of 3. Values can range from 0 to 20.',
-    type: 'number'
-  },
-  shouldAbbreviateTrendValue: {
-    default: false,
-    description: 'Specify whether to abbreviate the trend value to 2 decimal points. A magnitude unit will be displayed.',
-    type: 'boolean'
-  },
-  shouldSparklineAcceptNullData: {
-    default: true,
-    description: 'Specify whether to convert null and non-numeric values in the sparkline to 0.',
-    type: 'boolean'
-  },
-  shouldUseThousandSeparators: {
-    default: true,
-    description: 'Specify whether numeric values use commas as thousandths separators.',
-    type: 'boolean'
-  },
-  showSparklineAreaGraph: {
-    default: false,
-    description: 'Specify whether to show the sparkline as an area graph rather than a line.',
-    type: 'boolean'
-  },
-  showSparklineTooltip: {
-    default: false,
-    description: 'Show a tooltip to display values on the sparkline.',
-    type: 'boolean'
-  },
-  splitByLayout: {
-    default: 'off',
-    description: 'Specify the layout method by which to display the visualization, which splits the data into individual visualizations based on a certain category.',
-    type: 'string',
-    pattern: (0, schemaUtils_1.getPattern)([layoutUtils_1.LAYOUT_TYPE.Off, layoutUtils_1.LAYOUT_TYPE.Trellis]),
-    enum: [layoutUtils_1.LAYOUT_TYPE.Off, layoutUtils_1.LAYOUT_TYPE.Trellis]
-  },
-  sparklineAreaColor: {
-    default: '> sparklineStrokeColor',
-    description: 'Specify the color for the sparkline area fill. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. The graph area will have an opacity of 20% and will blend with the background color.',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-    type: 'string'
-  },
-  sparklineDisplay: {
-    default: 'below',
-    description: 'Specify how to display a sparkline.',
-    pattern: (0, schemaUtils_1.getPattern)(['before', 'after', 'below', 'off']),
-    type: 'string'
-  },
-  sparklineHighlightDots: {
-    default: 0,
-    description: 'Specify the number of markers, or dots, to display at the top of a sparkline area graph.',
-    type: 'number'
-  },
-  sparklineHighlightSegments: {
-    default: 0,
-    description: 'Specify the number of segments to be highlighted at the top of a sparkline area graph.',
-    type: 'number'
-  },
-  sparklineStrokeColor: {
-    default: '> themes.defaultSparklineStrokeColor',
-    description: 'Specify the color for the sparkline stroke. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)".',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-    type: 'string'
-  },
-  sparklineValues: {
-    default: '> primary|seriesByPrioritizedTypes("number", "string", "time")',
-    description: 'List of numerical values to display on a sparkline. If the values are string type, the sparkline will not be shown.',
-    type: 'array',
-    items: {
-      type: ['string', 'number']
-    }
-  },
-  trendColor: {
-    default: '> themes.defaultFontColor',
-    description: 'Specify the color for the trend value. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)".',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-    type: 'string'
-  },
-  trendDisplay: {
-    default: 'absolute',
-    description: 'Specify how to display the trend value.',
-    pattern: (0, schemaUtils_1.getPattern)(['percent', 'absolute', 'off']),
-    type: 'string'
-  },
-  trendFontSize: {
-    description: 'Specify the font size (px) for the trend value. By default the trend value font size is calculated dynamically based on the available space.',
-    type: 'number'
-  },
-  trendValue: {
-    default: '> sparklineValues|delta(-2)',
-    description: 'The trend value to display in the visualization.',
-    type: 'number'
-  },
-  trellisBackgroundColor: {
-    default: '> themes.defaultBackgroundColor',
-    description: 'Specify the color used for the trellis container background by using a hexadecimal code. For example, #0000FF.',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-    type: 'string'
-  },
-  trellisColumns: {
-    description: 'Specify the number of visualizations to display in a given row of the trellis container. The remaining visualizations will wrap accordingly. If nothing is specified, it will be auto-set based on the trellisMinColumnWidth. The minimum value is 1.',
-    type: 'number',
-    minimum: 1
-  },
-  trellisMinColumnWidth: {
-    default: 100,
-    minimum: 1,
-    description: 'Specify the minimum width, in pixels, of each visualization in the trellis container. If the window or panel is resized, the remaining visualizations may be viewed by scrolling. The minimum value is 1.',
-    type: 'number'
-  },
-  trellisPageCount: {
-    default: 20,
-    minimum: 1,
-    description: 'Specify the maximum number of visualizations to display in a single page in the trellis container. The remaining visualizations will paginate accordingly. The minimum value is 1.',
-    type: 'number'
-  },
-  trellisRowHeight: {
-    default: 70,
-    minimum: 1,
-    description: 'Specify the height, in pixels, of each visualization in the trellis container. If the window or panel is resized, the remaining visualizations may be viewed by scrolling. The minimum value is 1.',
-    type: 'number'
-  },
-  trellisSplitBy: {
-    description: 'Specify the field name of the column with categories used, or “aggregations”, to split the data into individual visualizations for trellis display, if applicable. If a SPL `timechart` command is used, this may default to the SPL `by` clause field. If a SPL `chart` command is used, this may default to the first string field.',
-    type: 'string'
-  },
-  underLabel: {
-    description: 'Specify the text that appears below the major value.',
-    type: 'string'
-  },
-  underLabelFontSize: {
-    default: 12,
-    description: 'Specify the font size (px) for the under label text.',
-    type: 'number'
-  },
-  unit: {
-    description: 'Specify text to show next to the major value.',
-    type: 'string'
-  },
-  unitPosition: {
-    default: 'after',
-    description: 'Specify whether the unit text should appear before or after the major value.',
-    pattern: (0, schemaUtils_1.getPattern)(['before', 'after']),
-    type: 'string'
-  }
-};
 var basePresetContext = {
   majorColorEditorConfig: undefined,
   trendColorEditorConfig: undefined,
@@ -5508,7 +5186,7 @@ var editorConfig = [{
     },
     isDisabled: function isDisabled(_ref) {
       var options = _ref.options;
-      return options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
+      return options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
     }
   }]]
 }, {
@@ -5621,6 +5299,14 @@ var editorConfig = [{
       var options = _ref6.options;
       return options.trendDisplay === 'off';
     }
+  }], [{
+    label: (0, i18n_1._)('Major value abbreviation'),
+    option: 'shouldAbbreviateMajorValue',
+    editor: 'editor.checkbox'
+  }], [{
+    label: (0, i18n_1._)('Trend value abbreviation'),
+    option: 'shouldAbbreviateTrendValue',
+    editor: 'editor.checkbox'
   }], [{
     label: (0, i18n_1._)('Alignment'),
     editor: 'editor.radioBar',
@@ -5667,7 +5353,7 @@ var config = {
   dataContract: dataContract,
   size: size,
   defaultContext: singleValueContext_1.defaultContext,
-  optionsSchema: optionsSchema,
+  optionsSchema: visualization_schemas_1.singleValueOptionsSchema,
   editorConfig: editorConfig,
   events: {
     'value.click': {
@@ -5683,14 +5369,14 @@ exports.default = (0, configUtils_1.enhanceConfig)(config);
 
 /***/ }),
 
-/***/ 491:
+/***/ 479:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-themes/variables");
 
 /***/ }),
 
-/***/ 50:
+/***/ 48:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -5702,7 +5388,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 51:
+/***/ 49:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -5714,7 +5400,26 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 514:
+/***/ 5:
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/slicedToArray");
+
+/***/ }),
+
+/***/ 50:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+/***/ }),
+
+/***/ 502:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5726,19 +5431,19 @@ __webpack_require__.d(__webpack_exports__, "CONTENT_OVERFLOW_FADEOUT_AREA_PX", f
 __webpack_require__.d(__webpack_exports__, "DEFAULT_CONTENT_HEIGHT_ALLOCATION_RATIO", function() { return /* binding */ DEFAULT_CONTENT_HEIGHT_ALLOCATION_RATIO; });
 
 // EXTERNAL MODULE: external "@babel/runtime/helpers/slicedToArray"
-var slicedToArray_ = __webpack_require__(7);
+var slicedToArray_ = __webpack_require__(5);
 var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray_);
 
 // EXTERNAL MODULE: external "@babel/runtime/helpers/extends"
-var extends_ = __webpack_require__(70);
+var extends_ = __webpack_require__(68);
 var extends_default = /*#__PURE__*/__webpack_require__.n(extends_);
 
 // EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(0);
+var external_react_ = __webpack_require__(1);
 var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 
 // EXTERNAL MODULE: external "prop-types"
-var external_prop_types_ = __webpack_require__(1);
+var external_prop_types_ = __webpack_require__(0);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -5746,45 +5451,45 @@ var external_styled_components_ = __webpack_require__(4);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "lodash/pick"
-var pick_ = __webpack_require__(131);
+var pick_ = __webpack_require__(129);
 var pick_default = /*#__PURE__*/__webpack_require__.n(pick_);
 
 // EXTERNAL MODULE: external "lodash/isEmpty"
-var isEmpty_ = __webpack_require__(132);
+var isEmpty_ = __webpack_require__(130);
 var isEmpty_default = /*#__PURE__*/__webpack_require__.n(isEmpty_);
 
 // EXTERNAL MODULE: external "@splunk/visualizations-shared/style"
 var style_ = __webpack_require__(18);
 
 // EXTERNAL MODULE: external "@splunk/visualizations-shared/SizeAwareWrapper"
-var SizeAwareWrapper_ = __webpack_require__(26);
+var SizeAwareWrapper_ = __webpack_require__(25);
 var SizeAwareWrapper_default = /*#__PURE__*/__webpack_require__.n(SizeAwareWrapper_);
 
 // EXTERNAL MODULE: external "@splunk/visualization-context/FeatureFlagContext"
-var FeatureFlagContext_ = __webpack_require__(28);
+var FeatureFlagContext_ = __webpack_require__(27);
 var FeatureFlagContext_default = /*#__PURE__*/__webpack_require__.n(FeatureFlagContext_);
 
+// EXTERNAL MODULE: external "@splunk/visualization-schemas"
+var visualization_schemas_ = __webpack_require__(9);
+
 // EXTERNAL MODULE: ./src/common/components/VizStyleWrapper.jsx
-var VizStyleWrapper = __webpack_require__(96);
+var VizStyleWrapper = __webpack_require__(93);
 
 // EXTERNAL MODULE: ./src/common/components/TrellisTitle.tsx
-var TrellisTitle = __webpack_require__(102);
-
-// EXTERNAL MODULE: ./src/common/utils/layoutUtils.ts
-var layoutUtils = __webpack_require__(80);
+var TrellisTitle = __webpack_require__(99);
 
 // EXTERNAL MODULE: external "@babel/runtime/helpers/defineProperty"
-var defineProperty_ = __webpack_require__(9);
+var defineProperty_ = __webpack_require__(12);
 var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty_);
 
 // EXTERNAL MODULE: ./src/SingleValueBasic/SingleValueBasic.jsx + 2 modules
-var SingleValueBasic = __webpack_require__(104);
+var SingleValueBasic = __webpack_require__(101);
 
 // EXTERNAL MODULE: external "@splunk/visualizations-shared/propUtils"
-var propUtils_ = __webpack_require__(36);
+var propUtils_ = __webpack_require__(35);
 
 // EXTERNAL MODULE: ./src/SparkLine/SparkLine.jsx
-var SparkLine = __webpack_require__(118);
+var SparkLine = __webpack_require__(114);
 
 // CONCATENATED MODULE: ./src/SingleValue/PureSingleValue/SingleValueSparkline.jsx
 
@@ -5848,13 +5553,13 @@ SingleValueSparkline_SingleValueSparkline.propTypes = {
 };
 /* harmony default export */ var PureSingleValue_SingleValueSparkline = (SingleValueSparkline_SingleValueSparkline);
 // EXTERNAL MODULE: external "@splunk/visualizations-shared/colorConstants"
-var colorConstants_ = __webpack_require__(71);
+var colorConstants_ = __webpack_require__(69);
 
 // EXTERNAL MODULE: external "@splunk/visualizations-shared/numberUtils"
-var numberUtils_ = __webpack_require__(11);
+var numberUtils_ = __webpack_require__(10);
 
 // EXTERNAL MODULE: ./src/common/utils/singleValueUtils.js
-var singleValueUtils = __webpack_require__(20);
+var singleValueUtils = __webpack_require__(19);
 
 // CONCATENATED MODULE: ./src/SingleValue/PureSingleValue/utils/displayUtils.js
 
@@ -6156,11 +5861,11 @@ function _objectSpread(target) {
 var CONTENT_OVERFLOW_FADEOUT_AREA_PX = 16;
 var Column = external_styled_components_default.a.div.withConfig({
   displayName: "StandardLayout__Column",
-  componentId: "isgrrp-0"
+  componentId: "sc-isgrrp-0"
 })(["display:flex;flex-direction:column;height:100%;width:100%;justify-content:center;"]);
 var Row = external_styled_components_default.a.div.withConfig({
   displayName: "StandardLayout__Row",
-  componentId: "isgrrp-1"
+  componentId: "sc-isgrrp-1"
 })(["display:flex;flex-direction:row;"]);
 var OverflowWrapper = external_styled_components_default.a.div.attrs(function () {
   return {
@@ -6168,7 +5873,7 @@ var OverflowWrapper = external_styled_components_default.a.div.attrs(function ()
   };
 }).withConfig({
   displayName: "StandardLayout__OverflowWrapper",
-  componentId: "isgrrp-2"
+  componentId: "sc-isgrrp-2"
 })(["box-sizing:border-box;padding-left:16px;padding-right:16px;width:100%;height:", "px;position:relative;display:flex;align-items:start;justify-content:", ";&:after,&:before{position:absolute;height:100%;width:", "px;content:'';top:0;}&:after{right:0;background:linear-gradient( 90deg,", "00,", " );}&:before{left:0;background:linear-gradient( -90deg,", "00,", " );}"], function (props) {
   return props.height;
 }, function (props) {
@@ -6345,6 +6050,7 @@ var SingleValue_SingleValue = function SingleValue(_ref) {
       numberPrecision = props.numberPrecision,
       shouldUseThousandSeparators = props.shouldUseThousandSeparators,
       shouldAbbreviateTrendValue = props.shouldAbbreviateTrendValue,
+      shouldAbbreviateMajorValue = props.shouldAbbreviateMajorValue,
       sparklineValues = props.sparklineValues,
       sparklineHighlightSegments = props.sparklineHighlightSegments,
       sparklineHighlightDots = props.sparklineHighlightDots,
@@ -6388,7 +6094,7 @@ var SingleValue_SingleValue = function SingleValue(_ref) {
   }, []);
   var featureFlagContext = external_react_default.a.useContext(FeatureFlagContext_default.a);
   var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
-  var trellisEnabled = isTrellisFeatureFlagOn && splitByLayout === layoutUtils["LAYOUT_TYPE"].Trellis;
+  var trellisEnabled = isTrellisFeatureFlagOn && splitByLayout === visualization_schemas_["LAYOUT_TYPE"].Trellis;
   var handleValueClick = Object(external_react_["useCallback"])(function (ev) {
     return Object(singleValueUtils["handleValueClickCallback"])(ev, majorValue, majorValueField, trendValue, onValueClick, trellisEnabled, trellisSplitBy, trellisKey);
   }, [onValueClick, majorValue, majorValueField, trendValue, trellisEnabled, trellisSplitBy, trellisKey]); // FIXME todo 'compute colors' is not pure, it must be lifted into behavior or DSL
@@ -6473,6 +6179,7 @@ var SingleValue_SingleValue = function SingleValue(_ref) {
       numberPrecision: numberPrecision,
       shouldUseThousandSeparators: shouldUseThousandSeparators,
       shouldAbbreviateTrendValue: shouldAbbreviateTrendValue,
+      shouldAbbreviateMajorValue: shouldAbbreviateMajorValue,
       toRemoveList: toRemoveList
     }),
         majorText = _computeSingleValueCo.majorText,
@@ -6595,6 +6302,7 @@ SingleValue_SingleValue.propTypes = {
   trendFontSize: external_prop_types_default.a.number,
   trendDisplay: external_prop_types_default.a.oneOf(['absolute', 'percent', 'off']),
   shouldAbbreviateTrendValue: external_prop_types_default.a.bool,
+  shouldAbbreviateMajorValue: external_prop_types_default.a.bool,
   backgroundColor: external_prop_types_default.a.string,
   unit: external_prop_types_default.a.string,
   unitPosition: external_prop_types_default.a.string,
@@ -6629,6 +6337,7 @@ SingleValue_SingleValue.defaultProps = {
   majorValueField: '',
   trendDisplay: 'absolute',
   shouldAbbreviateTrendValue: false,
+  shouldAbbreviateMajorValue: false,
   unitPosition: 'after',
   underLabelFontSize: 12,
   numberPrecision: 0,
@@ -6649,19 +6358,7 @@ SingleValue_SingleValue.defaultProps = {
 
 /***/ }),
 
-/***/ 52:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-/***/ }),
-
-/***/ 53:
+/***/ 51:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -6673,7 +6370,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 54:
+/***/ 52:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -6685,7 +6382,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 55:
+/***/ 53:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -6697,65 +6394,65 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 56:
+/***/ 54:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(7);
+var _slicedToArray = __webpack_require__(5);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
-var getSettingsFromThemedProps_1 = __webpack_require__(57);
+var getSettingsFromThemedProps_1 = __webpack_require__(55);
 
 var Options_1 = __webpack_require__(16);
 
-var SanitizeProps_1 = __webpack_require__(58);
+var SanitizeProps_1 = __webpack_require__(56);
 
-var TimezoneContext_1 = __webpack_require__(32);
+var TimezoneContext_1 = __webpack_require__(31);
 
-var moment_1 = __webpack_require__(59);
+var moment_1 = __webpack_require__(57);
 
-var FeatureFlagContext_1 = __webpack_require__(28);
+var FeatureFlagContext_1 = __webpack_require__(27);
 
 var styled_components_1 = __webpack_require__(4);
 
-var hocUtils_1 = __webpack_require__(34);
+var hocUtils_1 = __webpack_require__(33);
 
-var JSONSchemaUtils_1 = __webpack_require__(35);
+var JSONSchemaUtils_1 = __webpack_require__(34);
 
-var async_dynamic_options_evaluator_1 = __webpack_require__(60);
+var async_dynamic_options_evaluator_1 = __webpack_require__(58);
 
-var id_1 = __webpack_require__(31);
+var id_1 = __webpack_require__(30);
 
-var SplunkVisualization_1 = __webpack_require__(61);
+var SplunkVisualization_1 = __webpack_require__(59);
 
-var VizBehavior_1 = __webpack_require__(6);
+var VizBehavior_1 = __webpack_require__(7);
 
-var getSorting_1 = __webpack_require__(38);
+var getSorting_1 = __webpack_require__(37);
 
-var getPagination_1 = __webpack_require__(39);
+var getPagination_1 = __webpack_require__(38);
 
-var useDeepMemo_1 = __webpack_require__(62);
+var useDeepMemo_1 = __webpack_require__(60);
 
-var MissingPropsMessage_1 = __webpack_require__(63);
+var MissingPropsMessage_1 = __webpack_require__(61);
 
-var withEditModeCover_1 = __webpack_require__(64);
+var withEditModeCover_1 = __webpack_require__(62);
 
-var withPlaceholder_1 = __webpack_require__(65);
+var withPlaceholder_1 = __webpack_require__(63);
 
-var useDownsampleDataSources_1 = __webpack_require__(66);
+var useDownsampleDataSources_1 = __webpack_require__(64);
 
 var dataUtils_1 = __webpack_require__(14);
 
-var featureFlagUtils_1 = __webpack_require__(68);
+var featureFlagUtils_1 = __webpack_require__(66);
 /**
  * hoc that wraps a pure react visualization in a Dashboard visualization
  * @param {DashboardVizOpts} opts
@@ -7088,81 +6785,41 @@ exports.default = withDashboardViz;
 
 /***/ }),
 
-/***/ 57:
+/***/ 55:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/getSettingsFromThemedProps");
 
 /***/ }),
 
-/***/ 58:
+/***/ 56:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SanitizeProps");
 
 /***/ }),
 
-/***/ 59:
+/***/ 57:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/moment");
 
 /***/ }),
 
-/***/ 6:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VizBehavior = void 0;
-var VizBehavior;
-
-(function (VizBehavior) {
-  /**
-   * Dynamic Options Behavior.
-   * This allows visualization options to be powered by data
-   *
-   * **Example**
-   *
-   * sparklineValues: ">primary|seriesByIndex(0)"
-   * would configure sparklineValues with an array of data points
-   * coming from the first series in the primary datasource
-   *
-   */
-  VizBehavior["DYNAMIC_OPTIONS"] = "dynamic-options";
-  VizBehavior["EVENTS"] = "events";
-  VizBehavior["DOWNSAMPLING"] = "downsampling";
-  /**
-   * Placeholder behavior: visualization will display a placeholder rather than fail if any of the `requiredProps` is
-   * missing.
-   * @type {string}
-   */
-
-  VizBehavior["PLACEHOLDER"] = "placeholder";
-  VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
-  VizBehavior["TRELLIS"] = "trellis";
-})(VizBehavior = exports.VizBehavior || (exports.VizBehavior = {}));
-
-/***/ }),
-
-/***/ 60:
+/***/ 58:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/async-dynamic-options-evaluator");
 
 /***/ }),
 
-/***/ 61:
+/***/ 59:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _classCallCheck = __webpack_require__(10);
+var _classCallCheck = __webpack_require__(8);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -7170,9 +6827,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.INITIAL_HEIGHT = exports.INITIAL_WIDTH = void 0;
 /* eslint-disable react/no-unused-prop-types,react/prefer-stateless-function */
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
 var VizActionHandler_1 = __webpack_require__(21); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
 
@@ -7308,7 +6965,14 @@ exports.default = SplunkVisualization;
 
 /***/ }),
 
-/***/ 62:
+/***/ 6:
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/toConsumableArray");
+
+/***/ }),
+
+/***/ 60:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -7319,9 +6983,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useDeepMemo = void 0;
 
-var react_1 = __webpack_require__(0);
+var react_1 = __webpack_require__(1);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 /**
  * This hook evaluates and stores the result of a passed function and only
  * re-evaluates the function when passed dependencies change.
@@ -7354,7 +7018,7 @@ exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
 
-/***/ 63:
+/***/ 61:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -7365,13 +7029,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MissingPropsMessage = exports.missingKeys = exports.isMissing = void 0;
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
-var i18n_1 = __webpack_require__(2);
+var i18n_1 = __webpack_require__(3);
 
-var Message_1 = __webpack_require__(12);
+var Message_1 = __webpack_require__(11);
 
 var FixedSizeContainer_1 = __webpack_require__(17);
 /**
@@ -7435,7 +7099,7 @@ exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage)
 
 /***/ }),
 
-/***/ 64:
+/***/ 62:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -7445,7 +7109,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
@@ -7456,7 +7120,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "26.2.1 - 714383dbb"
+  'data-splunk-visualization-version': "26.4.0 - 04078274d"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -7488,7 +7152,7 @@ exports.default = withEditModeCover;
 
 /***/ }),
 
-/***/ 65:
+/***/ 63:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -7498,15 +7162,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
 var colorUtils_1 = __webpack_require__(15);
 
 var variables_1 = __webpack_require__(13);
 
-var IconPlaceholder_1 = __webpack_require__(37);
+var IconPlaceholder_1 = __webpack_require__(36);
 
-var VizBehavior_1 = __webpack_require__(6);
+var VizBehavior_1 = __webpack_require__(7);
 
 var hocUtils_1 = __webpack_require__(23);
 
@@ -7553,27 +7217,30 @@ exports.default = withPlaceholder;
 
 /***/ }),
 
-/***/ 66:
+/***/ 64:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(7);
+var _slicedToArray = __webpack_require__(5);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var react_1 = __webpack_require__(0);
+var react_1 = __webpack_require__(1);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
 var dataUtils_1 = __webpack_require__(14);
 
-var usePrevious_1 = __webpack_require__(33);
+var usePrevious_1 = __webpack_require__(32);
 
-var useGetXAndYFields_1 = __webpack_require__(67);
+var useGetXAndYFields_1 = __webpack_require__(65); // Options properties which impact/require re-downsample on change.
+
+
+var downsampleVizOptionProperties = ['nullValueDisplay'];
 
 var useDownsampleDataSources = function useDownsampleDataSources(_ref) {
   var dataSources = _ref.dataSources,
@@ -7587,8 +7254,15 @@ var useDownsampleDataSources = function useDownsampleDataSources(_ref) {
     options: options,
     context: context,
     dataSources: dataSources
-  });
-  var previousXAndYFieldsWithTypes = (0, usePrevious_1.default)(xAndYFieldsWithTypes);
+  }); // Extract viz options that impact downsampling.
+
+  var downsampleVizOptions = (0, react_1.useMemo)(function () {
+    return (0, lodash_1.pick)(options, downsampleVizOptionProperties);
+  }, [options]);
+  var downsampleDSOptions = (0, react_1.useMemo)(function () {
+    return Object.assign(Object.assign({}, downsampleVizOptions), xAndYFieldsWithTypes);
+  }, [xAndYFieldsWithTypes, downsampleVizOptions]);
+  var previousDownsampleDSOptions = (0, usePrevious_1.default)(downsampleDSOptions);
   var previousDataSources = (0, usePrevious_1.default)(dataSources);
   var previousThreshold = (0, usePrevious_1.default)(threshold);
 
@@ -7596,7 +7270,7 @@ var useDownsampleDataSources = function useDownsampleDataSources(_ref) {
     return isDownsamplingEnabled ? (0, dataUtils_1.downsampleDataSources)({
       dataSources: dataSources,
       threshold: threshold,
-      options: xAndYFieldsWithTypes
+      options: downsampleDSOptions
     }) : dataSources;
   }),
       _ref3 = _slicedToArray(_ref2, 2),
@@ -7624,7 +7298,7 @@ var useDownsampleDataSources = function useDownsampleDataSources(_ref) {
       return;
     }
 
-    if ((0, lodash_1.isEqual)(previousXAndYFieldsWithTypes, xAndYFieldsWithTypes) && previousDataSources === dataSources && previousThreshold === threshold) {
+    if ((0, lodash_1.isEqual)(previousDownsampleDSOptions, downsampleDSOptions) && previousDataSources === dataSources && previousThreshold === threshold) {
       return;
     } // Debounce the downsampling so we don't have to downsample and execute DSL multiple times
     // while the viz is being resized
@@ -7632,10 +7306,10 @@ var useDownsampleDataSources = function useDownsampleDataSources(_ref) {
 
     debouncedDownsampleDataSources({
       dataSources: dataSources,
-      options: xAndYFieldsWithTypes,
+      options: downsampleDSOptions,
       threshold: threshold
     }); // need to detect if this runs as part of the initial render
-  }, [dataSources, debouncedDownsampleDataSources, xAndYFieldsWithTypes, threshold, isDownsamplingEnabled, previousXAndYFieldsWithTypes, previousDataSources, previousThreshold]);
+  }, [dataSources, downsampleDSOptions, debouncedDownsampleDataSources, xAndYFieldsWithTypes, threshold, isDownsamplingEnabled, previousDataSources, previousThreshold, previousDownsampleDSOptions]);
   return downsampledDataSources;
 };
 
@@ -7643,19 +7317,19 @@ exports.default = useDownsampleDataSources;
 
 /***/ }),
 
-/***/ 67:
+/***/ 65:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(8);
+var _toConsumableArray = __webpack_require__(6);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var react_1 = __webpack_require__(0);
+var react_1 = __webpack_require__(1);
 
 var Options_1 = __webpack_require__(16);
 /**
@@ -7758,7 +7432,7 @@ exports.default = useGetXAndYFields;
 
 /***/ }),
 
-/***/ 68:
+/***/ 66:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -7769,7 +7443,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getFeatureFlag = void 0;
 
-var FeatureFlags_1 = __webpack_require__(69);
+var FeatureFlags_1 = __webpack_require__(67);
 
 var getFeatureFlag = function getFeatureFlag(context, flagName) {
   // look for feature flag in context first
@@ -7794,110 +7468,124 @@ exports.getFeatureFlag = getFeatureFlag;
 
 /***/ }),
 
-/***/ 69:
+/***/ 67:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/FeatureFlags");
 
 /***/ }),
 
-/***/ 7:
+/***/ 68:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/slicedToArray");
+module.exports = require("@babel/runtime/helpers/extends");
 
 /***/ }),
 
-/***/ 70:
+/***/ 69:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/extends");
+module.exports = require("@splunk/visualizations-shared/colorConstants");
 
 /***/ }),
 
-/***/ 71:
-/***/ (function(module, exports) {
+/***/ 7:
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = require("@splunk/visualizations-shared/colorConstants");
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VizBehavior = void 0;
+var VizBehavior;
+
+(function (VizBehavior) {
+  /**
+   * Dynamic Options Behavior.
+   * This allows visualization options to be powered by data
+   *
+   * **Example**
+   *
+   * sparklineValues: ">primary|seriesByIndex(0)"
+   * would configure sparklineValues with an array of data points
+   * coming from the first series in the primary datasource
+   *
+   */
+  VizBehavior["DYNAMIC_OPTIONS"] = "dynamic-options";
+  VizBehavior["EVENTS"] = "events";
+  VizBehavior["DOWNSAMPLING"] = "downsampling";
+  /**
+   * Placeholder behavior: visualization will display a placeholder rather than fail if any of the `requiredProps` is
+   * missing.
+   * @type {string}
+   */
+
+  VizBehavior["PLACEHOLDER"] = "placeholder";
+  VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
+  VizBehavior["TRELLIS"] = "trellis";
+})(VizBehavior = exports.VizBehavior || (exports.VizBehavior = {}));
 
 /***/ }),
 
-/***/ 72:
+/***/ 70:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons/placeholders");
 
 /***/ }),
 
-/***/ 74:
+/***/ 71:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons");
 
 /***/ }),
 
-/***/ 76:
+/***/ 73:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/domUtils");
 
 /***/ }),
 
-/***/ 78:
+/***/ 76:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/useSplunkTheme");
 
 /***/ }),
 
-/***/ 8:
+/***/ 79:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/toConsumableArray");
-
-/***/ }),
-
-/***/ 80:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LAYOUT_TYPE = void 0;
-var LAYOUT_TYPE;
-
-(function (LAYOUT_TYPE) {
-  LAYOUT_TYPE["Off"] = "off";
-  LAYOUT_TYPE["Trellis"] = "trellis";
-})(LAYOUT_TYPE = exports.LAYOUT_TYPE || (exports.LAYOUT_TYPE = {}));
+module.exports = require("@splunk/themes");
 
 /***/ }),
 
-/***/ 82:
+/***/ 8:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/themes");
+module.exports = require("@babel/runtime/helpers/classCallCheck");
 
 /***/ }),
 
-/***/ 83:
+/***/ 80:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-color-palettes/editors/PresetPalettes");
 
 /***/ }),
 
-/***/ 84:
+/***/ 81:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
 
-/***/ 85:
+/***/ 82:
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/getPrototypeOf");
@@ -7907,25 +7595,25 @@ module.exports = require("@babel/runtime/helpers/getPrototypeOf");
 /***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/defineProperty");
+module.exports = require("@splunk/visualization-schemas");
 
 /***/ }),
 
-/***/ 94:
+/***/ 91:
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/inherits");
 
 /***/ }),
 
-/***/ 95:
+/***/ 92:
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/possibleConstructorReturn");
 
 /***/ }),
 
-/***/ 96:
+/***/ 93:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7948,6 +7636,51 @@ var VizStyleWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0___default.a.d
 VizStyleWrapper.displayName = 'VizStyleWrapper';
 /* harmony default export */ __webpack_exports__["default"] = (VizStyleWrapper);
 
+/***/ }),
+
+/***/ 99:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TrellisTitle = exports.TRELLIS_TITLE_HEIGHT = void 0;
+
+var React = __webpack_require__(1);
+
+var styled_components_1 = __webpack_require__(4);
+
+exports.TRELLIS_TITLE_HEIGHT = 28;
+var TrellisTitleText = styled_components_1.default.div.withConfig({
+  displayName: "TrellisTitle__TrellisTitleText",
+  componentId: "sc-2cu404-0"
+})(["margin-left:10px;margin-right:10px;padding-top:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;"]);
+var TrellisTitleDiv = styled_components_1.default.div.withConfig({
+  displayName: "TrellisTitle__TrellisTitleDiv",
+  componentId: "sc-2cu404-1"
+})(["height:", "px;font-size:14px;font-weight:700;color:", ";background-color:", ";box-shadow:0 1px ", ";"], exports.TRELLIS_TITLE_HEIGHT, function (props) {
+  return props.fontColor;
+}, function (props) {
+  return props.backgroundColor;
+}, function (props) {
+  return props.backgroundColor;
+});
+
+var TrellisTitle = function TrellisTitle(props) {
+  var titleText = String(props.trellisKey).toString();
+  return React.createElement(TrellisTitleDiv, {
+    fontColor: props.fontColor,
+    backgroundColor: props.backgroundColor,
+    "data-test": "trellis-title",
+    title: titleText
+  }, React.createElement(TrellisTitleText, null, titleText));
+};
+
+exports.TrellisTitle = TrellisTitle;
+
 /***/ })
 
 /******/ });