@splunk/visualizations 25.13.1 → 26.1.0

package/Line.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 220);
+/******/ 	return __webpack_require__(__webpack_require__.s = 223);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -133,6 +133,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VizBehavior = void 0;
 var VizBehavior;
+
 (function (VizBehavior) {
   /**
    * Dynamic Options Behavior.
@@ -152,6 +153,7 @@ var VizBehavior;
    * missing.
    * @type {string}
    */
+
   VizBehavior["PLACEHOLDER"] = "placeholder";
   VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
   VizBehavior["TRELLIS"] = "trellis";
@@ -203,40 +205,46 @@ module.exports = require("@splunk/visualizations-shared/colorUtils");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
+
 var styled_components_1 = __webpack_require__(4);
+
 var SizeAwareWrapper_1 = __webpack_require__(19);
+
 var style_1 = __webpack_require__(14);
+
 var colorUtils_1 = __webpack_require__(12);
+
 var Item = styled_components_1.default.div.attrs(function (_ref) {
   var width = _ref.width;
   return {
     style: {
-      width: style_1.toPx(width)
+      width: (0, style_1.toPx)(width)
     }
   };
 }).withConfig({
   displayName: "FixedSizeContainer__Item",
   componentId: "sc-1yhgpod-0"
 })(["position:relative;background-color:", "};"], function (props) {
-  return colorUtils_1.isColor(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
-});
-// Use `.attrs()` for highly dynamic styles. Ref: https://github.com/styled-components/styled-components/issues/134#issuecomment-312415291
+  return (0, colorUtils_1.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
+}); // Use `.attrs()` for highly dynamic styles. Ref: https://github.com/styled-components/styled-components/issues/134#issuecomment-312415291
+
 var FixSizeItem = styled_components_1.default.div.attrs(function (_ref2) {
   var width = _ref2.width,
-    height = _ref2.height;
+      height = _ref2.height;
   return {
     style: Object.assign(Object.assign({}, width && {
-      width: style_1.toPx(width)
+      width: (0, style_1.toPx)(width)
     }), height && {
-      height: style_1.toPx(height)
+      height: (0, style_1.toPx)(height)
     })
   };
 }).withConfig({
   displayName: "FixedSizeContainer__FixSizeItem",
   componentId: "sc-1yhgpod-1"
 })(["position:relative;flex-direction:column;flex:1;display:flex;background-color:", "};"], function (props) {
-  return colorUtils_1.isColor(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
+  return (0, colorUtils_1.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
 });
 var ItemContent = styled_components_1.default.div.withConfig({
   displayName: "FixedSizeContainer__ItemContent",
@@ -246,11 +254,13 @@ var FixSizeItemContent = styled_components_1.default.div.withConfig({
   displayName: "FixedSizeContainer__FixSizeItemContent",
   componentId: "sc-1yhgpod-3"
 })(["min-height:0px;flex:1;position:relative;box-sizing:border-box;"]);
+
 var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
   var FixedSizeContainer = function FixedSizeContainer(props) {
     var width = props.width,
-      height = props.height,
-      backgroundColor = props.backgroundColor;
+        height = props.height,
+        backgroundColor = props.backgroundColor;
+
     if (!height) {
       return React.createElement(Item, {
         "data-test": "item",
@@ -258,24 +268,27 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
         backgroundColor: backgroundColor
       }, React.createElement(ItemContent, null, React.createElement(Viz, Object.assign({}, props))));
     }
+
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.13.1 - ea48ec41e",
+      "data-splunk-visualization-version": "26.1.0 - fc8bf8d77",
       width: width,
       height: height,
       backgroundColor: backgroundColor
     }, React.createElement(FixSizeItemContent, null, React.createElement(SizeAwareWrapper_1.default, null, function (_ref3) {
       var newWidth = _ref3.width,
-        newHeight = _ref3.height;
+          newHeight = _ref3.height;
       return React.createElement(Viz, Object.assign({}, props, {
         width: newWidth,
         height: newHeight
       }));
     })));
   };
+
   FixedSizeContainer.displayName = 'withFixedSizeContainer';
   return FixedSizeContainer;
 };
+
 exports.default = withFixedSizeContainer;
 
 /***/ }),
@@ -301,9 +314,10 @@ exports.extendStaticWrapperProps = void 0;
  * @param {DashboardVizType} props.Wrapper
  * @param {DashboardVizType} props.Visualization
  */
+
 var extendStaticWrapperProps = function extendStaticWrapperProps(_ref) {
   var Wrapper = _ref.Wrapper,
-    Visualization = _ref.Visualization;
+      Visualization = _ref.Visualization;
   var extendProperties = ['propTypes', 'defaultProps', 'config'];
   extendProperties.forEach(function (prop) {
     if (Visualization[prop]) {
@@ -312,6 +326,7 @@ var extendStaticWrapperProps = function extendStaticWrapperProps(_ref) {
     }
   });
 };
+
 exports.extendStaticWrapperProps = extendStaticWrapperProps;
 
 /***/ }),
@@ -346,24 +361,33 @@ module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 
 
 var _toConsumableArray = __webpack_require__(8);
+
 var _defineProperty = __webpack_require__(7);
+
 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;
 };
+
 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__(16);
+
 var VizBehavior_1 = __webpack_require__(6);
+
 var dynamicOptionsDSLType = {
   type: 'string',
   pattern: schemaUtils_1.DYNAMIC_OPTIONS_DSL_PATTERN
@@ -373,20 +397,22 @@ var dynamicOptionsDSLType = {
  * @param optionsSchema a visualization's options schema
  * @returns an updated options schema that additionally allows strings starting with > for each option
  */
+
 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"]);
+        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 && {
@@ -400,12 +426,14 @@ function enhanceOptionsSchemaWithDynamicOptions(optionsSchema) {
     }), defaultValue !== undefined && {
       default: defaultValue
     });
+
     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) {
@@ -423,6 +451,7 @@ function enhanceOptionsSchemaWithDynamicOptions(optionsSchema) {
   });
   return enhancedOptionsSchema;
 }
+
 exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamicOptions;
 /**
  * Helper function to enhance a Visualization Config as needed based on behaviors specified in supports block
@@ -431,11 +460,14 @@ exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamic
  * @returns an enhanced Visualization Config containing updated config entries based on behaviors it supports
  * and containing `open: false` for all editor panels in editorConfig
  */
+
 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
@@ -443,6 +475,7 @@ function enhanceConfig(vizConfig) {
   });
   return enhancedConfig;
 }
+
 exports.enhanceConfig = enhanceConfig;
 /**
  * Helper function to uncollapse all editor panels by adding `open: true` to the editorConfig
@@ -450,6 +483,7 @@ exports.enhanceConfig = enhanceConfig;
  * @param vizConfig a Visualization Config
  * @returns a Visualization Config containing `open: true` for all editor panels in editorConfig
  */
+
 function uncollapseEditorConfig(vizConfig) {
   var editorPanelUncollapsedConfig = Object.assign({}, vizConfig);
   editorPanelUncollapsedConfig.editorConfig = vizConfig.editorConfig.map(function (config) {
@@ -459,13 +493,16 @@ function uncollapseEditorConfig(vizConfig) {
   });
   return editorPanelUncollapsedConfig;
 }
+
 exports.uncollapseEditorConfig = uncollapseEditorConfig;
+
 function isDynamicOption(option) {
   return option && typeof option === 'string' && option.trim().startsWith('>') || false;
 }
-exports.isDynamicOption = isDynamicOption;
-// private helpers to improve readability of getInitialPreset
+
+exports.isDynamicOption = isDynamicOption; // private helpers to improve readability of getInitialPreset
 // this shouldn't be tested since this util isn't something that we expect to use outside of getInitialPreset
+
 /**
  * this checks to make sure that all values within vizContext are compatible with the given preset's context to determine the initialPreset
  * if a preset has explicitly specified a key as being undefined, the vizContext must also has that key as undefined, or else this CANNOT be the initialPreset
@@ -474,6 +511,7 @@ exports.isDynamicOption = isDynamicOption;
  *
  * Since the presetConfigs have explicit undefined keys to override the existing config, we need to explicitly check the undefined values
  */
+
 function hasCompatibleContexts(vizContext, presetContext) {
   var presetContextKeys = Object.keys(presetContext);
   return presetContextKeys.every(function (contextKey) {
@@ -483,6 +521,8 @@ function hasCompatibleContexts(vizContext, presetContext) {
 /**
  * Checks to make sure that dynamic (non-dynamic) options in a given preset are also dynamic (non-dynamic) in the vizOptions
  */
+
+
 function hasCompatibleOptions(vizOptions, presetOptions) {
   var presetOptionKeys = Object.keys(presetOptions);
   return presetOptionKeys.every(function (optionKey) {
@@ -497,18 +537,21 @@ function hasCompatibleOptions(vizOptions, presetOptions) {
  * @param {Object} vizOptions - the current vizOptions definition
  * @param {PresetEntry[]} presets - the list of presets, one of which can be considered an initialPreset
  */
+
+
 function getInitialPreset(vizContext, vizOptions, presets) {
   return presets.find(function (preset) {
-    var presetContext = lodash_1.get(preset, ['value', 'context'], {});
-    var presetOptions = lodash_1.get(preset, ['value', 'options'], {});
+    var presetContext = (0, lodash_1.get)(preset, ['value', 'context'], {});
+    var presetOptions = (0, lodash_1.get)(preset, ['value', 'options'], {});
     var presetContextKeys = Object.keys(presetContext);
-    var presetOptionKeys = Object.keys(presetOptions);
-    // all presets have to explicitly specify which options to reset (i.e. need explicitly undefined keys)
+    var presetOptionKeys = Object.keys(presetOptions); // all presets have to explicitly specify which options to reset (i.e. need explicitly undefined keys)
     // if not, then the preset is invalid in config.ts
+
     if (presetContextKeys.length === 0 || presetOptionKeys.length === 0) return false;
     return hasCompatibleContexts(vizContext, presetContext) && hasCompatibleOptions(vizOptions, presetOptions);
   });
 }
+
 exports.getInitialPreset = getInitialPreset;
 /**
  * generates number precision values for a Select editor
@@ -516,14 +559,16 @@ exports.getInitialPreset = getInitialPreset;
  * @param {Number} numPrecisionValues - number of integer precision values to generate
  * @returns {{ label: string; value; string  }[]} array of { label, value } tuples
  */
+
 function generatePrecisionValues(numPrecisionValues) {
-  return lodash_1.range(0, numPrecisionValues + 1).map(function (i) {
+  return (0, lodash_1.range)(0, numPrecisionValues + 1).map(function (i) {
     return {
       label: "".concat(i, " (0").concat(i > 0 ? '.' : '').concat('0'.repeat(i), ")"),
       value: i
     };
   });
 }
+
 exports.generatePrecisionValues = generatePrecisionValues;
 /**
  * insert layout in layout array, return a new layout array instead of updating the original
@@ -533,12 +578,15 @@ exports.generatePrecisionValues = generatePrecisionValues;
  * @param {EditorLayoutConfig[][]} layoutItems - the item(s) to insert
  * @returns {EditorLayoutConfig[][]} new editor layout with insertion
  */
+
 var insertLayout = function insertLayout(layout, index) {
   for (var _len = arguments.length, layoutItems = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
     layoutItems[_key - 2] = arguments[_key];
   }
+
   return [].concat(_toConsumableArray(layout.slice(0, index)), layoutItems, _toConsumableArray(layout.slice(index)));
 };
+
 exports.insertLayout = insertLayout;
 
 /***/ }),
@@ -559,35 +607,41 @@ module.exports = require("@splunk/themes/pick");
 /* 25 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-context/TimezoneContext");
+module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 /* 26 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/hocUtils");
+module.exports = require("@splunk/visualization-context/TimezoneContext");
 
 /***/ }),
 /* 27 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
+module.exports = require("@splunk/visualizations-shared/hocUtils");
 
 /***/ }),
 /* 28 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/propUtils");
+module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
 
 /***/ }),
 /* 29 */
 /***/ (function(module, exports) {
 
+module.exports = require("@splunk/visualizations-shared/propUtils");
+
+/***/ }),
+/* 30 */
+/***/ (function(module, exports) {
+
 module.exports = require("@splunk/visualization-encoding/Options");
 
 /***/ }),
-/* 30 */,
-/* 31 */
+/* 31 */,
+/* 32 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -597,11 +651,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shouldShowIconPlaceholder = void 0;
+
 var React = __webpack_require__(1);
+
 var T = __webpack_require__(0);
+
 var lodash_1 = __webpack_require__(3);
+
 var i18n_1 = __webpack_require__(2);
+
 var Message_1 = __webpack_require__(10);
+
 var FixedSizeContainer_1 = __webpack_require__(13);
 /**
  * @method shouldShowIconPlaceholder
@@ -609,14 +669,17 @@ var FixedSizeContainer_1 = __webpack_require__(13);
  * @param {boolean} loading
  * @returns {boolean}
  */
+
+
 var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources) {
   var loading = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var data = lodash_1.get(dataSources, 'primary.data.columns[0]', undefined);
+  var data = (0, lodash_1.get)(dataSources, 'primary.data.columns[0]', undefined);
   var noData = data === undefined;
-  var fields = lodash_1.get(dataSources, 'primary.data.fields[0]', undefined);
+  var fields = (0, lodash_1.get)(dataSources, 'primary.data.fields[0]', undefined);
   var noFields = fields === undefined;
   return loading || noData || noFields;
 };
+
 exports.shouldShowIconPlaceholder = shouldShowIconPlaceholder;
 var propTypes = {
   icon: T.func,
@@ -631,11 +694,13 @@ var propTypes = {
  * @param {IconPlaceholderProps} props
  * @returns {React.ReactElement}
  */
+
 var IconPlaceholder = function IconPlaceholder(props) {
   var width = props.width,
-    height = props.height,
-    icon = props.icon,
-    iconColor = props.iconColor;
+      height = props.height,
+      icon = props.icon,
+      iconColor = props.iconColor;
+
   if (icon) {
     return React.createElement(icon, {
       style: {
@@ -650,25 +715,21 @@ var IconPlaceholder = function IconPlaceholder(props) {
       height: '50%'
     });
   }
+
   return React.createElement(Message_1.default, {
     width: width,
     height: height,
     level: "warning",
-    message: i18n_1._('No DataSource Connected')
+    message: (0, i18n_1._)('No DataSource Connected')
   });
 };
+
 IconPlaceholder.propTypes = propTypes;
 IconPlaceholder.defaultProps = {
   width: '100%',
   height: 250
 };
-exports.default = FixedSizeContainer_1.default(IconPlaceholder);
-
-/***/ }),
-/* 32 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/id");
+exports.default = (0, FixedSizeContainer_1.default)(IconPlaceholder);
 
 /***/ }),
 /* 33 */
@@ -678,21 +739,27 @@ module.exports = require("@splunk/ui-utils/id");
 
 
 var _defineProperty = __webpack_require__(7);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSortingParams = exports.SortParamsPropTypes = void 0;
+
 var T = __webpack_require__(0);
+
 var lodash_1 = __webpack_require__(3);
-var DataSource_1 = __webpack_require__(43);
+
+var DataSource_1 = __webpack_require__(34);
+
 exports.SortParamsPropTypes = T.shape({
   currentSortKey: T.string,
   currentSortDir: T.oneOf(DataSource_1.validSortDirs),
   onSort: T.func
 });
+
 var getSortingParams = function getSortingParams(_ref) {
   var requestParams = _ref.requestParams,
-    onRequestParamsChange = _ref.onRequestParamsChange;
+      onRequestParamsChange = _ref.onRequestParamsChange;
   var currentSortKey;
   var currentSortDir;
   var nextSortDirMap = {
@@ -701,17 +768,20 @@ var getSortingParams = function getSortingParams(_ref) {
     none: 'asc'
   };
   var onSort;
+
   if (typeof onRequestParamsChange === 'function') {
-    if (requestParams && lodash_1.has(requestParams, 'sort')) {
+    if (requestParams && (0, lodash_1.has)(requestParams, 'sort')) {
       currentSortKey = Object.keys(requestParams.sort).shift();
       currentSortDir = requestParams.sort[currentSortKey];
-    }
-    // undid memoization since there is a dependency on requestParams, which is a deeply nested object
+    } // undid memoization since there is a dependency on requestParams, which is a deeply nested object
+
+
     onSort = function onSort(e, _ref2) {
       var sortKey = _ref2.sortKey,
-        sortDir = _ref2.sortDir;
+          sortDir = _ref2.sortDir;
+
       if (typeof sortKey === 'string') {
-        var nextSortDir = lodash_1.has(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
+        var nextSortDir = (0, lodash_1.has)(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
         onRequestParamsChange(Object.assign(Object.assign({}, requestParams), {
           offset: 0,
           sort: _defineProperty({}, sortKey, nextSortDir)
@@ -721,12 +791,14 @@ var getSortingParams = function getSortingParams(_ref) {
       }
     };
   }
+
   return {
     currentSortKey: currentSortKey,
     currentSortDir: currentSortDir,
     onSort: onSort
   };
 };
+
 exports.getSortingParams = getSortingParams;
 
 /***/ }),
@@ -736,43 +808,68 @@ exports.getSortingParams = getSortingParams;
 "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'];
+
+/***/ }),
+/* 35 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getPaginationParams = exports.PaginatorParamsPropTypes = void 0;
+
 var T = __webpack_require__(0);
+
 var lodash_1 = __webpack_require__(3);
+
 exports.PaginatorParamsPropTypes = T.shape({
   isPaging: T.bool,
   current: T.number,
   totalPages: T.number,
   onChange: T.func
 });
+
 var getPaginationParams = function getPaginationParams(_ref) {
   var requestParams = _ref.requestParams,
-    meta = _ref.meta,
-    onRequestParamsChange = _ref.onRequestParamsChange;
+      meta = _ref.meta,
+      onRequestParamsChange = _ref.onRequestParamsChange;
   var totalCount = meta && meta.totalCount || 0;
   var offset = requestParams && requestParams.offset || 0;
   var count = requestParams && requestParams.count;
   var totalPages = typeof count === 'number' && count > 0 ? Math.ceil(totalCount / count) : 0;
   var current = typeof count === 'number' && count > 0 ? Math.floor(offset / count) + 1 : 0;
   var isPaging = totalPages > 1 && typeof onRequestParamsChange === 'function';
+
   var onChangeHandler = function onChangeHandler(e, _ref2) {
     var page = _ref2.page,
-      countArg = _ref2.count;
-    var newParams = lodash_1.cloneDeep(requestParams);
+        countArg = _ref2.count;
+    var newParams = (0, lodash_1.cloneDeep)(requestParams);
+
     if (typeof countArg === 'number') {
       newParams.count = countArg;
       newParams.offset = 0;
     }
+
     var pageCount = typeof newParams.count === 'number' ? newParams.count : 10;
+
     if (typeof page === 'number' && page > 0) {
       newParams.count = pageCount;
       newParams.offset = (page - 1) * pageCount;
     }
+
     onRequestParamsChange(newParams);
   };
+
   return {
     isPaging: isPaging,
     current: current,
@@ -780,10 +877,11 @@ var getPaginationParams = function getPaginationParams(_ref) {
     onChange: typeof onRequestParamsChange === 'function' ? onChangeHandler : lodash_1.noop
   };
 };
+
 exports.getPaginationParams = getPaginationParams;
 
 /***/ }),
-/* 35 */
+/* 36 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -794,6 +892,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VizCategory = void 0;
 var VizCategory;
+
 (function (VizCategory) {
   VizCategory["SINGLE_VALUE"] = "Single Value";
   VizCategory["TRENDS"] = "Trends";
@@ -810,67 +909,96 @@ var VizCategory;
 })(VizCategory = exports.VizCategory || (exports.VizCategory = {}));
 
 /***/ }),
-/* 36 */
+/* 37 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _slicedToArray = __webpack_require__(17);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
+
 var lodash_1 = __webpack_require__(3);
-var getSettingsFromThemedProps_1 = __webpack_require__(37);
-var Options_1 = __webpack_require__(29);
-var SanitizeProps_1 = __webpack_require__(38);
-var TimezoneContext_1 = __webpack_require__(25);
-var moment_1 = __webpack_require__(39);
+
+var getSettingsFromThemedProps_1 = __webpack_require__(38);
+
+var Options_1 = __webpack_require__(30);
+
+var SanitizeProps_1 = __webpack_require__(39);
+
+var TimezoneContext_1 = __webpack_require__(26);
+
+var moment_1 = __webpack_require__(40);
+
 var FeatureFlagContext_1 = __webpack_require__(21);
+
 var styled_components_1 = __webpack_require__(4);
-var hocUtils_1 = __webpack_require__(26);
-var JSONSchemaUtils_1 = __webpack_require__(27);
-var async_dynamic_options_evaluator_1 = __webpack_require__(40);
-var id_1 = __webpack_require__(32);
-var SplunkVisualization_1 = __webpack_require__(41);
+
+var hocUtils_1 = __webpack_require__(27);
+
+var JSONSchemaUtils_1 = __webpack_require__(28);
+
+var async_dynamic_options_evaluator_1 = __webpack_require__(41);
+
+var id_1 = __webpack_require__(25);
+
+var SplunkVisualization_1 = __webpack_require__(42);
+
 var VizBehavior_1 = __webpack_require__(6);
+
 var getSorting_1 = __webpack_require__(33);
-var getPagination_1 = __webpack_require__(34);
+
+var getPagination_1 = __webpack_require__(35);
+
 var useDeepMemo_1 = __webpack_require__(44);
+
 var MissingPropsMessage_1 = __webpack_require__(45);
+
 var withEditModeCover_1 = __webpack_require__(46);
+
 var withPlaceholder_1 = __webpack_require__(47);
 /**
  * hoc that wraps a pure react visualization in a Dashboard visualization
  * @param {DashboardVizOpts} opts
  * @returns {HOC}
  */
+
+
 var withDashboardViz = function withDashboardViz(opts) {
   var ReactViz = opts.ReactViz,
-    vizConfig = opts.vizConfig,
-    _opts$computeVizProps = opts.computeVizProps,
-    computeVizProps = _opts$computeVizProps === void 0 ? function () {} : _opts$computeVizProps,
-    disableEditModeCover = opts.disableEditModeCover,
-    useIconPlaceholder = opts.useIconPlaceholder; // sanitizing props before sending them to reactviz.
-  var SanitizedReactViz = SanitizeProps_1.withSanitizedProps(ReactViz);
-  var defaultOptions = JSONSchemaUtils_1.pickFieldFromJSONSchema(vizConfig.optionsSchema, 'default');
+      vizConfig = opts.vizConfig,
+      _opts$computeVizProps = opts.computeVizProps,
+      computeVizProps = _opts$computeVizProps === void 0 ? function () {} : _opts$computeVizProps,
+      disableEditModeCover = opts.disableEditModeCover,
+      useIconPlaceholder = opts.useIconPlaceholder; // sanitizing props before sending them to reactviz.
+
+  var SanitizedReactViz = (0, SanitizeProps_1.withSanitizedProps)(ReactViz);
+  var defaultOptions = (0, JSONSchemaUtils_1.pickFieldFromJSONSchema)(vizConfig.optionsSchema, 'default');
+
   var DashboardViz = function DashboardViz(props) {
     var _a;
+
     var mode = props.mode,
-      hasEventHandlers = props.hasEventHandlers,
-      dataSources = props.dataSources,
-      options = props.options,
-      _props$context = props.context,
-      context = _props$context === void 0 ? {} : _props$context,
-      width = props.width,
-      height = props.height,
-      onComputedProps = props.onComputedProps,
-      onEventTrigger = props.onEventTrigger,
-      theme = props.theme,
-      onRequestParamsChange = props.onRequestParamsChange;
+        hasEventHandlers = props.hasEventHandlers,
+        dataSources = props.dataSources,
+        options = props.options,
+        _props$context = props.context,
+        context = _props$context === void 0 ? {} : _props$context,
+        width = props.width,
+        height = props.height,
+        onComputedProps = props.onComputedProps,
+        onEventTrigger = props.onEventTrigger,
+        theme = props.theme,
+        onRequestParamsChange = props.onRequestParamsChange;
+
     var _React$useContext = React.useContext(TimezoneContext_1.default),
-      serializedTimezone = _React$useContext.serializedTimezone;
+        serializedTimezone = _React$useContext.serializedTimezone;
+
     if (serializedTimezone) {
       /*
           @splunk/moment currently does not allow us to customize the timezone on a per visualization basis.
@@ -884,44 +1012,58 @@ var withDashboardViz = function withDashboardViz(opts) {
         moment_1.default.setDefaultSplunkTimezone(serializedTimezone);
       }
     }
+
     var themeFunc = function themeFunc(themeVar) {
       var _a, _b;
+
       return (_b = (_a = vizConfig.themes)[themeVar]) === null || _b === void 0 ? void 0 : _b.call(_a, props);
     };
+
     var bgColorFromTheme = themeFunc('defaultBackgroundColor');
-    var _getSettingsFromTheme = getSettingsFromThemedProps_1.default({
-        theme: theme
-      }),
-      currentThemeFamily = _getSettingsFromTheme.family,
-      currentThemeColorScheme = _getSettingsFromTheme.colorScheme,
-      currentThemeDensity = _getSettingsFromTheme.density;
+
+    var _ref = (0, getSettingsFromThemedProps_1.default)({
+      theme: theme
+    }),
+        currentThemeFamily = _ref.family,
+        currentThemeColorScheme = _ref.colorScheme,
+        currentThemeDensity = _ref.density;
+
     var evaluatedOptions = {}; // evaluatedOptions need to be initialized as an empty object
+
     var _React$useState = React.useState({}),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      evaluatedOptionsAsync = _React$useState2[0],
-      setEvaluatedOptionsAsync = _React$useState2[1]; // evaluatedOptions need to be initialized as an empty object
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        evaluatedOptionsAsync = _React$useState2[0],
+        setEvaluatedOptionsAsync = _React$useState2[1]; // evaluatedOptions need to be initialized as an empty object
+
+
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
-    var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat(id_1.createGUID())),
-      _React$useState4 = _slicedToArray(_React$useState3, 1),
-      visualizationID = _React$useState4[0];
+
+    var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat((0, id_1.createGUID)())),
+        _React$useState4 = _slicedToArray(_React$useState3, 1),
+        visualizationID = _React$useState4[0];
+
     var _React$useState5 = React.useState({}),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      dataSourcesInState = _React$useState6[0],
-      setDataSourcesInState = _React$useState6[1];
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        dataSourcesInState = _React$useState6[0],
+        setDataSourcesInState = _React$useState6[1];
+
     var _React$useState7 = React.useState(),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      dataFramesInState = _React$useState8[0],
-      setDataFramesInState = _React$useState8[1];
-    var _React$useState9 = React.useState(Boolean(featureFlagContext && featureFlagContext.visualizations_useWebWorkersForDSL && typeof Worker !== 'undefined')),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      useAsyncEvaluatedOptions = _React$useState10[0],
-      setUseAsyncEvaluatedOptions = _React$useState10[1];
-    evaluatedOptions = useDeepMemo_1.useDeepMemo(function () {
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        dataFramesInState = _React$useState8[0],
+        setDataFramesInState = _React$useState8[1];
+
+    var _React$useState9 = React.useState(Boolean(featureFlagContext === null || featureFlagContext === void 0 ? void 0 : featureFlagContext.visualizations_useWebWorkersForDSL)),
+        _React$useState10 = _slicedToArray(_React$useState9, 2),
+        useAsyncEvaluatedOptions = _React$useState10[0],
+        setUseAsyncEvaluatedOptions = _React$useState10[1];
+
+    var isMounted = React.useRef(true);
+    evaluatedOptions = (0, useDeepMemo_1.useDeepMemo)(function () {
       try {
         if (useAsyncEvaluatedOptions) {
           var optionsToEvaluate = {
-            context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
-            options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
+            context: (0, lodash_1.defaultsDeep)({}, context, vizConfig.defaultContext),
+            options: (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
           };
           var asyncDynamicOptionsEvaluatorParams = {
             visualizationID: visualizationID,
@@ -932,21 +1074,23 @@ var withDashboardViz = function withDashboardViz(opts) {
           };
           async_dynamic_options_evaluator_1.default.evaluate(asyncDynamicOptionsEvaluatorParams).then(function (results) {
             setEvaluatedOptionsAsync(results.results);
-          }).catch(function (e) {
-            // eslint-disable-next-line no-console
-            console.error("unexpected error evaluating options - async: ".concat(e.message));
-            setUseAsyncEvaluatedOptions(false);
+          }).catch(function () {
+            if (isMounted.current) {
+              setUseAsyncEvaluatedOptions(false);
+            }
           });
         } else {
           var dataFrames = dataFramesInState;
+
           if (dataSources !== dataSourcesInState) {
             setDataSourcesInState(dataSources);
             dataFrames = Options_1.Options.dataFrameFromDataSource(dataSources);
             setDataFramesInState(dataFrames);
           }
+
           return Options_1.Options.evaluate({
-            context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
-            options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
+            context: (0, lodash_1.defaultsDeep)({}, context, vizConfig.defaultContext),
+            options: (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
           }, dataSources, themeFunc, dataFrames);
         }
       } catch (e) {
@@ -954,67 +1098,76 @@ var withDashboardViz = function withDashboardViz(opts) {
         console.error("unexpected error evaluating options: ".concat(e.message));
         return {};
       }
+
       return {};
     }, [currentThemeFamily, currentThemeColorScheme, currentThemeDensity, options, context, dataSources, serializedTimezone, useAsyncEvaluatedOptions]);
-    var evaluatedOptionsToUse = !useAsyncEvaluatedOptions ? evaluatedOptions : evaluatedOptionsAsync;
-    // trellis specific backgroundColor update for onComputedProps
+    var evaluatedOptionsToUse = !useAsyncEvaluatedOptions ? evaluatedOptions : evaluatedOptionsAsync; // trellis specific backgroundColor update for onComputedProps
     // if trellis is enabled following these three criteria - 1) trellis feature flag is enabled 2) vizConfig supports array has 'trellis' 3)  option 'splitByLayout' is set to 'trellis
     // onComputedProps api should return back trellisBackgroundColor value for backgroundColor option to support coloring of sibling panels (for eg:- title/ description on UDF side)
+
     var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
     var clonedEvaluatedOptions = evaluatedOptionsToUse;
+
     if (isTrellisFeatureFlagOn && ((_a = vizConfig === null || vizConfig === void 0 ? void 0 : vizConfig.supports) === null || _a === void 0 ? void 0 : _a.includes(VizBehavior_1.VizBehavior.TRELLIS)) && (clonedEvaluatedOptions === null || clonedEvaluatedOptions === void 0 ? void 0 : clonedEvaluatedOptions.splitByLayout) === VizBehavior_1.VizBehavior.TRELLIS) {
       clonedEvaluatedOptions = Object.assign(Object.assign({}, evaluatedOptionsToUse), {
         backgroundColor: clonedEvaluatedOptions === null || clonedEvaluatedOptions === void 0 ? void 0 : clonedEvaluatedOptions.trellisBackgroundColor
       });
-    }
-    // useEffect hook needs to be initialized before any early returns
+    } // useEffect hook needs to be initialized before any early returns
     // this is in accordance with the order of hook calls being the same on each render https://reactjs.org/docs/hooks-rules.html#explanation
+
+
     React.useEffect(function () {
       onComputedProps(clonedEvaluatedOptions);
     });
     React.useEffect(function () {
       return function () {
         if (useAsyncEvaluatedOptions) {
+          isMounted.current = false;
           async_dynamic_options_evaluator_1.default.reset(visualizationID);
         }
-      };
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    // present warning message if any required props are missing
+      }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []); // present warning message if any required props are missing
+
     var _vizConfig$requiredPr = vizConfig.requiredProps,
-      requiredProps = _vizConfig$requiredPr === void 0 ? [] : _vizConfig$requiredPr,
-      supports = vizConfig.supports;
-    var missing = MissingPropsMessage_1.missingKeys(requiredProps, evaluatedOptionsToUse);
+        requiredProps = _vizConfig$requiredPr === void 0 ? [] : _vizConfig$requiredPr,
+        supports = vizConfig.supports;
+    var missing = (0, MissingPropsMessage_1.missingKeys)(requiredProps, evaluatedOptionsToUse);
+
     if (missing.length > 0 && supports.includes(VizBehavior_1.VizBehavior.PLACEHOLDER) && vizConfig.key !== 'splunk.singlevalue' // For SV missing props msg is not displayed if required props majorValue is missing, instead this will be handled from the component, instead handled within component
     ) {
-      return React.createElement(MissingPropsMessage_1.default, {
-        "data-test": "missing-props-message",
-        width: width,
-        height: height,
-        missingProps: missing,
-        backgroundColor: bgColorFromTheme
-      });
-    }
-    // events
+        return React.createElement(MissingPropsMessage_1.default, {
+          "data-test": "missing-props-message",
+          width: width,
+          height: height,
+          missingProps: missing,
+          backgroundColor: bgColorFromTheme
+        });
+      } // events
+
+
     var eventCallbackProps = {};
+
     if (hasEventHandlers && mode === 'view' && vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.EVENTS) > -1) {
       var supportedEvents = vizConfig.events;
       Object.keys(supportedEvents).forEach(function (eventName) {
-        var eventCallbackPropName = lodash_1.camelCase("on.".concat(eventName));
-        eventCallbackProps[eventCallbackPropName] = null;
-        // todo: refactor single value and single value icon to send payload from viz
+        var eventCallbackPropName = (0, lodash_1.camelCase)("on.".concat(eventName));
+        eventCallbackProps[eventCallbackPropName] = null; // todo: refactor single value and single value icon to send payload from viz
         // then remove these lines
+
         var payloadKeys = supportedEvents[eventName].payloadKeys;
         var payload = {};
+
         if (Array.isArray(payloadKeys) && payloadKeys.length) {
           payloadKeys.forEach(function (p) {
             payload[p] = evaluatedOptionsToUse[p];
           });
         }
+
         eventCallbackProps[eventCallbackPropName] = function (ev) {
           if (ev && ev.payload) {
             payload = ev.payload;
           }
+
           return onEventTrigger({
             originalEvent: ev,
             payload: payload,
@@ -1022,8 +1175,9 @@ var withDashboardViz = function withDashboardViz(opts) {
           });
         };
       });
-    }
-    // compute pure viz props which are not from options
+    } // compute pure viz props which are not from options
+
+
     var computedVizProps = computeVizProps(Object.assign(Object.assign(Object.assign(Object.assign({}, props), evaluatedOptionsToUse), eventCallbackProps), {
       themeFunc: themeFunc
     }));
@@ -1041,21 +1195,25 @@ var withDashboardViz = function withDashboardViz(opts) {
      * In future, we could automatically detect which all datasources are being used
      * and bind those magically to pagination/sorting behavior.
      */
+
     var dataSourceMetadata = {};
     var OptionKey = 'paginateDataSourceKey';
-    var paginateDataSourceKey = lodash_1.has(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey] || 'primary';
-    if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.PAGE_AND_SORT) > -1 && lodash_1.has(dataSources, paginateDataSourceKey)) {
-      var requestParams = lodash_1.get(dataSources, [paginateDataSourceKey, 'requestParams'], {});
-      var meta = lodash_1.get(dataSources, [paginateDataSourceKey, 'meta'], {});
+    var paginateDataSourceKey = (0, lodash_1.has)(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey] || 'primary';
+
+    if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.PAGE_AND_SORT) > -1 && (0, lodash_1.has)(dataSources, paginateDataSourceKey)) {
+      var requestParams = (0, lodash_1.get)(dataSources, [paginateDataSourceKey, 'requestParams'], {});
+      var meta = (0, lodash_1.get)(dataSources, [paginateDataSourceKey, 'meta'], {});
+
       var handleRequestParamsChange = function handleRequestParamsChange(payload) {
         return onRequestParamsChange(paginateDataSourceKey, payload);
       };
-      var sortParams = getSorting_1.getSortingParams({
+
+      var sortParams = (0, getSorting_1.getSortingParams)({
         requestParams: requestParams,
         meta: meta,
         onRequestParamsChange: handleRequestParamsChange
       });
-      var paginatorParams = getPagination_1.getPaginationParams({
+      var paginatorParams = (0, getPagination_1.getPaginationParams)({
         requestParams: requestParams,
         meta: meta,
         onRequestParamsChange: handleRequestParamsChange
@@ -1064,103 +1222,120 @@ var withDashboardViz = function withDashboardViz(opts) {
         sortParams: sortParams,
         paginatorParams: paginatorParams
       };
-    }
-    // if were using webworkers and this is the first render we dont want to show a viz with missing data so we return null
+    } // if were using webworkers and this is the first render we dont want to show a viz with missing data so we return null
+
+
     if (useAsyncEvaluatedOptions && Object.keys(evaluatedOptionsToUse).length === 0) {
       return null;
     }
+
     return React.createElement(SanitizedReactViz, Object.assign({
       mode: mode,
       width: width,
       height: height
     }, evaluatedOptionsToUse, computedVizProps, eventCallbackProps, dataSourceMetadata));
   };
+
   DashboardViz.propTypes = Object.assign(Object.assign({}, SplunkVisualization_1.default.propTypes), ReactViz.propTypes);
   DashboardViz.defaultProps = Object.assign(Object.assign(Object.assign({}, SplunkVisualization_1.default.defaultProps), ReactViz.defaultProps), {
     // using withTheme requires component to receive theme prop. In case the consumer did not provide ThemeProvider, a default empty object will prevent warnings.
     theme: {}
-  });
-  // attach viz config
-  DashboardViz.config = vizConfig;
-  // @ts-ignore: TODO fix sc upgrade TS issues
-  return styled_components_1.withTheme(withPlaceholder_1.default(withEditModeCover_1.default(DashboardViz, disableEditModeCover), useIconPlaceholder));
+  }); // attach viz config
+
+  DashboardViz.config = vizConfig; // @ts-ignore: TODO fix sc upgrade TS issues
+
+  return (0, styled_components_1.withTheme)((0, withPlaceholder_1.default)((0, withEditModeCover_1.default)(DashboardViz, disableEditModeCover), useIconPlaceholder));
 };
+
 exports.default = withDashboardViz;
 
 /***/ }),
-/* 37 */
+/* 38 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/getSettingsFromThemedProps");
 
 /***/ }),
-/* 38 */
+/* 39 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SanitizeProps");
 
 /***/ }),
-/* 39 */
+/* 40 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/moment");
 
 /***/ }),
-/* 40 */
+/* 41 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/async-dynamic-options-evaluator");
 
 /***/ }),
-/* 41 */
+/* 42 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _classCallCheck = __webpack_require__(9);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.INITIAL_HEIGHT = exports.INITIAL_WIDTH = void 0;
 /* eslint-disable react/no-unused-prop-types,react/prefer-stateless-function */
+
 var T = __webpack_require__(0);
+
 var lodash_1 = __webpack_require__(3);
-var VizActionHandler_1 = __webpack_require__(42);
-// this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
+
+var VizActionHandler_1 = __webpack_require__(43); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
+
+
 exports.INITIAL_WIDTH = 250;
 exports.INITIAL_HEIGHT = 250;
 /**
  * A Splunk visualization
  */
+
 var SplunkVisualization = function SplunkVisualization() {
   _classCallCheck(this, SplunkVisualization);
 };
+
 SplunkVisualization.propTypes = {
   /**
    * display mode
    */
   mode: T.oneOf(['view', 'edit', 'export']).isRequired,
+
   /**
    * width in pixel or string, defaults to 100%
    */
   width: T.oneOfType([T.string, T.number]).isRequired,
+
   /**
    * height in pixel or string
    */
   height: T.oneOfType([T.string, T.number]).isRequired,
+
   /**
    * visualization context used for dynamic option evaluation
    */
   context: T.object,
+
   /**
    * visualization formatting options
    */
   options: T.object,
+
   /**
    * A callback to update formatting options
    */
   onOptionsChange: T.func,
+
   /**
    * datasource state which include data and request params, object key indicate the datasource type.
    */
@@ -1169,6 +1344,7 @@ SplunkVisualization.propTypes = {
      * current request params
      */
     requestParams: T.object,
+
     /**
      * current dataset
      */
@@ -1176,6 +1352,7 @@ SplunkVisualization.propTypes = {
       fields: T.array,
       columns: T.array
     }),
+
     /**
      * error
      */
@@ -1183,29 +1360,35 @@ SplunkVisualization.propTypes = {
       level: T.string,
       message: T.string
     }),
+
     /**
      * meta data that came with the dataset
      */
     meta: T.object
   })),
+
   /**
    * A callback to trigger event
    */
   onEventTrigger: T.func,
+
   /**
    * Inform viz if there are handlers listening to events
    */
   hasEventHandlers: T.bool,
+
   /**
    * A callback to communicate computed props to a consumer
    */
   onComputedProps: T.func,
+
   /**
    * A callback to obtain visualization api
    */
   vizActionHandlerRef: T.func,
   loading: T.bool,
   theme: T.object,
+
   /**
    * A callback to request new data with updated request params
    */
@@ -1214,6 +1397,7 @@ SplunkVisualization.propTypes = {
 /**
  *
  */
+
 SplunkVisualization.defaultProps = {
   // BaseVisualization in dashboard-visualizations uses 100% for width but 250 for height
   width: '100%',
@@ -1241,26 +1425,29 @@ SplunkVisualization.defaultProps = {
 exports.default = SplunkVisualization;
 
 /***/ }),
-/* 42 */
+/* 43 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _classCallCheck = __webpack_require__(9);
+
 var _createClass = __webpack_require__(18);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DefaultVizActionHandler = void 0;
+
 var DefaultVizActionHandler = /*#__PURE__*/function () {
   function DefaultVizActionHandler() {
     _classCallCheck(this, DefaultVizActionHandler);
   }
+
   _createClass(DefaultVizActionHandler, [{
     key: "focus",
-    value: function focus() {
-      // noop
+    value: function focus() {// noop
     }
   }, {
     key: "snapshot",
@@ -1268,22 +1455,11 @@ var DefaultVizActionHandler = /*#__PURE__*/function () {
       return null; // noop
     }
   }]);
+
   return DefaultVizActionHandler;
 }();
-exports.DefaultVizActionHandler = DefaultVizActionHandler;
-
-/***/ }),
-/* 43 */
-/***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validSortDirs = void 0;
-exports.validSortDirs = ['asc', 'desc', 'none'];
+exports.DefaultVizActionHandler = DefaultVizActionHandler;
 
 /***/ }),
 /* 44 */
@@ -1296,7 +1472,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDeepMemo = void 0;
+
 var react_1 = __webpack_require__(1);
+
 var lodash_1 = __webpack_require__(3);
 /**
  * This hook evaluates and stores the result of a passed function and only
@@ -1311,16 +1489,21 @@ var lodash_1 = __webpack_require__(3);
  * @param fn the function to be executed and
  * @param dependencies an array of dependencies
  */
+
+
 var useDeepMemo = function useDeepMemo(fn, dependencies) {
-  var ref = react_1.useRef();
-  if (!ref.current || !lodash_1.isEqual(dependencies, ref.current.dependencies)) {
+  var ref = (0, react_1.useRef)();
+
+  if (!ref.current || !(0, lodash_1.isEqual)(dependencies, ref.current.dependencies)) {
     ref.current = {
       dependencies: dependencies,
       value: fn()
     };
   }
+
   return ref.current.value;
 };
+
 exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
@@ -1334,19 +1517,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MissingPropsMessage = exports.missingKeys = exports.isMissing = void 0;
+
 var React = __webpack_require__(1);
+
 var T = __webpack_require__(0);
+
 var i18n_1 = __webpack_require__(2);
+
 var Message_1 = __webpack_require__(10);
+
 var FixedSizeContainer_1 = __webpack_require__(13);
 /**
  * @method isMissing
  * @param {any} v
  * @returns {boolean} true if the input value === null or undefined
  */
+
+
 var isMissing = function isMissing(v) {
   return v === null || v === undefined;
 };
+
 exports.isMissing = isMissing;
 /**
  * @method misskingKeys
@@ -1354,11 +1545,13 @@ exports.isMissing = isMissing;
  * @param {object} target
  * @returns {string[]} the keys of missing required props
  */
+
 var missingKeys = function missingKeys(keys, target) {
   return keys.filter(function (k) {
-    return exports.isMissing(target[k]);
+    return (0, exports.isMissing)(target[k]);
   });
 };
+
 exports.missingKeys = missingKeys;
 var propTypes = {
   width: T.oneOfType([T.string, T.number]),
@@ -1372,24 +1565,26 @@ var propTypes = {
  * @param {MissingPropsProps} props
  * @returns {React.ReactElement}
  */
+
 var MissingPropsMessage = function MissingPropsMessage(props) {
   var width = props.width,
-    height = props.height,
-    missingProps = props.missingProps;
+      height = props.height,
+      missingProps = props.missingProps;
   return React.createElement(Message_1.default, {
     "data-test": "message",
     width: width,
     height: height,
-    message: i18n_1._("Missing property: ".concat(missingProps.join(', ')))
+    message: (0, i18n_1._)("Missing property: ".concat(missingProps.join(', ')))
   });
 };
+
 exports.MissingPropsMessage = MissingPropsMessage;
 exports.MissingPropsMessage.propTypes = propTypes;
 exports.MissingPropsMessage.defaultProps = {
   width: '100%',
   height: 250
 };
-exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
+exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage);
 
 /***/ }),
 /* 46 */
@@ -1401,15 +1596,19 @@ exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
+
 var styled_components_1 = __webpack_require__(4);
+
 var hocUtils_1 = __webpack_require__(15);
+
 var Cover = styled_components_1.default.div.withConfig({
   displayName: "withEditModeCover__Cover",
   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': "25.13.1 - ea48ec41e"
+  'data-splunk-visualization-version': "26.1.0 - fc8bf8d77"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1420,6 +1619,7 @@ var Blocker = styled_components_1.default.div.attrs({
  * @param {ExtendedDashViz} Visualization
  * @returns {ExtendedDashViz} Wrapper
  */
+
 var withEditModeCover = function withEditModeCover(Visualization, disableEditModeCover) {
   var Wrapper = function Wrapper(props) {
     var mode = props.mode;
@@ -1428,12 +1628,14 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
       "data-test": "edit-mode-cover"
     }));
   };
-  hocUtils_1.extendStaticWrapperProps({
+
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
   return Wrapper;
 };
+
 exports.default = withEditModeCover;
 
 /***/ }),
@@ -1446,27 +1648,37 @@ exports.default = withEditModeCover;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
+
 var colorUtils_1 = __webpack_require__(12);
+
 var variables_1 = __webpack_require__(11);
-var IconPlaceholder_1 = __webpack_require__(31);
+
+var IconPlaceholder_1 = __webpack_require__(32);
+
 var VizBehavior_1 = __webpack_require__(6);
+
 var hocUtils_1 = __webpack_require__(15);
+
 var withPlaceholder = function withPlaceholder(Visualization) {
   var useIconPlaceholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : IconPlaceholder_1.shouldShowIconPlaceholder;
   var config = Visualization.config;
   var themes = config.themes;
+
   var Wrapper = function Wrapper(props) {
     var _a, _b;
+
     var dataSources = props.dataSources,
-      loading = props.loading,
-      options = props.options,
-      height = props.height,
-      width = props.width;
+        loading = props.loading,
+        options = props.options,
+        height = props.height,
+        width = props.width;
     var showPlaceholder = useIconPlaceholder(dataSources, loading, options);
-    var bgColorFromTheme = colorUtils_1.isColor(options === null || options === void 0 ? void 0 : options.backgroundColor) ? options === null || options === void 0 ? void 0 : options.backgroundColor : (_a = themes === null || themes === void 0 ? void 0 : themes.defaultBackgroundColor) === null || _a === void 0 ? void 0 : _a.call(themes, props);
+    var bgColorFromTheme = (0, colorUtils_1.isColor)(options === null || options === void 0 ? void 0 : options.backgroundColor) ? options === null || options === void 0 ? void 0 : options.backgroundColor : (_a = themes === null || themes === void 0 ? void 0 : themes.defaultBackgroundColor) === null || _a === void 0 ? void 0 : _a.call(themes, props);
     var icon = (_b = config.placeholderIcon) !== null && _b !== void 0 ? _b : config.icon;
     var iconColor = variables_1.default.contentColorActive(props);
+
     if (config.supports.includes(VizBehavior_1.VizBehavior.PLACEHOLDER) && showPlaceholder) {
       return React.createElement(IconPlaceholder_1.default, {
         "data-test": "icon-placeholder",
@@ -1477,25 +1689,28 @@ var withPlaceholder = function withPlaceholder(Visualization) {
         iconColor: iconColor
       });
     }
+
     return React.createElement(Visualization, Object.assign({}, props));
   };
-  hocUtils_1.extendStaticWrapperProps({
+
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
   return Wrapper;
 };
+
 exports.default = withPlaceholder;
 
 /***/ }),
 /* 48 */,
-/* 49 */
+/* 49 */,
+/* 50 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons/placeholders");
 
 /***/ }),
-/* 50 */,
 /* 51 */
 /***/ (function(module, exports) {
 
@@ -1517,13 +1732,15 @@ module.exports = require("@splunk/visualization-icons");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var i18n_1 = __webpack_require__(2);
+
 var background = function background(_ref) {
   var label = _ref.label,
-    themes = _ref.themes,
-    labelPosition = _ref.labelPosition;
+      themes = _ref.themes,
+      labelPosition = _ref.labelPosition;
   return [{
-    label: i18n_1._(label || 'Background'),
+    label: (0, i18n_1._)(label || 'Background'),
     option: 'backgroundColor',
     editor: 'editor.color',
     editorProps: {
@@ -1532,31 +1749,43 @@ var background = function background(_ref) {
     }
   }];
 };
+
 exports.default = background;
 
 /***/ }),
 /* 54 */,
 /* 55 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/charting-bundle");
+
+/***/ }),
+/* 56 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _toConsumableArray = __webpack_require__(8);
+
 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;
 };
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.constructFieldsAndColumns = exports.toArrayForSeries = exports.isMultiSeriesData = exports.convertOverlayFields = exports.convertY2AxisOptions = exports.mapToValues = exports.truncateData = exports.getAnnotations = void 0;
+
 var lodash_1 = __webpack_require__(3);
 /**
  * Get formatted annotations
@@ -1567,10 +1796,12 @@ var lodash_1 = __webpack_require__(3);
  * @param {Array} options.annotationLabel
  * @returns {Array}
  */
+
+
 var getAnnotations = function getAnnotations(_ref) {
   var annotationX = _ref.annotationX,
-    annotationColor = _ref.annotationColor,
-    annotationLabel = _ref.annotationLabel;
+      annotationColor = _ref.annotationColor,
+      annotationLabel = _ref.annotationLabel;
   return annotationX && annotationX.length ? annotationX.map(function (timestamp, i) {
     return {
       color: annotationColor && annotationColor[i],
@@ -1579,6 +1810,7 @@ var getAnnotations = function getAnnotations(_ref) {
     };
   }) : [];
 };
+
 exports.getAnnotations = getAnnotations;
 /**
  * Truncate the result set to given limit
@@ -1587,20 +1819,25 @@ exports.getAnnotations = getAnnotations;
  * @param {Number|String} truncationLimit - options['chart.resultTruncationLimit']
  * @returns {Object}
  */
+
 var truncateData = function truncateData(dataSet, truncationLimit) {
   if (!dataSet) {
     return null;
   }
+
   var limit = parseInt(truncationLimit, 10);
+
   if (!limit || limit <= 0) {
     return dataSet;
   }
+
   var truncatedData = Object.assign({}, dataSet);
   truncatedData.columns = truncatedData.columns.map(function (columnData) {
     return columnData && Array.isArray(columnData) ? columnData.slice(0, limit) : columnData;
   });
   return truncatedData;
 };
+
 exports.truncateData = truncateData;
 /**
  * Helper method to update the option values into the values that SC accepts
@@ -1608,13 +1845,15 @@ exports.truncateData = truncateData;
  * @param {Object} options
  * @returns {Object}
  */
+
 var mapToValues = function mapToValues(optionValuesSCMapping) {
   return function (options) {
     var convertedOptions = Object.assign({}, options);
     Object.keys(optionValuesSCMapping).forEach(function (key) {
-      if (lodash_1.has(options, key)) {
+      if ((0, lodash_1.has)(options, key)) {
         var updatedValue = optionValuesSCMapping[key][options[key]];
-        if (!lodash_1.isUndefined(updatedValue)) {
+
+        if (!(0, lodash_1.isUndefined)(updatedValue)) {
           convertedOptions[key] = updatedValue;
         }
       }
@@ -1622,6 +1861,7 @@ var mapToValues = function mapToValues(optionValuesSCMapping) {
     return convertedOptions;
   };
 };
+
 exports.mapToValues = mapToValues;
 /**
  * Helper method to process options related to y2Fields
@@ -1629,18 +1869,23 @@ exports.mapToValues = mapToValues;
  * @param {Object} originalOptions
  * @returns {Object}
  */
+
 var convertY2AxisOptions = function convertY2AxisOptions(_a) {
   var y2Fields = _a.y2Fields,
-    originalOptions = __rest(_a, ["y2Fields"]);
+      originalOptions = __rest(_a, ["y2Fields"]);
+
   var convertedOptions = Object.assign({}, originalOptions);
+
   if (y2Fields) {
     convertedOptions['axisY2.enabled'] = true;
-    convertedOptions['axisY2.fields'] = lodash_1.isArray(y2Fields) ? y2Fields.filter(function (name) {
+    convertedOptions['axisY2.fields'] = (0, lodash_1.isArray)(y2Fields) ? y2Fields.filter(function (name) {
       return name;
     }).join(',') : y2Fields;
   }
+
   return convertedOptions;
 };
+
 exports.convertY2AxisOptions = convertY2AxisOptions;
 /**
  * Helper method to format value for overlayFields
@@ -1648,9 +1893,11 @@ exports.convertY2AxisOptions = convertY2AxisOptions;
  * @param {Object} originalOptions
  * @returns {Object}
  */
+
 var convertOverlayFields = function convertOverlayFields(originalOptions) {
   var convertedOptions = Object.assign({}, originalOptions);
   var overlayFields = originalOptions.overlayFields;
+
   if (overlayFields) {
     convertedOptions.overlayFields = Array.isArray(overlayFields) ? overlayFields.filter(function (field) {
       return field;
@@ -1658,17 +1905,21 @@ var convertOverlayFields = function convertOverlayFields(originalOptions) {
       return field.trim();
     }).join(',') : overlayFields;
   }
+
   return convertedOptions;
 };
+
 exports.convertOverlayFields = convertOverlayFields;
 /**
  * checks whether data is multi series data
  * @param {array} data array
  * @return {Boolean}
  */
+
 var isMultiSeriesData = function isMultiSeriesData(data) {
   return Array.isArray(data) && Array.isArray(data[0]);
 };
+
 exports.isMultiSeriesData = isMultiSeriesData;
 /**
  * checks whether data is multi series data and returns value as array
@@ -1676,36 +1927,39 @@ exports.isMultiSeriesData = isMultiSeriesData;
  * @param {*} value to return as array
  * @return {array}
  */
+
 var toArrayForSeries = function toArrayForSeries(data, value) {
-  return exports.isMultiSeriesData(data) ? value : [value];
+  return (0, exports.isMultiSeriesData)(data) ? value : [value];
 };
+
 exports.toArrayForSeries = toArrayForSeries;
+
 var constructFieldsAndColumns = function constructFieldsAndColumns(_ref2) {
   var _ref2$x = _ref2.x,
-    x = _ref2$x === void 0 ? [] : _ref2$x,
-    _ref2$y = _ref2.y,
-    y = _ref2$y === void 0 ? [] : _ref2$y,
-    xField = _ref2.xField,
-    yFields = _ref2.yFields,
-    y2 = _ref2.y2,
-    y2Fields = _ref2.y2Fields;
-  var columns = [x.map(String)].concat(_toConsumableArray(exports.toArrayForSeries(y, y).map(function (series) {
+      x = _ref2$x === void 0 ? [] : _ref2$x,
+      _ref2$y = _ref2.y,
+      y = _ref2$y === void 0 ? [] : _ref2$y,
+      xField = _ref2.xField,
+      yFields = _ref2.yFields,
+      y2 = _ref2.y2,
+      y2Fields = _ref2.y2Fields;
+  var columns = [x.map(String)].concat(_toConsumableArray((0, exports.toArrayForSeries)(y, y).map(function (series) {
     return series.map(String);
   })));
-  var yFieldsArray = exports.toArrayForSeries(y, yFields);
+  var yFieldsArray = (0, exports.toArrayForSeries)(y, yFields);
   var fields = [{
     name: xField
   }].concat(_toConsumableArray(yFieldsArray.map(function (field) {
     return {
       name: field
     };
-  })));
-  // splunk-charting requires y2 to be part of columns
+  }))); // splunk-charting requires y2 to be part of columns
   // when y & y2 options are configured with different (mutually exclusive) series
   // y2 columns need to be added to columns
+
   if (y2Fields) {
-    var y2FieldsArray = exports.toArrayForSeries(y2, y2Fields);
-    var y2AsArray = exports.toArrayForSeries(y2, y2).map(function (series) {
+    var y2FieldsArray = (0, exports.toArrayForSeries)(y2, y2Fields);
+    var y2AsArray = (0, exports.toArrayForSeries)(y2, y2).map(function (series) {
       return series === null || series === void 0 ? void 0 : series.map(String);
     });
     y2FieldsArray.forEach(function (y2Field, index) {
@@ -1717,18 +1971,14 @@ var constructFieldsAndColumns = function constructFieldsAndColumns(_ref2) {
       }
     });
   }
+
   return {
     columns: columns,
     fields: fields
   };
 };
-exports.constructFieldsAndColumns = constructFieldsAndColumns;
-
-/***/ }),
-/* 56 */
-/***/ (function(module, exports) {
 
-module.exports = require("@splunk/charting-bundle");
+exports.constructFieldsAndColumns = constructFieldsAndColumns;
 
 /***/ }),
 /* 57 */
@@ -1743,7 +1993,8 @@ module.exports = require("@splunk/themes/useSplunkTheme");
 /* 61 */,
 /* 62 */,
 /* 63 */,
-/* 64 */
+/* 64 */,
+/* 65 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1754,23 +2005,42 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.updateRowPayload = exports.canUpdateInPlace = exports.changedOptions = exports.NO_INPLACE_PROPS = void 0;
 /* eslint-disable react/no-unused-prop-types */
+
 var lodash_1 = __webpack_require__(3);
+
 var i18n_1 = __webpack_require__(2);
+
 var visualization_color_palettes_1 = __webpack_require__(51);
+
 var react_1 = __webpack_require__(1);
+
 var React = __webpack_require__(1);
+
 var T = __webpack_require__(0);
-var react_event_listener_1 = __webpack_require__(65);
-__webpack_require__(66); // fixme, @splunk/charting should be refactor to use locale & timezone instead of i18n functions
-var charting_bundle_1 = __webpack_require__(56);
-var TimezoneContext_1 = __webpack_require__(25);
+
+var react_event_listener_1 = __webpack_require__(66);
+
+__webpack_require__(67); // fixme, @splunk/charting should be refactor to use locale & timezone instead of i18n functions
+
+
+var charting_bundle_1 = __webpack_require__(55);
+
+var TimezoneContext_1 = __webpack_require__(26);
+
 var style_1 = __webpack_require__(14);
+
 var styled_components_1 = __webpack_require__(4);
+
 var Message_1 = __webpack_require__(10);
+
 var useSplunkTheme_1 = __webpack_require__(57);
-var themeUtils_1 = __webpack_require__(67);
-var ChartingApi_1 = __webpack_require__(68);
+
+var themeUtils_1 = __webpack_require__(68);
+
+var ChartingApi_1 = __webpack_require__(69);
+
 exports.NO_INPLACE_PROPS = ['chart', 'chart.orientation', 'layout.splitSeries', 'chart.style', 'legend.placement'];
+
 var changedOptions = function changedOptions(curOptions, nextOptions) {
   return Object.keys(curOptions).filter(function (key) {
     return !(key in nextOptions);
@@ -1778,30 +2048,34 @@ var changedOptions = function changedOptions(curOptions, nextOptions) {
     return !(key in curOptions) || curOptions[key] !== nextOptions[key];
   }));
 };
+
 exports.changedOptions = changedOptions;
-charting_bundle_1.default.enableScaledEvents();
+
 function usePrevious(value) {
-  var ref = react_1.useRef();
-  react_1.useEffect(function () {
+  var ref = (0, react_1.useRef)();
+  (0, react_1.useEffect)(function () {
     ref.current = value;
   });
   return ref.current;
 }
+
 var canUpdateInPlace = function canUpdateInPlace(curOptions, nextOptions) {
   // if either of the options are undefined
   // it cannot update in place.
   if (!curOptions || !nextOptions) {
     return false;
   }
+
   return !exports.NO_INPLACE_PROPS.some(function (p) {
     return curOptions[p] !== nextOptions[p];
-  }) && !exports.changedOptions(curOptions, nextOptions).some(function (p) {
+  }) && !(0, exports.changedOptions)(curOptions, nextOptions).some(function (p) {
     return p.toLowerCase().endsWith('color');
   });
 };
-exports.canUpdateInPlace = canUpdateInPlace;
-// create 'row' payloads from 'rowContext' in the flattened format:
+
+exports.canUpdateInPlace = canUpdateInPlace; // create 'row' payloads from 'rowContext' in the flattened format:
 // row.<fieldname>.value
+
 var updateRowPayload = function updateRowPayload(chartEventRowContext, payload) {
   Object.keys(chartEventRowContext || {}).forEach(function (key) {
     // eslint-disable-next-line no-param-reassign
@@ -1809,18 +2083,21 @@ var updateRowPayload = function updateRowPayload(chartEventRowContext, payload)
   });
   return payload;
 };
+
 exports.updateRowPayload = updateRowPayload;
 var VizChartEventType;
+
 (function (VizChartEventType) {
   VizChartEventType["POINT_CLICK"] = "point.click";
   VizChartEventType["POINT_MOUSE_OUT"] = "point.mouseout";
   VizChartEventType["POINT_MOUSE_OVER"] = "point.mouseover";
   VizChartEventType["LEGEND_CLICK"] = "legend.click";
-})(VizChartEventType || (VizChartEventType = {}));
-// @TODO(pwied): remove after HC upgrade to 8+
+})(VizChartEventType || (VizChartEventType = {})); // @TODO(pwied): remove after HC upgrade to 8+
 // .highcharts-a11y-proxy-container rule addresses a HighCharts < 8 bug
 // caused by the accessibility plugin
 // https://github.com/highcharts/highcharts/issues/12883
+
+
 var ChartingContainer = styled_components_1.default.div.attrs(function (props) {
   return {
     'data-test': 'charting-container',
@@ -1831,7 +2108,7 @@ var ChartingContainer = styled_components_1.default.div.attrs(function (props) {
   displayName: "Charting__ChartingContainer",
   componentId: "sc-3wbgm0-0"
 })(["& .highcharts-a11y-proxy-container{pointer-events:none;}overflow:hidden;position:relative;", ";"], function (props) {
-  return style_1.toDimension(lodash_1.pick(props, ['width', 'height']));
+  return (0, style_1.toDimension)((0, lodash_1.pick)(props, ['width', 'height']));
 });
 var propTypes = {
   width: T.oneOfType([T.string, T.number]),
@@ -1848,13 +2125,15 @@ var propTypes = {
   visualizationApiRef: T.func,
   themeKey: T.string
 };
+
 var Charting = function Charting(props) {
-  var container = react_1.useRef(null);
-  var needsInit = react_1.useRef(true);
-  var chart = react_1.useRef();
-  var needsRedraw = react_1.useRef(true);
-  var api = react_1.useRef(new ChartingApi_1.ChartingApiFunctional(chart));
-  var timezone = react_1.useContext(TimezoneContext_1.default);
+  var container = (0, react_1.useRef)(null);
+  var needsInit = (0, react_1.useRef)(true);
+  var chart = (0, react_1.useRef)();
+  var needsRedraw = (0, react_1.useRef)(true);
+  var api = (0, react_1.useRef)(new ChartingApi_1.ChartingApiFunctional(chart));
+  var timezone = (0, react_1.useContext)(TimezoneContext_1.default);
+
   var computeChartingSize = function computeChartingSize() {
     if (container.current) {
       var rect = container.current.getBoundingClientRect();
@@ -1863,91 +2142,103 @@ var Charting = function Charting(props) {
         width: rect.width
       };
     }
+
     return {};
   };
-  var splunkTheme = useSplunkTheme_1.default();
-  var themeKey = props.themeKey ? props.themeKey : themeUtils_1.getChartingThemeKey({
+
+  var splunkTheme = (0, useSplunkTheme_1.default)();
+  var themeKey = props.themeKey ? props.themeKey : (0, themeUtils_1.getChartingThemeKey)({
     splunkThemeV1: splunkTheme
   });
   var width = props.width,
-    height = props.height,
-    style = props.style,
-    chartData = props.chartData,
-    options = props.options,
-    colorPalette = props.colorPalette,
-    onClick = props.onClick,
-    onSelect = props.onSelect,
-    onPointMouseOut = props.onPointMouseOut,
-    onPointMouseOver = props.onPointMouseOver,
-    onEventTrigger = props.onEventTrigger;
+      height = props.height,
+      style = props.style,
+      chartData = props.chartData,
+      options = props.options,
+      colorPalette = props.colorPalette,
+      onClick = props.onClick,
+      onSelect = props.onSelect,
+      onPointMouseOut = props.onPointMouseOut,
+      onPointMouseOver = props.onPointMouseOver,
+      onEventTrigger = props.onEventTrigger;
   var prevOptions = usePrevious(options);
   var prevTimezone = usePrevious(timezone);
+
   var handleClick = function handleClick(chartEvent, type) {
-    var payload = lodash_1.pick(chartEvent, 'name2', 'value2', '_span', 'modifierKey');
+    var payload = (0, lodash_1.pick)(chartEvent, 'name2', 'value2', '_span', 'modifierKey');
     payload.name = payload.name2;
     delete payload.name2;
+
     if (type === VizChartEventType.POINT_CLICK) {
       payload.value = payload.value2;
       delete payload.value2;
-      payload = exports.updateRowPayload(chartEvent.rowContext, payload);
+      payload = (0, exports.updateRowPayload)(chartEvent.rowContext, payload);
     }
+
     onClick({
       type: type,
       originalEvent: chartEvent,
       payload: payload
     });
   };
+
   var destroyChart = function destroyChart() {
     if (chart.current) {
       chart.current.destroy();
       chart.current = null;
     }
+
     needsRedraw.current = true;
     needsInit.current = true;
   };
+
   var handleSelect = function handleSelect(chartEvent) {
     // todo: need change this after breaking all visualizations
     if (onSelect && typeof onSelect === 'function') {
       onSelect({
         type: 'range.select',
         originalEvent: chartEvent,
-        payload: lodash_1.pick(chartEvent, 'startXIndex', 'endXIndex', 'startXValue', 'endXValue')
+        payload: (0, lodash_1.pick)(chartEvent, 'startXIndex', 'endXIndex', 'startXValue', 'endXValue')
       });
       return;
-    }
-    // the chartEvent here is a jQuery event
+    } // the chartEvent here is a jQuery event
+
+
     onEventTrigger({
       type: 'range.select',
       originalEvent: chartEvent,
-      payload: lodash_1.pick(chartEvent, 'startXIndex', 'endXIndex', 'startXValue', 'endXValue')
+      payload: (0, lodash_1.pick)(chartEvent, 'startXIndex', 'endXIndex', 'startXValue', 'endXValue')
     });
   };
+
   var handlePointMouseOut = function handlePointMouseOut(chartEvent, type) {
-    var payload = lodash_1.pick(chartEvent, 'name2', 'value2', '_span', 'modifierKey', 'tooltipContext');
+    var payload = (0, lodash_1.pick)(chartEvent, 'name2', 'value2', '_span', 'modifierKey', 'tooltipContext');
     payload.name = payload.name2;
     delete payload.name2;
     payload.value = payload.value2;
     delete payload.value2;
-    payload = exports.updateRowPayload(chartEvent.rowContext, payload);
+    payload = (0, exports.updateRowPayload)(chartEvent.rowContext, payload);
     onPointMouseOut({
       type: type,
       originalEvent: chartEvent,
       payload: payload
     });
   };
+
   var handlePointMouseOver = function handlePointMouseOver(chartEvent, type) {
-    var payload = lodash_1.pick(chartEvent, 'name2', 'value2', '_span', 'modifierKey', 'tooltipContext');
+    var payload = (0, lodash_1.pick)(chartEvent, 'name2', 'value2', '_span', 'modifierKey', 'tooltipContext');
     payload.name = payload.name2;
     delete payload.name2;
     payload.value = payload.value2;
     delete payload.value2;
-    payload = exports.updateRowPayload(chartEvent.rowContext, payload);
+    payload = (0, exports.updateRowPayload)(chartEvent.rowContext, payload);
     onPointMouseOver({
       type: type,
       originalEvent: chartEvent,
       payload: payload
     });
   };
+
   var drawChart = function drawChart() {
     var updatedOptions = Object.assign(Object.assign({}, options), {
       shouldColorizeTooltipData: false
@@ -1958,15 +2249,18 @@ var Charting = function Charting(props) {
     var serializedTimezone = timezone === null || timezone === void 0 ? void 0 : timezone.serializedTimezone;
     var ianaTimezone = timezone === null || timezone === void 0 ? void 0 : timezone.ianaTimezone;
     var utcOffset = timezone === null || timezone === void 0 ? void 0 : timezone.utcOffset;
+
     if (!computedWidth || !computedHeight) {
       return;
     }
+
     if (!chartData || !Object.keys(chartData).length) {
       return;
-    }
-    // splunk-charting layers configuration option updates.
+    } // splunk-charting layers configuration option updates.
     // when an option is removed it needs to be set to an empty string
     // to override the previous configuration
+
+
     if (prevOptions) {
       Object.keys(prevOptions).forEach(function (key) {
         if (updatedOptions[key] === undefined) {
@@ -1974,13 +2268,16 @@ var Charting = function Charting(props) {
         }
       });
     }
+
     try {
       if (needsInit.current) {
         destroyChart();
         charting_bundle_1.default.setTheme(themeKey);
+
         if (colorPalette.length > 0) {
           charting_bundle_1.default.setColorPalette(colorPalette);
         }
+
         chart.current = charting_bundle_1.default.createChart(container.current, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, updatedOptions), {
           drilldown: 'all'
         }), typeof serializedTimezone === 'string' && {
@@ -1989,8 +2286,8 @@ var Charting = function Charting(props) {
           'time.ianaTimezone': ianaTimezone
         }), typeof utcOffset === 'number' && {
           'time.timezoneOffset': utcOffset
-        }));
-        // bind event handlers
+        })); // bind event handlers
+
         chart.current.on('pointClick', function (e) {
           handleClick(e, VizChartEventType.POINT_CLICK);
         });
@@ -2005,32 +2302,40 @@ var Charting = function Charting(props) {
         });
         chart.current.on('chartRangeSelect', handleSelect);
       }
+
       if (needsRedraw.current) {
         charting_bundle_1.default.setTheme(themeKey);
+
         if (colorPalette.length > 0) {
           charting_bundle_1.default.setColorPalette(colorPalette);
         }
+
         chart.current.prepareAndDraw(chartData, updatedOptions, function () {});
       }
+
       if (chart.current) {
         if (Math.round(chart.current.height) !== Math.round(computedHeight) || Math.round(chart.current.width) !== Math.round(computedWidth)) {
           chart.current.resize(computedWidth, computedHeight);
         }
       }
+
       needsInit.current = false;
       needsRedraw.current = false;
     } catch (e) {
       window.console.error('Caught error rendering chart:', e);
     }
   };
-  var debouncedDrawChart = lodash_1.debounce(drawChart, 5);
+
+  var debouncedDrawChart = (0, lodash_1.debounce)(drawChart, 5);
+
   var onContainerMount = function onContainerMount(chartingContainer) {
     container.current = chartingContainer;
     debouncedDrawChart();
   };
+
   var prevTheme = usePrevious(themeKey);
   var prevOnClick = usePrevious(onClick);
-  react_1.useEffect(function () {
+  (0, react_1.useEffect)(function () {
     debouncedDrawChart();
     props.visualizationApiRef(api.current);
     return function () {
@@ -2038,17 +2343,17 @@ var Charting = function Charting(props) {
       destroyChart();
     };
   }, []);
-  react_1.useEffect(function () {
+  (0, react_1.useEffect)(function () {
     // TODO: figure out why re-init is needed for functional components (i.e. PlatformViz) when changing theme
     // seems like redraw doesn't suffice to update the background colors
-    if (!chart.current || !exports.canUpdateInPlace(prevOptions, options) ||
-    // timezone is a simple object so this comparison should be fast
+    if (!chart.current || !(0, exports.canUpdateInPlace)(prevOptions, options) || // timezone is a simple object so this comparison should be fast
     JSON.stringify(prevTimezone) !== JSON.stringify(timezone) || !props.themeKey && prevTheme !== themeKey || prevOnClick !== onClick) {
       needsInit.current = true;
     }
-    needsRedraw.current = true;
-    // need to immediately call drawChart upon an option or chartData change
+
+    needsRedraw.current = true; // need to immediately call drawChart upon an option or chartData change
     // otherwise a noop would occur if the onContainerMount drawChart is re-invoked when dimensions change
+
     drawChart();
   }, [JSON.stringify(options), JSON.stringify(chartData.toJSON()), JSON.stringify(chartData.annotations), timezone === null || timezone === void 0 ? void 0 : timezone.ianaTimezone, timezone === null || timezone === void 0 ? void 0 : timezone.utcOffset, timezone === null || timezone === void 0 ? void 0 : timezone.serializedTimezone, themeKey, onClick]);
   return React.createElement(ChartingContainer, {
@@ -2061,6 +2366,7 @@ var Charting = function Charting(props) {
     onResize: debouncedDrawChart
   }));
 };
+
 var defaultProps = {
   width: '100%',
   height: 250,
@@ -2078,68 +2384,77 @@ var defaultProps = {
   themeKey: null
 };
 Charting.propTypes = propTypes;
-Charting.defaultProps = defaultProps;
-// allow for early return in case of empty chartData while still following hook rules
+Charting.defaultProps = defaultProps; // allow for early return in case of empty chartData while still following hook rules
+
 var withEmptyChartMessage = function withEmptyChartMessage(Chart) {
   var Wrapper = function Wrapper(props) {
     var chartData = props.chartData;
+
     if (!chartData) {
       return React.createElement(Message_1.default, {
-        message: i18n_1._('No DataSource'),
+        message: (0, i18n_1._)('No DataSource'),
         level: "warning"
       });
     }
+
     if (chartData && !Object.keys(chartData).length) {
       return React.createElement(Message_1.default, {
-        message: i18n_1._('No Result'),
+        message: (0, i18n_1._)('No Result'),
         level: "info"
       });
     }
+
     return React.createElement(Chart, Object.assign({}, props));
   };
+
   Wrapper.displayName = 'ChartingWrapper';
   Wrapper.propTypes = propTypes;
   Wrapper.defaultProps = defaultProps;
   return Wrapper;
-};
-// export default Charting;
+}; // export default Charting;
+
+
 exports.default = withEmptyChartMessage(Charting);
 
 /***/ }),
-/* 65 */
+/* 66 */
 /***/ (function(module, exports) {
 
 module.exports = require("react-event-listener");
 
 /***/ }),
-/* 66 */
+/* 67 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/i18n");
 
 /***/ }),
-/* 67 */
+/* 68 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/themeUtils");
 
 /***/ }),
-/* 68 */
+/* 69 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _classCallCheck = __webpack_require__(9);
+
 var _createClass = __webpack_require__(18);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChartingApiFunctional = void 0;
+
 var ChartingApiFunctional = /*#__PURE__*/function () {
   // eslint-disable-next-line no-useless-constructor
   function ChartingApiFunctional(chartRef) {
     _classCallCheck(this, ChartingApiFunctional);
+
     this.chartRef = chartRef;
   }
   /**
@@ -2147,15 +2462,18 @@ var ChartingApiFunctional = /*#__PURE__*/function () {
    *
    * @memberof ChartingApiFunctional
    */
+
+
   _createClass(ChartingApiFunctional, [{
     key: "highlight",
     value: function highlight() {
       var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-          xValue: '',
-          seriesName: ''
-        },
-        xValue = _ref.xValue,
-        seriesName = _ref.seriesName;
+        xValue: '',
+        seriesName: ''
+      },
+          xValue = _ref.xValue,
+          seriesName = _ref.seriesName;
+
       this.getChart().highlight(xValue, seriesName);
     }
     /**
@@ -2163,50 +2481,58 @@ var ChartingApiFunctional = /*#__PURE__*/function () {
      *
      * @memberof ChartingApiFunctional
      */
+
   }, {
     key: "unHighlight",
     value: function unHighlight() {
       this.getChart().unHighlight();
-    }
-    // returns chart object
+    } // returns chart object
+
   }, {
     key: "getChart",
     value: function getChart() {
       var _a;
+
       return (_a = this.chartRef) === null || _a === void 0 ? void 0 : _a.current;
     }
   }]);
+
   return ChartingApiFunctional;
 }();
+
 exports.ChartingApiFunctional = ChartingApiFunctional;
 
 /***/ }),
-/* 69 */
+/* 70 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/simpleXMLOptions");
 
 /***/ }),
-/* 70 */,
 /* 71 */,
 /* 72 */,
-/* 73 */
+/* 73 */,
+/* 74 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _toConsumableArray = __webpack_require__(8);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AxesChartDataConfigAreaColumnLine = exports.AxesChartDataConfigBubble = exports.AxesChartDataConfigScatter = exports.AxesChartDataConfigBar = void 0;
+
 var i18n_1 = __webpack_require__(2);
+
 var configUtils_1 = __webpack_require__(20);
+
 var AxesChartDataConfig = {
-  label: i18n_1._('Data configurations'),
+  label: (0, i18n_1._)('Data configurations'),
   layout: [[{
-    label: i18n_1._('X'),
+    label: (0, i18n_1._)('X'),
     option: 'x',
     editor: 'editor.columnSelector',
     editorProps: {
@@ -2215,7 +2541,7 @@ var AxesChartDataConfig = {
       expectedDataPrimitive: ['series']
     }
   }], [{
-    label: i18n_1._('Y'),
+    label: (0, i18n_1._)('Y'),
     option: 'y',
     editor: 'editor.columnMultiSelector',
     editorProps: {
@@ -2225,7 +2551,7 @@ var AxesChartDataConfig = {
       expectedDataPrimitive: ['series', 'frame']
     }
   }], [{
-    label: i18n_1._('Result limit'),
+    label: (0, i18n_1._)('Result limit'),
     option: 'resultLimit',
     editor: 'editor.number',
     editorProps: {
@@ -2236,8 +2562,8 @@ var AxesChartDataConfig = {
 exports.AxesChartDataConfigBar = {
   label: AxesChartDataConfig.label,
   // insert Y2 after Y
-  layout: configUtils_1.insertLayout(AxesChartDataConfig.layout, 2, [{
-    label: i18n_1._('Y2'),
+  layout: (0, configUtils_1.insertLayout)(AxesChartDataConfig.layout, 2, [{
+    label: (0, i18n_1._)('Y2'),
     option: 'y2',
     editor: 'editor.columnMultiSelector',
     editorProps: {
@@ -2251,7 +2577,7 @@ exports.AxesChartDataConfigBar = {
 exports.AxesChartDataConfigScatter = {
   label: AxesChartDataConfig.label,
   layout: [[{
-    label: i18n_1._('X'),
+    label: (0, i18n_1._)('X'),
     option: 'x',
     editor: 'editor.columnSelector',
     editorProps: {
@@ -2260,7 +2586,7 @@ exports.AxesChartDataConfigScatter = {
       expectedDataPrimitive: ['series']
     }
   }], [{
-    label: i18n_1._('Y'),
+    label: (0, i18n_1._)('Y'),
     option: 'y',
     editor: 'editor.columnSelector',
     editorProps: {
@@ -2270,7 +2596,7 @@ exports.AxesChartDataConfigScatter = {
       expectedDataPrimitive: ['series']
     }
   }], [{
-    label: i18n_1._('Category'),
+    label: (0, i18n_1._)('Category'),
     option: 'category',
     editor: 'editor.columnSelector',
     editorProps: {
@@ -2279,7 +2605,7 @@ exports.AxesChartDataConfigScatter = {
       expectedDataPrimitive: ['series']
     }
   }], [{
-    label: i18n_1._('Result limit'),
+    label: (0, i18n_1._)('Result limit'),
     option: 'resultLimit',
     editor: 'editor.number',
     editorProps: {
@@ -2290,8 +2616,8 @@ exports.AxesChartDataConfigScatter = {
 exports.AxesChartDataConfigBubble = {
   label: exports.AxesChartDataConfigScatter.label,
   // layout: insert Size after Category
-  layout: configUtils_1.insertLayout(exports.AxesChartDataConfigScatter.layout, 3, [{
-    label: i18n_1._('Size'),
+  layout: (0, configUtils_1.insertLayout)(exports.AxesChartDataConfigScatter.layout, 3, [{
+    label: (0, i18n_1._)('Size'),
     option: 'size',
     editor: 'editor.columnSelector',
     editorProps: {
@@ -2304,7 +2630,7 @@ exports.AxesChartDataConfigBubble = {
 exports.AxesChartDataConfigAreaColumnLine = {
   label: exports.AxesChartDataConfigBar.label,
   layout: [].concat(_toConsumableArray(exports.AxesChartDataConfigBar.layout), [[{
-    label: i18n_1._('Annotation x'),
+    label: (0, i18n_1._)('Annotation x'),
     option: 'annotationX',
     editor: 'editor.columnSelector',
     editorProps: {
@@ -2313,7 +2639,7 @@ exports.AxesChartDataConfigAreaColumnLine = {
       expectedDataPrimitive: ['series']
     }
   }], [{
-    label: i18n_1._('Annotation labels'),
+    label: (0, i18n_1._)('Annotation labels'),
     option: 'annotationLabel',
     editor: 'editor.columnSelector',
     editorProps: {
@@ -2326,7 +2652,7 @@ exports.AxesChartDataConfigAreaColumnLine = {
 exports.default = AxesChartDataConfig;
 
 /***/ }),
-/* 74 */
+/* 75 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2335,13 +2661,18 @@ exports.default = AxesChartDataConfig;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var i18n_1 = __webpack_require__(2);
+
 var pick_1 = __webpack_require__(23);
+
 var variables_1 = __webpack_require__(11);
+
 var BackgroundColor_1 = __webpack_require__(53);
+
 var themes = {
   defaultBackgroundColor: function defaultBackgroundColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: {
         dark: variables_1.default.black(props),
         light: variables_1.default.backgroundColor(props)
@@ -2351,15 +2682,15 @@ var themes = {
   }
 };
 var AxesChartColorAndStyle = {
-  label: i18n_1._('Color and style'),
-  layout: [BackgroundColor_1.default({
+  label: (0, i18n_1._)('Color and style'),
+  layout: [(0, BackgroundColor_1.default)({
     themes: themes
   }), [{
-    label: i18n_1._('Series colors'),
+    label: (0, i18n_1._)('Series colors'),
     option: 'seriesColors',
     editor: 'editor.seriesColors'
   }], [{
-    label: i18n_1._('Series colors by field name'),
+    label: (0, i18n_1._)('Series colors by field name'),
     option: 'seriesColorsByField',
     editor: 'editor.seriesColorsByField'
   }]]
@@ -2367,7 +2698,7 @@ var AxesChartColorAndStyle = {
 exports.default = AxesChartColorAndStyle;
 
 /***/ }),
-/* 75 */
+/* 76 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2376,47 +2707,49 @@ exports.default = AxesChartColorAndStyle;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var i18n_1 = __webpack_require__(2);
+
 var AxesChartLegend = {
-  label: i18n_1._('Legend'),
+  label: (0, i18n_1._)('Legend'),
   layout: [[{
-    label: i18n_1._('Legend display'),
+    label: (0, i18n_1._)('Legend display'),
     option: 'legendDisplay',
     editor: 'editor.select',
     editorProps: {
       values: [{
-        label: i18n_1._('Right'),
+        label: (0, i18n_1._)('Right'),
         value: 'right'
       }, {
-        label: i18n_1._('Left'),
+        label: (0, i18n_1._)('Left'),
         value: 'left'
       }, {
-        label: i18n_1._('Top'),
+        label: (0, i18n_1._)('Top'),
         value: 'top'
       }, {
-        label: i18n_1._('Bottom'),
+        label: (0, i18n_1._)('Bottom'),
         value: 'bottom'
       }, {
-        label: i18n_1._('Off'),
+        label: (0, i18n_1._)('Off'),
         value: 'off'
       }]
     }
   }], [{
-    label: i18n_1._('Legend truncation'),
+    label: (0, i18n_1._)('Legend truncation'),
     option: 'legendTruncation',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('A...'),
+        label: (0, i18n_1._)('A...'),
         value: 'ellipsisEnd'
       }, {
-        label: i18n_1._('A...Z'),
+        label: (0, i18n_1._)('A...Z'),
         value: 'ellipsisMiddle'
       }, {
-        label: i18n_1._('...Z'),
+        label: (0, i18n_1._)('...Z'),
         value: 'ellipsisStart'
       }, {
-        label: i18n_1._('Off'),
+        label: (0, i18n_1._)('Off'),
         value: 'ellipsisOff'
       }]
     },
@@ -2429,27 +2762,31 @@ var AxesChartLegend = {
 exports.default = AxesChartLegend;
 
 /***/ }),
-/* 76 */
+/* 77 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _toConsumableArray = __webpack_require__(8);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AxesChartXGridAndLabelsBubbleScatter = exports.AxesChartXGridAndLabelsCommon = void 0;
+
 var i18n_1 = __webpack_require__(2);
+
 var configUtils_1 = __webpack_require__(20);
+
 exports.AxesChartXGridAndLabelsCommon = {
-  label: i18n_1._('X-axis grid and labels'),
+  label: (0, i18n_1._)('X-axis grid and labels'),
   layout: [[{
-    label: i18n_1._('Axis title'),
+    label: (0, i18n_1._)('Axis title'),
     option: 'xAxisTitleVisibility',
     editor: 'editor.toggle'
   }], [{
-    label: i18n_1._('Axis title text'),
+    label: (0, i18n_1._)('Axis title text'),
     option: 'xAxisTitleText',
     editor: 'editor.text',
     showEditor: function showEditor(_ref) {
@@ -2457,18 +2794,18 @@ exports.AxesChartXGridAndLabelsCommon = {
       return options.xAxisTitleVisibility === 'show' || options.xAxisTitleVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Label visibility'),
+    label: (0, i18n_1._)('Label visibility'),
     option: 'xAxisLabelVisibility',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Show'),
+        label: (0, i18n_1._)('Show'),
         value: 'show'
       }, {
-        label: i18n_1._('Hide'),
+        label: (0, i18n_1._)('Hide'),
         value: 'hide'
       }]
     }
@@ -2477,24 +2814,24 @@ exports.AxesChartXGridAndLabelsCommon = {
 var AxesChartXGridAndLabels = {
   label: exports.AxesChartXGridAndLabelsCommon.label,
   layout: [].concat(_toConsumableArray(exports.AxesChartXGridAndLabelsCommon.layout), [[{
-    label: i18n_1._('Label rotation'),
+    label: (0, i18n_1._)('Label rotation'),
     option: 'xAxisLabelRotation',
     editor: 'editor.select',
     editorProps: {
       values: [{
-        label: i18n_1._('-90'),
+        label: (0, i18n_1._)('-90'),
         value: -90
       }, {
-        label: i18n_1._('-45'),
+        label: (0, i18n_1._)('-45'),
         value: -45
       }, {
-        label: i18n_1._('0'),
+        label: (0, i18n_1._)('0'),
         value: 0
       }, {
-        label: i18n_1._('45'),
+        label: (0, i18n_1._)('45'),
         value: 45
       }, {
-        label: i18n_1._('90'),
+        label: (0, i18n_1._)('90'),
         value: 90
       }]
     },
@@ -2503,7 +2840,7 @@ var AxesChartXGridAndLabels = {
       return options.xAxisLabelVisibility === 'show' || options.xAxisLabelVisibility === 'auto' || options.xAxisLabelVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Number of time label parts'),
+    label: (0, i18n_1._)('Number of time label parts'),
     option: 'xAxisMaxLabelParts',
     editor: 'editor.number',
     editorProps: {
@@ -2515,31 +2852,31 @@ var AxesChartXGridAndLabels = {
       return options.xAxisLabelVisibility === 'show' || options.xAxisLabelVisibility === 'auto' || options.xAxisLabelVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Axis line visibility'),
+    label: (0, i18n_1._)('Axis line visibility'),
     option: 'xAxisLineVisibility',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Major gridlines'),
+    label: (0, i18n_1._)('Major gridlines'),
     option: 'showXMajorGridLines',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Major tick visibility'),
+    label: (0, i18n_1._)('Major tick visibility'),
     option: 'xAxisMajorTickVisibility',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Show'),
+        label: (0, i18n_1._)('Show'),
         value: 'show'
       }, {
-        label: i18n_1._('Hide'),
+        label: (0, i18n_1._)('Hide'),
         value: 'hide'
       }]
     }
   }], [{
-    label: i18n_1._('Major tick size (px)'),
+    label: (0, i18n_1._)('Major tick size (px)'),
     option: 'xAxisMajorTickSize',
     editor: 'editor.slider',
     editorProps: {
@@ -2555,38 +2892,38 @@ var AxesChartXGridAndLabels = {
 };
 exports.AxesChartXGridAndLabelsBubbleScatter = {
   label: exports.AxesChartXGridAndLabelsCommon.label,
-  layout: [].concat(_toConsumableArray(configUtils_1.insertLayout(exports.AxesChartXGridAndLabelsCommon.layout, 2, [{
-    label: i18n_1._('Axis scale'),
+  layout: [].concat(_toConsumableArray((0, configUtils_1.insertLayout)(exports.AxesChartXGridAndLabelsCommon.layout, 2, [{
+    label: (0, i18n_1._)('Axis scale'),
     option: 'xAxisScale',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Linear'),
+        label: (0, i18n_1._)('Linear'),
         value: 'linear'
       }, {
-        label: i18n_1._('Log'),
+        label: (0, i18n_1._)('Log'),
         value: 'log'
       }]
     }
   }])), [[{
-    label: i18n_1._('Label rotation'),
+    label: (0, i18n_1._)('Label rotation'),
     option: 'xAxisLabelRotation',
     editor: 'editor.select',
     editorProps: {
       values: [{
-        label: i18n_1._('-90'),
+        label: (0, i18n_1._)('-90'),
         value: -90
       }, {
-        label: i18n_1._('-45'),
+        label: (0, i18n_1._)('-45'),
         value: -45
       }, {
-        label: i18n_1._('0'),
+        label: (0, i18n_1._)('0'),
         value: 0
       }, {
-        label: i18n_1._('45'),
+        label: (0, i18n_1._)('45'),
         value: 45
       }, {
-        label: i18n_1._('90'),
+        label: (0, i18n_1._)('90'),
         value: 90
       }]
     },
@@ -2595,7 +2932,7 @@ exports.AxesChartXGridAndLabelsBubbleScatter = {
       return options.xAxisLabelVisibility === 'show' || options.xAxisLabelVisibility === 'auto' || options.xAxisLabelVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Round axis labels'),
+    label: (0, i18n_1._)('Round axis labels'),
     option: 'showRoundedXAxisLabels',
     editor: 'editor.checkbox',
     showEditor: function showEditor(_ref6) {
@@ -2603,7 +2940,7 @@ exports.AxesChartXGridAndLabelsBubbleScatter = {
       return options.xAxisLabelVisibility === 'show' || options.xAxisLabelVisibility === 'auto' || options.xAxisLabelVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('SI prefix abbreviation for labels'),
+    label: (0, i18n_1._)('SI prefix abbreviation for labels'),
     option: 'xAxisAbbreviation',
     editor: 'editor.checkbox',
     showEditor: function showEditor(_ref7) {
@@ -2611,27 +2948,26 @@ exports.AxesChartXGridAndLabelsBubbleScatter = {
       return options.xAxisLabelVisibility === 'show' || options.xAxisLabelVisibility === 'auto' || options.xAxisLabelVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Include zero'),
+    label: (0, i18n_1._)('Include zero'),
     option: 'showXAxisWithZero',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Extend to whole grid'),
+    label: (0, i18n_1._)('Extend to whole grid'),
     option: 'showXAxisExtendedRange',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Minimum axis value'),
+    label: (0, i18n_1._)('Minimum axis value'),
     option: 'xAxisMin',
     editor: 'editor.number'
   }, {
-    label: i18n_1._('Maximum axis value'),
+    label: (0, i18n_1._)('Maximum axis value'),
     option: 'xAxisMax',
     editor: 'editor.number'
   }], [{
-    label: i18n_1._('Axis line visibility'),
+    label: (0, i18n_1._)('Axis line visibility'),
     option: 'xAxisLineVisibility',
     editor: 'editor.checkbox'
-  }],
-  // this option is disabled for bubble and scatter
+  }], // this option is disabled for bubble and scatter
   // [
   //     {
   //         label: _('Major gridlines'),
@@ -2640,23 +2976,23 @@ exports.AxesChartXGridAndLabelsBubbleScatter = {
   //     },
   // ],
   [{
-    label: i18n_1._('Major tick visibility'),
+    label: (0, i18n_1._)('Major tick visibility'),
     option: 'xAxisMajorTickVisibility',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Show'),
+        label: (0, i18n_1._)('Show'),
         value: 'show'
       }, {
-        label: i18n_1._('Hide'),
+        label: (0, i18n_1._)('Hide'),
         value: 'hide'
       }]
     }
   }], [{
-    label: i18n_1._('Major tick size (px)'),
+    label: (0, i18n_1._)('Major tick size (px)'),
     option: 'xAxisMajorTickSize',
     editor: 'editor.slider',
     editorProps: {
@@ -2669,7 +3005,7 @@ exports.AxesChartXGridAndLabelsBubbleScatter = {
       return options.xAxisMajorTickVisibility === 'show' || options.xAxisMajorTickVisibility === 'auto' || options.xAxisMajorTickVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Major tick interval spacing'),
+    label: (0, i18n_1._)('Major tick interval spacing'),
     option: 'xAxisMajorTickInterval',
     editor: 'editor.number',
     showEditor: function showEditor(_ref9) {
@@ -2677,27 +3013,27 @@ exports.AxesChartXGridAndLabelsBubbleScatter = {
       return options.xAxisMajorTickVisibility === 'show' || options.xAxisMajorTickVisibility === 'auto' || options.xAxisMajorTickVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Minor gridlines'),
+    label: (0, i18n_1._)('Minor gridlines'),
     option: 'showXMinorGridLines',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Minor tick visibility'),
+    label: (0, i18n_1._)('Minor tick visibility'),
     option: 'xAxisMinorTickVisibility',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Show'),
+        label: (0, i18n_1._)('Show'),
         value: 'show'
       }, {
-        label: i18n_1._('Hide'),
+        label: (0, i18n_1._)('Hide'),
         value: 'hide'
       }]
     }
   }], [{
-    label: i18n_1._('Minor tick size (px)'),
+    label: (0, i18n_1._)('Minor tick size (px)'),
     option: 'xAxisMinorTickSize',
     editor: 'editor.slider',
     editorProps: {
@@ -2714,7 +3050,7 @@ exports.AxesChartXGridAndLabelsBubbleScatter = {
 exports.default = AxesChartXGridAndLabels;
 
 /***/ }),
-/* 77 */
+/* 78 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2723,15 +3059,17 @@ exports.default = AxesChartXGridAndLabels;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var i18n_1 = __webpack_require__(2);
+
 var AxesChartYGridAndLabels = {
-  label: i18n_1._('Y-axis grid and labels'),
+  label: (0, i18n_1._)('Y-axis grid and labels'),
   layout: [[{
-    label: i18n_1._('Axis title'),
+    label: (0, i18n_1._)('Axis title'),
     option: 'yAxisTitleVisibility',
     editor: 'editor.toggle'
   }], [{
-    label: i18n_1._('Axis title text'),
+    label: (0, i18n_1._)('Axis title text'),
     option: 'yAxisTitleText',
     editor: 'editor.text',
     showEditor: function showEditor(_ref) {
@@ -2739,36 +3077,36 @@ var AxesChartYGridAndLabels = {
       return options.yAxisTitleVisibility === 'show' || options.yAxisTitleVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Scale'),
+    label: (0, i18n_1._)('Scale'),
     option: 'yAxisScale',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Linear'),
+        label: (0, i18n_1._)('Linear'),
         value: 'linear'
       }, {
-        label: i18n_1._('Log'),
+        label: (0, i18n_1._)('Log'),
         value: 'log'
       }]
     }
   }], [{
-    label: i18n_1._('Label visibility'),
+    label: (0, i18n_1._)('Label visibility'),
     option: 'yAxisLabelVisibility',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Show'),
+        label: (0, i18n_1._)('Show'),
         value: 'show'
       }, {
-        label: i18n_1._('Hide'),
+        label: (0, i18n_1._)('Hide'),
         value: 'hide'
       }]
     }
   }], [{
-    label: i18n_1._('SI prefix abbreviation for labels'),
+    label: (0, i18n_1._)('SI prefix abbreviation for labels'),
     option: 'yAxisAbbreviation',
     editor: 'editor.checkbox',
     showEditor: function showEditor(_ref2) {
@@ -2776,47 +3114,47 @@ var AxesChartYGridAndLabels = {
       return options.yAxisLabelVisibility === 'show' || options.yAxisLabelVisibility === 'auto' || options.yAxisLabelVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Include zero'),
+    label: (0, i18n_1._)('Include zero'),
     option: 'showYAxisWithZero',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Extend to whole grid'),
+    label: (0, i18n_1._)('Extend to whole grid'),
     option: 'showYAxisExtendedRange',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Minimum axis value'),
+    label: (0, i18n_1._)('Minimum axis value'),
     option: 'yAxisMin',
     editor: 'editor.number'
   }, {
-    label: i18n_1._('Maximum axis value'),
+    label: (0, i18n_1._)('Maximum axis value'),
     option: 'yAxisMax',
     editor: 'editor.number'
   }], [{
-    label: i18n_1._('Axis line visibility'),
+    label: (0, i18n_1._)('Axis line visibility'),
     option: 'yAxisLineVisibility',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Major gridlines'),
+    label: (0, i18n_1._)('Major gridlines'),
     option: 'showYMajorGridLines',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Major tick visibility'),
+    label: (0, i18n_1._)('Major tick visibility'),
     option: 'yAxisMajorTickVisibility',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Show'),
+        label: (0, i18n_1._)('Show'),
         value: 'show'
       }, {
-        label: i18n_1._('Hide'),
+        label: (0, i18n_1._)('Hide'),
         value: 'hide'
       }]
     }
   }], [{
-    label: i18n_1._('Major tick size (px)'),
+    label: (0, i18n_1._)('Major tick size (px)'),
     option: 'yAxisMajorTickSize',
     editor: 'editor.slider',
     editorProps: {
@@ -2829,7 +3167,7 @@ var AxesChartYGridAndLabels = {
       return options.yAxisMajorTickVisibility === 'show' || options.yAxisMajorTickVisibility === 'auto' || options.yAxisMajorTickVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Major tick interval spacing'),
+    label: (0, i18n_1._)('Major tick interval spacing'),
     option: 'yAxisMajorTickInterval',
     editor: 'editor.number',
     showEditor: function showEditor(_ref4) {
@@ -2837,27 +3175,27 @@ var AxesChartYGridAndLabels = {
       return options.yAxisMajorTickVisibility === 'show' || options.yAxisMajorTickVisibility === 'auto' || options.yAxisMajorTickVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Minor gridlines'),
+    label: (0, i18n_1._)('Minor gridlines'),
     option: 'showYMinorGridLines',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Minor tick visibility'),
+    label: (0, i18n_1._)('Minor tick visibility'),
     option: 'yAxisMinorTickVisibility',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Show'),
+        label: (0, i18n_1._)('Show'),
         value: 'show'
       }, {
-        label: i18n_1._('Hide'),
+        label: (0, i18n_1._)('Hide'),
         value: 'hide'
       }]
     }
   }], [{
-    label: i18n_1._('Minor tick size (px)'),
+    label: (0, i18n_1._)('Minor tick size (px)'),
     option: 'yAxisMinorTickSize',
     editor: 'editor.slider',
     editorProps: {
@@ -2874,7 +3212,6 @@ var AxesChartYGridAndLabels = {
 exports.default = AxesChartYGridAndLabels;
 
 /***/ }),
-/* 78 */,
 /* 79 */,
 /* 80 */,
 /* 81 */,
@@ -2883,67 +3220,74 @@ exports.default = AxesChartYGridAndLabels;
 /* 84 */,
 /* 85 */,
 /* 86 */,
-/* 87 */
+/* 87 */,
+/* 88 */,
+/* 89 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _toConsumableArray = __webpack_require__(8);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AxesChartDataDisplayColumn = exports.AxesChartDataDisplayBar = exports.AxesChartDataDisplayLine = void 0;
+
 var i18n_1 = __webpack_require__(2);
+
 var lodash_1 = __webpack_require__(3);
+
 var configUtils_1 = __webpack_require__(20);
+
 exports.AxesChartDataDisplayLine = {
-  label: i18n_1._('Data display'),
+  label: (0, i18n_1._)('Data display'),
   layout: [[{
-    label: i18n_1._('Null value display'),
+    label: (0, i18n_1._)('Null value display'),
     option: 'nullValueDisplay',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Gaps'),
+        label: (0, i18n_1._)('Gaps'),
         value: 'gaps'
       }, {
-        label: i18n_1._('Zero'),
+        label: (0, i18n_1._)('Zero'),
         value: 'zero'
       }, {
-        label: i18n_1._('Connect'),
+        label: (0, i18n_1._)('Connect'),
         value: 'connect'
       }]
     }
   }], [{
-    label: i18n_1._('Data value display'),
+    label: (0, i18n_1._)('Data value display'),
     option: 'dataValuesDisplay',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Off'),
+        label: (0, i18n_1._)('Off'),
         value: 'off'
       }, {
-        label: i18n_1._('All'),
+        label: (0, i18n_1._)('All'),
         value: 'all'
       }, {
-        label: i18n_1._('Min/Max'),
+        label: (0, i18n_1._)('Min/Max'),
         value: 'minmax'
       }]
     }
   }], [{
-    label: i18n_1._('Overlay fields'),
+    label: (0, i18n_1._)('Overlay fields'),
     option: 'overlayFields',
     editor: 'editor.columnMultiSelectionByFieldNameEditor',
     editorProps: {
       filterByTypes: ['number']
     }
   }], [{
-    label: i18n_1._('Split series'),
+    label: (0, i18n_1._)('Split series'),
     option: 'showSplitSeries',
     editor: 'editor.toggle'
   }], [{
-    label: i18n_1._('Independent y-axis for split series'),
+    label: (0, i18n_1._)('Independent y-axis for split series'),
     option: 'showIndependentYRanges',
     editor: 'editor.checkbox',
     showEditor: function showEditor(_ref) {
@@ -2955,18 +3299,18 @@ exports.AxesChartDataDisplayLine = {
 var AxesChartDataDisplay = {
   label: exports.AxesChartDataDisplayLine.label,
   layout: [[{
-    label: i18n_1._('Stack mode'),
+    label: (0, i18n_1._)('Stack mode'),
     option: 'stackMode',
     editor: 'editor.select',
     editorProps: {
       values: [{
-        label: i18n_1._('Not stacked'),
+        label: (0, i18n_1._)('Not stacked'),
         value: 'auto'
       }, {
-        label: i18n_1._('Stacked'),
+        label: (0, i18n_1._)('Stacked'),
         value: 'stacked'
       }, {
-        label: i18n_1._('Stacked 100%'),
+        label: (0, i18n_1._)('Stacked 100%'),
         value: 'stacked100'
       }]
     }
@@ -2975,39 +3319,39 @@ var AxesChartDataDisplay = {
 exports.AxesChartDataDisplayBar = {
   label: exports.AxesChartDataDisplayLine.label,
   layout: [[{
-    label: i18n_1._('Stack mode'),
+    label: (0, i18n_1._)('Stack mode'),
     option: 'stackMode',
     editor: 'editor.select',
     editorProps: {
       values: [{
-        label: i18n_1._('Not stacked'),
+        label: (0, i18n_1._)('Not stacked'),
         value: 'auto'
       }, {
-        label: i18n_1._('Stacked'),
+        label: (0, i18n_1._)('Stacked'),
         value: 'stacked'
       }, {
-        label: i18n_1._('Stacked 100%'),
+        label: (0, i18n_1._)('Stacked 100%'),
         value: 'stacked100'
       }]
     }
-  }]].concat(_toConsumableArray(lodash_1.drop(exports.AxesChartDataDisplayLine.layout)))
+  }]].concat(_toConsumableArray((0, lodash_1.drop)(exports.AxesChartDataDisplayLine.layout)))
 };
 exports.AxesChartDataDisplayColumn = {
   label: exports.AxesChartDataDisplayBar.label,
-  layout: [].concat(_toConsumableArray(configUtils_1.insertLayout(exports.AxesChartDataDisplayBar.layout, 2, [{
-    label: i18n_1._('Show tooltip on hover'),
+  layout: [].concat(_toConsumableArray((0, configUtils_1.insertLayout)(exports.AxesChartDataDisplayBar.layout, 2, [{
+    label: (0, i18n_1._)('Show tooltip on hover'),
     option: 'showTooltip',
     editor: 'editor.checkbox'
   }])), [[{
-    label: i18n_1._('Column grouping mode'),
+    label: (0, i18n_1._)('Column grouping mode'),
     option: 'columnGrouping',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Overlay'),
+        label: (0, i18n_1._)('Overlay'),
         value: 'overlay'
       }]
     }
@@ -3016,7 +3360,7 @@ exports.AxesChartDataDisplayColumn = {
 exports.default = AxesChartDataDisplay;
 
 /***/ }),
-/* 88 */
+/* 90 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3025,15 +3369,17 @@ exports.default = AxesChartDataDisplay;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var i18n_1 = __webpack_require__(2);
+
 var axesChartY2GridAndLabels = {
-  label: i18n_1._('Y2-axis grid and labels'),
+  label: (0, i18n_1._)('Y2-axis grid and labels'),
   layout: [[{
-    label: i18n_1._('Axis title'),
+    label: (0, i18n_1._)('Axis title'),
     option: 'y2AxisTitleVisibility',
     editor: 'editor.toggle'
   }], [{
-    label: i18n_1._('Axis title'),
+    label: (0, i18n_1._)('Axis title'),
     option: 'y2AxisTitleText',
     editor: 'editor.text',
     showEditor: function showEditor(_ref) {
@@ -3041,7 +3387,7 @@ var axesChartY2GridAndLabels = {
       return options.y2AxisTitleVisibility === 'show' || options.y2AxisTitleVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Show overlays on the y2-axis'),
+    label: (0, i18n_1._)('Show overlays on the y2-axis'),
     option: 'showOverlayY2Axis',
     editor: 'editor.checkbox',
     showEditor: function showEditor(_ref2) {
@@ -3049,36 +3395,36 @@ var axesChartY2GridAndLabels = {
       return Array.isArray(options.overlayFields) && options.overlayFields.length > 0;
     }
   }], [{
-    label: i18n_1._('Scale'),
+    label: (0, i18n_1._)('Scale'),
     option: 'y2AxisScale',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Linear'),
+        label: (0, i18n_1._)('Linear'),
         value: 'linear'
       }, {
-        label: i18n_1._('Log'),
+        label: (0, i18n_1._)('Log'),
         value: 'log'
       }]
     }
   }], [{
-    label: i18n_1._('Label visibility'),
+    label: (0, i18n_1._)('Label visibility'),
     option: 'y2AxisLabelVisibility',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Show'),
+        label: (0, i18n_1._)('Show'),
         value: 'show'
       }, {
-        label: i18n_1._('Hide'),
+        label: (0, i18n_1._)('Hide'),
         value: 'hide'
       }]
     }
   }], [{
-    label: i18n_1._('Round axis labels'),
+    label: (0, i18n_1._)('Round axis labels'),
     option: 'showRoundedY2AxisLabels',
     editor: 'editor.checkbox',
     showEditor: function showEditor(_ref3) {
@@ -3086,7 +3432,7 @@ var axesChartY2GridAndLabels = {
       return options.y2AxisLabelVisibility === 'show' || options.y2AxisLabelVisibility === 'auto' || options.y2AxisLabelVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('SI prefix abbreviation for labels'),
+    label: (0, i18n_1._)('SI prefix abbreviation for labels'),
     option: 'y2AxisAbbreviation',
     editor: 'editor.checkbox',
     showEditor: function showEditor(_ref4) {
@@ -3094,43 +3440,43 @@ var axesChartY2GridAndLabels = {
       return options.y2AxisLabelVisibility === 'show' || options.y2AxisLabelVisibility === 'auto' || options.y2AxisLabelVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Include zero'),
+    label: (0, i18n_1._)('Include zero'),
     option: 'showY2AxisWithZero',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Minimum axis value'),
+    label: (0, i18n_1._)('Minimum axis value'),
     option: 'y2AxisMin',
     editor: 'editor.number'
   }, {
-    label: i18n_1._('Maximum axis value'),
+    label: (0, i18n_1._)('Maximum axis value'),
     option: 'y2AxisMax',
     editor: 'editor.number'
   }], [{
-    label: i18n_1._('Axis line visibility'),
+    label: (0, i18n_1._)('Axis line visibility'),
     option: 'y2AxisLineVisibility',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Major gridlines'),
+    label: (0, i18n_1._)('Major gridlines'),
     option: 'showY2MajorGridLines',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Major tick visibility'),
+    label: (0, i18n_1._)('Major tick visibility'),
     option: 'y2AxisMajorTickVisibility',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Show'),
+        label: (0, i18n_1._)('Show'),
         value: 'show'
       }, {
-        label: i18n_1._('Hide'),
+        label: (0, i18n_1._)('Hide'),
         value: 'hide'
       }]
     }
   }], [{
-    label: i18n_1._('Major tick size (px)'),
+    label: (0, i18n_1._)('Major tick size (px)'),
     option: 'y2AxisMajorTickSize',
     editor: 'editor.slider',
     editorProps: {
@@ -3143,7 +3489,7 @@ var axesChartY2GridAndLabels = {
       return options.y2AxisMajorTickVisibility === 'show' || options.y2AxisMajorTickVisibility === 'auto' || options.y2AxisMajorTickVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Major tick interval spacing'),
+    label: (0, i18n_1._)('Major tick interval spacing'),
     option: 'y2AxisMajorTickInterval',
     editor: 'editor.number',
     showEditor: function showEditor(_ref6) {
@@ -3151,27 +3497,27 @@ var axesChartY2GridAndLabels = {
       return options.y2AxisMajorTickVisibility === 'show' || options.y2AxisMajorTickVisibility === 'auto' || options.y2AxisMajorTickVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Minor gridlines'),
+    label: (0, i18n_1._)('Minor gridlines'),
     option: 'showY2MinorGridLines',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Minor tick visibility'),
+    label: (0, i18n_1._)('Minor tick visibility'),
     option: 'y2AxisMinorTickVisibility',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Show'),
+        label: (0, i18n_1._)('Show'),
         value: 'show'
       }, {
-        label: i18n_1._('Hide'),
+        label: (0, i18n_1._)('Hide'),
         value: 'hide'
       }]
     }
   }], [{
-    label: i18n_1._('Minor tick size (px)'),
+    label: (0, i18n_1._)('Minor tick size (px)'),
     option: 'y2AxisMinorTickSize',
     editor: 'editor.slider',
     editorProps: {
@@ -3188,8 +3534,6 @@ var axesChartY2GridAndLabels = {
 exports.default = axesChartY2GridAndLabels;
 
 /***/ }),
-/* 89 */,
-/* 90 */,
 /* 91 */,
 /* 92 */,
 /* 93 */,
@@ -3251,7 +3595,10 @@ exports.default = axesChartY2GridAndLabels;
 /* 149 */,
 /* 150 */,
 /* 151 */,
-/* 152 */
+/* 152 */,
+/* 153 */,
+/* 154 */,
+/* 155 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3259,88 +3606,111 @@ exports.default = axesChartY2GridAndLabels;
 
 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;
 };
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.config = exports.themes = exports.computeVizProps = void 0;
-var lodash_1 = __webpack_require__(3);
-// Charting imports i18n which needs to be run to instantiate window globals in the tests
+
+var lodash_1 = __webpack_require__(3); // Charting imports i18n which needs to be run to instantiate window globals in the tests
 // eslint-disable-next-line import/order
-var Charting_1 = __webpack_require__(64);
-var charting_bundle_1 = __webpack_require__(56);
-var simpleXMLOptions_1 = __webpack_require__(69);
-var config_1 = __webpack_require__(221);
+
+
+var Charting_1 = __webpack_require__(65);
+
+var charting_bundle_1 = __webpack_require__(55);
+
+var simpleXMLOptions_1 = __webpack_require__(70);
+
+var config_1 = __webpack_require__(224);
+
 exports.config = config_1.default;
-var withDashboardViz_1 = __webpack_require__(36);
-var lineUtils_1 = __webpack_require__(222);
-var chartingUtils_1 = __webpack_require__(55);
+
+var withDashboardViz_1 = __webpack_require__(37);
+
+var lineUtils_1 = __webpack_require__(225);
+
+var chartingUtils_1 = __webpack_require__(56);
+
 var validOptions = Object.keys(config_1.default.optionsSchema);
+
 var computeVizProps = function computeVizProps(_a) {
   var dataSources = _a.dataSources,
-    x = _a.x,
-    y = _a.y,
-    xField = _a.xField,
-    yFields = _a.yFields,
-    onEventTrigger = _a.onEventTrigger,
-    annotationX = _a.annotationX,
-    annotationColor = _a.annotationColor,
-    annotationLabel = _a.annotationLabel,
-    visualizationApiRef = _a.visualizationApiRef,
-    otherOptions = __rest(_a, ["dataSources", "x", "y", "xField", "yFields", "onEventTrigger", "annotationX", "annotationColor", "annotationLabel", "visualizationApiRef"]); // options to be passed as props
+      x = _a.x,
+      y = _a.y,
+      xField = _a.xField,
+      yFields = _a.yFields,
+      onEventTrigger = _a.onEventTrigger,
+      annotationX = _a.annotationX,
+      annotationColor = _a.annotationColor,
+      annotationLabel = _a.annotationLabel,
+      visualizationApiRef = _a.visualizationApiRef,
+      otherOptions = __rest(_a, ["dataSources", "x", "y", "xField", "yFields", "onEventTrigger", "annotationX", "annotationColor", "annotationLabel", "visualizationApiRef"]); // options to be passed as props
+
+
   var computedProps = {
     visualizationApiRef: visualizationApiRef
   };
   var y2 = otherOptions.y2,
-    y2Fields = otherOptions.y2Fields,
-    hasEventHandlers = otherOptions.hasEventHandlers;
-  computedProps.options = lodash_1.chain(otherOptions).pick(validOptions).thru(lineUtils_1.convertToLineSCProperties).thru(function (options) {
-    return Object.assign(Object.assign({}, simpleXMLOptions_1.getSimpleXMLOptionsForProps(options)), {
+      y2Fields = otherOptions.y2Fields,
+      hasEventHandlers = otherOptions.hasEventHandlers;
+  computedProps.options = (0, lodash_1.chain)(otherOptions).pick(validOptions).thru(lineUtils_1.convertToLineSCProperties).thru(function (options) {
+    return Object.assign(Object.assign({}, (0, simpleXMLOptions_1.getSimpleXMLOptionsForProps)(options)), {
       chart: 'line'
     });
   }).value();
-  var chartingAnnotations = chartingUtils_1.getAnnotations({
+  var chartingAnnotations = (0, chartingUtils_1.getAnnotations)({
     annotationX: annotationX,
     annotationColor: annotationColor,
     annotationLabel: annotationLabel
   });
   var truncationLimit = computedProps.options['chart.resultTruncationLimit'];
   var primaryData = Object.assign({}, dataSources.primary.data);
-  var _chartingUtils_1$cons = chartingUtils_1.constructFieldsAndColumns({
-      x: x,
-      y: y,
-      xField: xField,
-      yFields: yFields,
-      y2: y2,
-      y2Fields: y2Fields
-    }),
-    columns = _chartingUtils_1$cons.columns,
-    fields = _chartingUtils_1$cons.fields;
+
+  var _ref = (0, chartingUtils_1.constructFieldsAndColumns)({
+    x: x,
+    y: y,
+    xField: xField,
+    yFields: yFields,
+    y2: y2,
+    y2Fields: y2Fields
+  }),
+      columns = _ref.columns,
+      fields = _ref.fields;
+
   primaryData.columns = columns;
   primaryData.fields = fields;
+
   if (truncationLimit) {
-    primaryData = chartingUtils_1.truncateData(primaryData, truncationLimit);
+    primaryData = (0, chartingUtils_1.truncateData)(primaryData, truncationLimit);
   }
+
   computedProps.chartData = charting_bundle_1.default.extractChartReadyData(Object.assign(Object.assign({}, primaryData), {
     annotations: chartingAnnotations
   }));
+
   if (hasEventHandlers) {
     computedProps.onClick = onEventTrigger;
     computedProps.onSelect = onEventTrigger;
     computedProps.onPointMouseOver = onEventTrigger;
     computedProps.onPointMouseOut = onEventTrigger;
   }
+
   return computedProps;
 };
+
 exports.computeVizProps = computeVizProps;
-var Line = withDashboardViz_1.default({
+var Line = (0, withDashboardViz_1.default)({
   ReactViz: Charting_1.default,
   computeVizProps: exports.computeVizProps,
   vizConfig: config_1.default
@@ -3350,9 +3720,6 @@ exports.themes = themes;
 exports.default = Line;
 
 /***/ }),
-/* 153 */,
-/* 154 */,
-/* 155 */,
 /* 156 */,
 /* 157 */,
 /* 158 */,
@@ -3417,7 +3784,10 @@ exports.default = Line;
 /* 217 */,
 /* 218 */,
 /* 219 */,
-/* 220 */
+/* 220 */,
+/* 221 */,
+/* 222 */,
+/* 223 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3425,27 +3795,38 @@ exports.default = Line;
 
 var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
   if (k2 === undefined) k2 = k;
-  Object.defineProperty(o, k2, {
-    enumerable: true,
-    get: function get() {
-      return m[k];
-    }
-  });
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function get() {
+        return m[k];
+      }
+    };
+  }
+
+  Object.defineProperty(o, k2, desc);
 } : function (o, m, k, k2) {
   if (k2 === undefined) k2 = k;
   o[k2] = m[k];
 });
+
 var __exportStar = this && this.__exportStar || function (m, exports) {
   for (var p in m) {
     if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
   }
 };
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-__exportStar(__webpack_require__(152), exports);
-var Line_1 = __webpack_require__(152);
+
+__exportStar(__webpack_require__(155), exports);
+
+var Line_1 = __webpack_require__(155);
+
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
@@ -3454,33 +3835,52 @@ Object.defineProperty(exports, "default", {
 });
 
 /***/ }),
-/* 221 */
+/* 224 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _toConsumableArray = __webpack_require__(8);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var schemaUtils_1 = __webpack_require__(16);
+
 var visualization_color_palettes_1 = __webpack_require__(51);
+
 var visualization_icons_1 = __webpack_require__(52);
-var placeholders_1 = __webpack_require__(49);
+
+var placeholders_1 = __webpack_require__(50);
+
 var i18n_1 = __webpack_require__(2);
+
 var pick_1 = __webpack_require__(23);
+
 var variables_1 = __webpack_require__(11);
-var AxesChartDataConfig_1 = __webpack_require__(73);
-var AxesChartDataDisplay_1 = __webpack_require__(87);
-var AxesChartColorAndStyle_1 = __webpack_require__(74);
-var AxesChartLegend_1 = __webpack_require__(75);
-var AxesChartXGridAndLabels_1 = __webpack_require__(76);
-var AxesChartYGridAndLabels_1 = __webpack_require__(77);
-var AxesChartY2GridAndLabels_1 = __webpack_require__(88);
+
+var AxesChartDataConfig_1 = __webpack_require__(74);
+
+var AxesChartDataDisplay_1 = __webpack_require__(89);
+
+var AxesChartColorAndStyle_1 = __webpack_require__(75);
+
+var AxesChartLegend_1 = __webpack_require__(76);
+
+var AxesChartXGridAndLabels_1 = __webpack_require__(77);
+
+var AxesChartYGridAndLabels_1 = __webpack_require__(78);
+
+var AxesChartY2GridAndLabels_1 = __webpack_require__(90);
+
 var VizBehavior_1 = __webpack_require__(6);
-var VizCategory_1 = __webpack_require__(35);
+
+var VizCategory_1 = __webpack_require__(36);
+
 var configUtils_1 = __webpack_require__(20);
+
 var dataContract = {
   requiredDataSources: [{
     name: 'primary',
@@ -3570,13 +3970,13 @@ var optionsSchema = {
   dataValuesDisplay: {
     default: 'off',
     description: 'Specify whether chart should display no labels, all labels, or only the min and max labels.',
-    pattern: schemaUtils_1.getPattern(['off', 'all', 'minmax']),
+    pattern: (0, schemaUtils_1.getPattern)(['off', 'all', 'minmax']),
     type: 'string'
   },
   legendDisplay: {
     default: 'right',
     description: 'Specify the location of the legend on the panel. You must select the Standard legend mode to make this change.',
-    pattern: schemaUtils_1.getPattern(['right', 'left', 'top', 'bottom', 'off']),
+    pattern: (0, schemaUtils_1.getPattern)(['right', 'left', 'top', 'bottom', 'off']),
     type: 'string'
   },
   legendLabels: {
@@ -3589,19 +3989,19 @@ var optionsSchema = {
   legendMode: {
     default: 'standard',
     description: 'Specify visual and behavioral settings for the tooltip and legend. "seriesCompare" is useful when comparing series.',
-    pattern: schemaUtils_1.getPattern(['standard', 'seriesCompare']),
+    pattern: (0, schemaUtils_1.getPattern)(['standard', 'seriesCompare']),
     type: 'string'
   },
   legendTruncation: {
     default: 'ellipsisEnd',
     description: 'Specify how to display legend labels when they overflow the layout boundaries by replacing overflow text with an ellipsis.',
-    pattern: schemaUtils_1.getPattern(['ellipsisEnd', 'ellipsisMiddle', 'ellipsisStart', 'ellipsisOff']),
+    pattern: (0, schemaUtils_1.getPattern)(['ellipsisEnd', 'ellipsisMiddle', 'ellipsisStart', 'ellipsisOff']),
     type: 'string'
   },
   lineDashStyle: {
     default: 'solid',
     description: 'Specify a dash style for all line series in the chart.',
-    pattern: schemaUtils_1.getPattern(['solid', 'shortDash', 'shortDot', 'shortDashDot', 'shortDashDotDot', 'dot', 'dash', 'longDash', 'dashDot', 'longDashDot', 'longDashDotDot']),
+    pattern: (0, schemaUtils_1.getPattern)(['solid', 'shortDash', 'shortDot', 'shortDashDot', 'shortDashDotDot', 'dot', 'dash', 'longDash', 'dashDot', 'longDashDot', 'longDashDotDot']),
     type: 'string'
   },
   lineDashStylesByField: {
@@ -3616,14 +4016,14 @@ var optionsSchema = {
   markerDisplay: {
     default: 'off',
     description: "Specify the marker display style for data points.",
-    pattern: schemaUtils_1.getPattern(['off', 'filled', 'outlined']),
+    pattern: (0, schemaUtils_1.getPattern)(['off', 'filled', 'outlined']),
     enum: ['off', 'filled', 'outlined'],
     type: 'string'
   },
   nullValueDisplay: {
     default: 'gaps',
     description: 'Specify how area and line charts handle null values.',
-    pattern: schemaUtils_1.getPattern(['gaps', 'zero', 'connect']),
+    pattern: (0, schemaUtils_1.getPattern)(['gaps', 'zero', 'connect']),
     type: 'string'
   },
   resultLimit: {
@@ -3707,40 +4107,40 @@ var optionsSchema = {
   xAxisLabelVisibility: {
     default: 'auto',
     description: 'Specify whether to show or hide labels on the x-axis.',
-    pattern: schemaUtils_1.getPattern(['auto', 'show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
     type: 'string'
   },
   yAxisLabelVisibility: {
     default: 'auto',
     description: 'Specify whether to show or hide labels on the y-axis.',
-    pattern: schemaUtils_1.getPattern(['auto', 'show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
     type: 'string'
   },
   y2AxisLabelVisibility: {
     default: 'auto',
     description: 'Specify whether to show or hide labels on the y2-axis.',
-    pattern: schemaUtils_1.getPattern(['auto', 'show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
     type: 'string'
   },
   xAxisLineVisibility: {
     default: 'hide',
     enum: ['hide', 'show'],
     description: 'Specify whether to show or hide the x-axis line.',
-    pattern: schemaUtils_1.getPattern(['show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['show', 'hide']),
     type: 'string'
   },
   yAxisLineVisibility: {
     default: 'hide',
     description: 'Specify whether to show or hide the y-axis line.',
     enum: ['hide', 'show'],
-    pattern: schemaUtils_1.getPattern(['show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['show', 'hide']),
     type: 'string'
   },
   y2AxisLineVisibility: {
     default: 'hide',
     description: 'Specify whether to show or hide the y2-axis line.',
     enum: ['hide', 'show'],
-    pattern: schemaUtils_1.getPattern(['show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['show', 'hide']),
     type: 'string'
   },
   xAxisMajorTickSize: {
@@ -3771,31 +4171,31 @@ var optionsSchema = {
   xAxisMajorTickVisibility: {
     default: 'auto',
     description: 'Specify whether to show or hide major tick marks on the x-axis.',
-    pattern: schemaUtils_1.getPattern(['auto', 'show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
     type: 'string'
   },
   yAxisMajorTickVisibility: {
     default: 'auto',
     description: 'Specify whether to show or hide major tick marks on the y-axis.',
-    pattern: schemaUtils_1.getPattern(['auto', 'show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
     type: 'string'
   },
   y2AxisMajorTickVisibility: {
     default: 'auto',
     description: 'Specify whether to show or hide major tick marks on the y2-axis.',
-    pattern: schemaUtils_1.getPattern(['auto', 'show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
     type: 'string'
   },
   yAxisMinorTickVisibility: {
     default: 'auto',
     description: 'Specify whether to show or hide minor tick marks on the y-axis.',
-    pattern: schemaUtils_1.getPattern(['auto', 'show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
     type: 'string'
   },
   y2AxisMinorTickVisibility: {
     default: 'auto',
     description: 'Specify whether to show or hide minor tick marks on the y2-axis.',
-    pattern: schemaUtils_1.getPattern(['auto', 'show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
     type: 'string'
   },
   xAxisMaxLabelParts: {
@@ -3821,35 +4221,35 @@ var optionsSchema = {
     default: 'show',
     description: 'Specify whether to show or hide the title of the x-axis.',
     enum: ['hide', 'show'],
-    pattern: schemaUtils_1.getPattern(['show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['show', 'hide']),
     type: 'string'
   },
   yAxisTitleVisibility: {
     default: 'show',
     description: 'Specify whether to show or hide the title of the y-axis.',
     enum: ['hide', 'show'],
-    pattern: schemaUtils_1.getPattern(['show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['show', 'hide']),
     type: 'string'
   },
   y2AxisTitleVisibility: {
     default: 'show',
     description: 'Specify whether to show or hide the title of the y2-axis.',
     enum: ['hide', 'show'],
-    pattern: schemaUtils_1.getPattern(['show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['show', 'hide']),
     type: 'string'
   },
   yAxisAbbreviation: {
     default: 'auto',
     description: 'Specify whether to abbreviate large y-axis values with the closest SI prefix.',
     enum: ['off', 'auto'],
-    pattern: schemaUtils_1.getPattern(['off', 'auto']),
+    pattern: (0, schemaUtils_1.getPattern)(['off', 'auto']),
     type: 'string'
   },
   y2AxisAbbreviation: {
     default: 'auto',
     description: 'Specify whether to abbreviate large y2-axis values with the closest SI prefix.',
     enum: ['off', 'auto'],
-    pattern: schemaUtils_1.getPattern(['off', 'auto']),
+    pattern: (0, schemaUtils_1.getPattern)(['off', 'auto']),
     type: 'string'
   },
   yAxisMajorTickInterval: {
@@ -3889,13 +4289,13 @@ var optionsSchema = {
   yAxisScale: {
     default: 'linear',
     description: 'Specify the type of scale that applies to a numerical y-axis.',
-    pattern: schemaUtils_1.getPattern(['linear', 'log']),
+    pattern: (0, schemaUtils_1.getPattern)(['linear', 'log']),
     type: 'string'
   },
   y2AxisScale: {
     default: 'linear',
     description: 'Specify the type of scale that applies to a numerical y2-axis.',
-    pattern: schemaUtils_1.getPattern(['linear', 'log']),
+    pattern: (0, schemaUtils_1.getPattern)(['linear', 'log']),
     type: 'string'
   },
   // TODO: Figure out a way to explicitly support string value in addition to an array of strings
@@ -3928,7 +4328,7 @@ var optionsSchema = {
 };
 var themes = {
   defaultBackgroundColor: function defaultBackgroundColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: {
         dark: variables_1.default.black(props),
         light: variables_1.default.backgroundColor(props)
@@ -3939,8 +4339,7 @@ var themes = {
 };
 var editorConfig = [AxesChartDataConfig_1.AxesChartDataConfigAreaColumnLine, AxesChartDataDisplay_1.AxesChartDataDisplayLine, {
   label: AxesChartColorAndStyle_1.default.label,
-  layout: [].concat(_toConsumableArray(AxesChartColorAndStyle_1.default.layout), [
-  // [
+  layout: [].concat(_toConsumableArray(AxesChartColorAndStyle_1.default.layout), [// [
   //     {
   //         label: _('Line dash style'),
   //         option: 'lineDashStyle',
@@ -3955,7 +4354,7 @@ var editorConfig = [AxesChartDataConfig_1.AxesChartDataConfigAreaColumnLine, Axe
   //     },
   // ],
   [{
-    label: i18n_1._('Line width (px)'),
+    label: (0, i18n_1._)('Line width (px)'),
     option: 'lineWidth',
     editor: 'editor.slider',
     editorProps: {
@@ -3964,27 +4363,27 @@ var editorConfig = [AxesChartDataConfig_1.AxesChartDataConfigAreaColumnLine, Axe
       step: 0.5
     }
   }], [{
-    label: i18n_1._('Line smoothing'),
+    label: (0, i18n_1._)('Line smoothing'),
     option: 'showLineSmoothing',
     editor: 'editor.toggle'
   }], [{
-    label: i18n_1._('Marker display'),
+    label: (0, i18n_1._)('Marker display'),
     option: 'markerDisplay',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Off'),
+        label: (0, i18n_1._)('Off'),
         value: 'off'
       }, {
-        label: i18n_1._('Filled'),
+        label: (0, i18n_1._)('Filled'),
         value: 'filled'
       }, {
-        label: i18n_1._('Outlined'),
+        label: (0, i18n_1._)('Outlined'),
         value: 'outlined'
       }]
     }
   }], [{
-    label: i18n_1._('Annotation colors'),
+    label: (0, i18n_1._)('Annotation colors'),
     option: 'annotationColor',
     editor: 'editor.columnSelector',
     editorProps: {
@@ -3996,48 +4395,48 @@ var editorConfig = [AxesChartDataConfig_1.AxesChartDataConfigAreaColumnLine, Axe
 }, {
   label: AxesChartLegend_1.default.label,
   layout: [[{
-    label: i18n_1._('Legend display'),
+    label: (0, i18n_1._)('Legend display'),
     option: 'legendDisplay',
     editor: 'editor.select',
     editorProps: {
       values: [{
-        label: i18n_1._('Right'),
+        label: (0, i18n_1._)('Right'),
         value: 'right'
       }, {
-        label: i18n_1._('Left'),
+        label: (0, i18n_1._)('Left'),
         value: 'left'
       }, {
-        label: i18n_1._('Top'),
+        label: (0, i18n_1._)('Top'),
         value: 'top'
       }, {
-        label: i18n_1._('Bottom'),
+        label: (0, i18n_1._)('Bottom'),
         value: 'bottom'
       }, {
-        label: i18n_1._('Off'),
+        label: (0, i18n_1._)('Off'),
         value: 'off'
       }],
-      tooltip: i18n_1._('Legend mode must be "Standard" to configure legend display')
+      tooltip: (0, i18n_1._)('Legend mode must be "Standard" to configure legend display')
     },
     isDisabled: function isDisabled(_ref) {
       var options = _ref.options;
       return options.legendMode === 'seriesCompare';
     }
   }], [{
-    label: i18n_1._('Legend truncation'),
+    label: (0, i18n_1._)('Legend truncation'),
     option: 'legendTruncation',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('A...'),
+        label: (0, i18n_1._)('A...'),
         value: 'ellipsisEnd'
       }, {
-        label: i18n_1._('A...Z'),
+        label: (0, i18n_1._)('A...Z'),
         value: 'ellipsisMiddle'
       }, {
-        label: i18n_1._('...Z'),
+        label: (0, i18n_1._)('...Z'),
         value: 'ellipsisStart'
       }, {
-        label: i18n_1._('Off'),
+        label: (0, i18n_1._)('Off'),
         value: 'ellipsisOff'
       }]
     },
@@ -4046,15 +4445,15 @@ var editorConfig = [AxesChartDataConfig_1.AxesChartDataConfigAreaColumnLine, Axe
       return options.legendDisplay === 'left' || options.legendDisplay === 'right' || options.legendDisplay === 'top' || options.legendDisplay === 'bottom' || options.legendDisplay === undefined;
     }
   }], [{
-    label: i18n_1._('Legend mode'),
+    label: (0, i18n_1._)('Legend mode'),
     option: 'legendMode',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Standard'),
+        label: (0, i18n_1._)('Standard'),
         value: 'standard'
       }, {
-        label: i18n_1._('Compare series'),
+        label: (0, i18n_1._)('Compare series'),
         value: 'seriesCompare'
       }]
     }
@@ -4063,16 +4462,19 @@ var editorConfig = [AxesChartDataConfig_1.AxesChartDataConfigAreaColumnLine, Axe
 /**
  * visualization configuration
  */
+
 var config = {
   /**
    * unique viz key
    */
   key: 'splunk.line',
+
   /**
    * viz name
    */
-  name: i18n_1._('Line'),
+  name: (0, i18n_1._)('Line'),
   category: VizCategory_1.VizCategory.TRENDS,
+
   /**
    * viz icon
    */
@@ -4103,10 +4505,10 @@ var config = {
   supports: [VizBehavior_1.VizBehavior.DYNAMIC_OPTIONS, VizBehavior_1.VizBehavior.PLACEHOLDER],
   themes: themes
 };
-exports.default = configUtils_1.enhanceConfig(config);
+exports.default = (0, configUtils_1.enhanceConfig)(config);
 
 /***/ }),
-/* 222 */
+/* 225 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4116,10 +4518,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.convertToLineSCProperties = exports.convertToStringValues = exports.mapToOldKey = exports.convertMarkerOptions = exports.lineOptionValuesSCMapping = void 0;
+
 var lodash_1 = __webpack_require__(3);
-var propUtils_1 = __webpack_require__(28);
-var chartingUtils_1 = __webpack_require__(55);
-// map for key names which are either new or not present in SimpleXML options mapping
+
+var propUtils_1 = __webpack_require__(29);
+
+var chartingUtils_1 = __webpack_require__(56); // map for key names which are either new or not present in SimpleXML options mapping
+
+
 var lineOptionsSCMapping = {
   markerDisplay: 'lineMarkerStyle',
   legendDisplay: 'legendPlacement',
@@ -4151,8 +4557,8 @@ var lineOptionsSCMapping = {
   yAxisLineVisibility: 'yAxisVisibility',
   y2AxisLineVisibility: 'y2AxisVisibility',
   showLineSmoothing: 'enableLineSmoothing'
-};
-// key value mapping of what options (and their corresponding values) which we expose in config.ts to property values SC understands
+}; // key value mapping of what options (and their corresponding values) which we expose in config.ts to property values SC understands
+
 exports.lineOptionValuesSCMapping = {
   lineMarkerStyle: {
     filled: 'normal',
@@ -4189,16 +4595,20 @@ exports.lineOptionValuesSCMapping = {
  * @param {Object} originalOptions
  * @returns {Object}
  */
+
 var convertMarkerOptions = function convertMarkerOptions(originalOptions) {
   var convertedOptions = {
     showMarkers: false
   };
-  if (lodash_1.values(exports.lineOptionValuesSCMapping.lineMarkerStyle).includes(originalOptions.lineMarkerStyle)) {
+
+  if ((0, lodash_1.values)(exports.lineOptionValuesSCMapping.lineMarkerStyle).includes(originalOptions.lineMarkerStyle)) {
     convertedOptions.showMarkers = true;
     return Object.assign(Object.assign({}, originalOptions), convertedOptions);
   }
-  return lodash_1.omit(Object.assign(Object.assign({}, originalOptions), convertedOptions), ['lineMarkerStyle']);
+
+  return (0, lodash_1.omit)(Object.assign(Object.assign({}, originalOptions), convertedOptions), ['lineMarkerStyle']);
 };
+
 exports.convertMarkerOptions = convertMarkerOptions;
 /**
  * Helper method to update the option names which can be mapped to SimpleXML options or
@@ -4207,11 +4617,13 @@ exports.convertMarkerOptions = convertMarkerOptions;
  * @param {Object} options
  * @returns {Object}
  */
+
 var mapToOldKey = function mapToOldKey(options) {
-  return lodash_1.mapKeys(options, function (val, key) {
+  return (0, lodash_1.mapKeys)(options, function (val, key) {
     return lineOptionsSCMapping[key] ? lineOptionsSCMapping[key] : key;
   });
 };
+
 exports.mapToOldKey = mapToOldKey;
 /**
  * Helper method to convert option which contains object literal values (e.g. arrays, objects)
@@ -4220,13 +4632,15 @@ exports.mapToOldKey = mapToOldKey;
  * @param {Object} options
  * @returns {Object}
  */
+
 var convertToStringValues = function convertToStringValues(options) {
-  var updatedOptions = propUtils_1.convertPropsToString({
+  var updatedOptions = (0, propUtils_1.convertPropsToString)({
     vizProps: options,
     propNames: ['fieldDashStyles', 'seriesColors', 'fieldColors', 'legendLabels']
   });
   return Object.assign(Object.assign({}, options), updatedOptions);
 };
+
 exports.convertToStringValues = convertToStringValues;
 /**
  * Chained helper for mapping the option properties (and values) we expose in config.ts into property values that splunk-charting accepts
@@ -4236,9 +4650,11 @@ exports.convertToStringValues = convertToStringValues;
  * @param {Object} originalOptions
  * @returns {Object}
  */
+
 var convertToLineSCProperties = function convertToLineSCProperties(originalOptions) {
-  return lodash_1.chain(exports.mapToOldKey(originalOptions)).thru(chartingUtils_1.mapToValues(exports.lineOptionValuesSCMapping)).thru(exports.convertToStringValues).thru(exports.convertMarkerOptions).thru(chartingUtils_1.convertOverlayFields).thru(chartingUtils_1.convertY2AxisOptions).value();
+  return (0, lodash_1.chain)((0, exports.mapToOldKey)(originalOptions)).thru((0, chartingUtils_1.mapToValues)(exports.lineOptionValuesSCMapping)).thru(exports.convertToStringValues).thru(exports.convertMarkerOptions).thru(chartingUtils_1.convertOverlayFields).thru(chartingUtils_1.convertY2AxisOptions).value();
 };
+
 exports.convertToLineSCProperties = convertToLineSCProperties;
 
 /***/ })