@splunk/visualizations 28.4.0 → 28.5.0

package/Ellipse.js

@@ -141,14 +141,23 @@ var defaultImport8 = __toESM(require("@splunk/themes/variables"));
 __reExport(variables_exports, require("@splunk/themes/variables"));
 var variables_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
 
+// esm-externals:@splunk/react-icons/Circle
+var Circle_exports = {};
+__export(Circle_exports, {
+  default: () => Circle_default
+});
+var defaultImport9 = __toESM(require("@splunk/react-icons/Circle"));
+__reExport(Circle_exports, require("@splunk/react-icons/Circle"));
+var Circle_default = "default" in defaultImport9 ? defaultImport9.default : defaultImport9;
+
 // esm-externals:@splunk/visualizations-shared/configUtils
 var configUtils_exports = {};
 __export(configUtils_exports, {
   default: () => configUtils_default
 });
-var defaultImport9 = __toESM(require("@splunk/visualizations-shared/configUtils"));
+var defaultImport10 = __toESM(require("@splunk/visualizations-shared/configUtils"));
 __reExport(configUtils_exports, require("@splunk/visualizations-shared/configUtils"));
-var configUtils_default = "default" in defaultImport9 ? defaultImport9.default : defaultImport9;
+var configUtils_default = "default" in defaultImport10 ? defaultImport10.default : defaultImport10;
 
 // src/common/utils/configUtils.ts
 function enhanceConfig(vizConfig) {
@@ -535,7 +544,7 @@ var config = {
   /**
    * viz icon
    */
-  icon: null,
+  icon: Circle_default,
   dataContract,
   size,
   defaultContext,
@@ -557,99 +566,99 @@ var getSettingsFromThemedProps_exports = {};
 __export(getSettingsFromThemedProps_exports, {
   default: () => getSettingsFromThemedProps_default
 });
-var defaultImport10 = __toESM(require("@splunk/themes/getSettingsFromThemedProps"));
+var defaultImport11 = __toESM(require("@splunk/themes/getSettingsFromThemedProps"));
 __reExport(getSettingsFromThemedProps_exports, require("@splunk/themes/getSettingsFromThemedProps"));
-var getSettingsFromThemedProps_default = "default" in defaultImport10 ? defaultImport10.default : defaultImport10;
+var getSettingsFromThemedProps_default = "default" in defaultImport11 ? defaultImport11.default : defaultImport11;
 
 // esm-externals:@splunk/visualization-encoding/Options
 var Options_exports = {};
 __export(Options_exports, {
   default: () => Options_default
 });
-var defaultImport11 = __toESM(require("@splunk/visualization-encoding/Options"));
+var defaultImport12 = __toESM(require("@splunk/visualization-encoding/Options"));
 __reExport(Options_exports, require("@splunk/visualization-encoding/Options"));
-var Options_default = "default" in defaultImport11 ? defaultImport11.default : defaultImport11;
+var Options_default = "default" in defaultImport12 ? defaultImport12.default : defaultImport12;
 
 // esm-externals:@splunk/visualizations-shared/SanitizeProps
 var SanitizeProps_exports = {};
 __export(SanitizeProps_exports, {
   default: () => SanitizeProps_default
 });
-var defaultImport12 = __toESM(require("@splunk/visualizations-shared/SanitizeProps"));
+var defaultImport13 = __toESM(require("@splunk/visualizations-shared/SanitizeProps"));
 __reExport(SanitizeProps_exports, require("@splunk/visualizations-shared/SanitizeProps"));
-var SanitizeProps_default = "default" in defaultImport12 ? defaultImport12.default : defaultImport12;
+var SanitizeProps_default = "default" in defaultImport13 ? defaultImport13.default : defaultImport13;
 
 // esm-externals:@splunk/visualization-context/TimezoneContext
 var TimezoneContext_exports = {};
 __export(TimezoneContext_exports, {
   default: () => TimezoneContext_default
 });
-var defaultImport13 = __toESM(require("@splunk/visualization-context/TimezoneContext"));
+var defaultImport14 = __toESM(require("@splunk/visualization-context/TimezoneContext"));
 __reExport(TimezoneContext_exports, require("@splunk/visualization-context/TimezoneContext"));
-var TimezoneContext_default = "default" in defaultImport13 ? defaultImport13.default : defaultImport13;
+var TimezoneContext_default = "default" in defaultImport14 ? defaultImport14.default : defaultImport14;
 
 // esm-externals:@splunk/moment
 var moment_exports = {};
 __export(moment_exports, {
   default: () => moment_default
 });
-var defaultImport14 = __toESM(require("@splunk/moment"));
+var defaultImport15 = __toESM(require("@splunk/moment"));
 __reExport(moment_exports, require("@splunk/moment"));
-var moment_default = "default" in defaultImport14 ? defaultImport14.default : defaultImport14;
+var moment_default = "default" in defaultImport15 ? defaultImport15.default : defaultImport15;
 
 // esm-externals:@splunk/visualization-context/FeatureFlagContext
 var FeatureFlagContext_exports = {};
 __export(FeatureFlagContext_exports, {
   default: () => FeatureFlagContext_default
 });
-var defaultImport15 = __toESM(require("@splunk/visualization-context/FeatureFlagContext"));
+var defaultImport16 = __toESM(require("@splunk/visualization-context/FeatureFlagContext"));
 __reExport(FeatureFlagContext_exports, require("@splunk/visualization-context/FeatureFlagContext"));
-var FeatureFlagContext_default = "default" in defaultImport15 ? defaultImport15.default : defaultImport15;
+var FeatureFlagContext_default = "default" in defaultImport16 ? defaultImport16.default : defaultImport16;
 
 // esm-externals:@splunk/visualizations-shared/hocUtils
 var hocUtils_exports = {};
 __export(hocUtils_exports, {
   default: () => hocUtils_default
 });
-var defaultImport16 = __toESM(require("@splunk/visualizations-shared/hocUtils"));
+var defaultImport17 = __toESM(require("@splunk/visualizations-shared/hocUtils"));
 __reExport(hocUtils_exports, require("@splunk/visualizations-shared/hocUtils"));
-var hocUtils_default = "default" in defaultImport16 ? defaultImport16.default : defaultImport16;
+var hocUtils_default = "default" in defaultImport17 ? defaultImport17.default : defaultImport17;
 
 // esm-externals:@splunk/visualizations-shared/JSONSchemaUtils
 var JSONSchemaUtils_exports = {};
 __export(JSONSchemaUtils_exports, {
   default: () => JSONSchemaUtils_default
 });
-var defaultImport17 = __toESM(require("@splunk/visualizations-shared/JSONSchemaUtils"));
+var defaultImport18 = __toESM(require("@splunk/visualizations-shared/JSONSchemaUtils"));
 __reExport(JSONSchemaUtils_exports, require("@splunk/visualizations-shared/JSONSchemaUtils"));
-var JSONSchemaUtils_default = "default" in defaultImport17 ? defaultImport17.default : defaultImport17;
+var JSONSchemaUtils_default = "default" in defaultImport18 ? defaultImport18.default : defaultImport18;
 
 // esm-externals:@splunk/async-dynamic-options-evaluator
 var async_dynamic_options_evaluator_exports = {};
 __export(async_dynamic_options_evaluator_exports, {
   default: () => async_dynamic_options_evaluator_default
 });
-var defaultImport18 = __toESM(require("@splunk/async-dynamic-options-evaluator"));
+var defaultImport19 = __toESM(require("@splunk/async-dynamic-options-evaluator"));
 __reExport(async_dynamic_options_evaluator_exports, require("@splunk/async-dynamic-options-evaluator"));
-var async_dynamic_options_evaluator_default = "default" in defaultImport18 ? defaultImport18.default : defaultImport18;
+var async_dynamic_options_evaluator_default = "default" in defaultImport19 ? defaultImport19.default : defaultImport19;
 
 // esm-externals:@splunk/ui-utils/id
 var id_exports = {};
 __export(id_exports, {
   default: () => id_default
 });
-var defaultImport19 = __toESM(require("@splunk/ui-utils/id"));
+var defaultImport20 = __toESM(require("@splunk/ui-utils/id"));
 __reExport(id_exports, require("@splunk/ui-utils/id"));
-var id_default = "default" in defaultImport19 ? defaultImport19.default : defaultImport19;
+var id_default = "default" in defaultImport20 ? defaultImport20.default : defaultImport20;
 
 // esm-externals:prop-types
 var prop_types_exports = {};
 __export(prop_types_exports, {
   default: () => prop_types_default
 });
-var defaultImport20 = __toESM(require("prop-types"));
+var defaultImport21 = __toESM(require("prop-types"));
 __reExport(prop_types_exports, require("prop-types"));
-var prop_types_default = "default" in defaultImport20 ? defaultImport20.default : defaultImport20;
+var prop_types_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
 
 // src/common/interfaces/VizActionHandler.ts
 var DefaultVizActionHandler = class {
@@ -857,18 +866,18 @@ var Message_exports = {};
 __export(Message_exports, {
   default: () => Message_default
 });
-var defaultImport21 = __toESM(require("@splunk/visualizations-shared/Message"));
+var defaultImport22 = __toESM(require("@splunk/visualizations-shared/Message"));
 __reExport(Message_exports, require("@splunk/visualizations-shared/Message"));
-var Message_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
+var Message_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
 
 // esm-externals:@splunk/visualizations-shared/SizeAwareWrapper
 var SizeAwareWrapper_exports = {};
 __export(SizeAwareWrapper_exports, {
   default: () => SizeAwareWrapper_default
 });
-var defaultImport22 = __toESM(require("@splunk/visualizations-shared/SizeAwareWrapper"));
+var defaultImport23 = __toESM(require("@splunk/visualizations-shared/SizeAwareWrapper"));
 __reExport(SizeAwareWrapper_exports, require("@splunk/visualizations-shared/SizeAwareWrapper"));
-var SizeAwareWrapper_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
+var SizeAwareWrapper_default = "default" in defaultImport23 ? defaultImport23.default : defaultImport23;
 
 // src/common/components/MissingPropsMessage.tsx
 var isMissing = (v) => {
@@ -923,7 +932,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.4.0 - 002bd482f"
+  "data-splunk-visualization-version": "28.5.0 - b192418b7"
 })`
     position: relative;
     width: 100%;
@@ -945,18 +954,18 @@ var colorUtils_exports = {};
 __export(colorUtils_exports, {
   default: () => colorUtils_default
 });
-var defaultImport23 = __toESM(require("@splunk/visualizations-shared/colorUtils"));
+var defaultImport24 = __toESM(require("@splunk/visualizations-shared/colorUtils"));
 __reExport(colorUtils_exports, require("@splunk/visualizations-shared/colorUtils"));
-var colorUtils_default = "default" in defaultImport23 ? defaultImport23.default : defaultImport23;
+var colorUtils_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
 
 // esm-externals:@splunk/visualizations-shared/style
 var style_exports = {};
 __export(style_exports, {
   default: () => style_default
 });
-var defaultImport24 = __toESM(require("@splunk/visualizations-shared/style"));
+var defaultImport25 = __toESM(require("@splunk/visualizations-shared/style"));
 __reExport(style_exports, require("@splunk/visualizations-shared/style"));
-var style_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
+var style_default = "default" in defaultImport25 ? defaultImport25.default : defaultImport25;
 
 // src/common/hocs/FixedSizeContainer.tsx
 var Item = styled_components_default.div.attrs(({ width }) => ({
@@ -1013,7 +1022,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.4.0 - 002bd482f",
+        "data-splunk-visualization-version": "28.5.0 - b192418b7",
         width,
         height,
         backgroundColor
@@ -1104,9 +1113,9 @@ var numberUtils_exports = {};
 __export(numberUtils_exports, {
   default: () => numberUtils_default
 });
-var defaultImport25 = __toESM(require("@splunk/visualizations-shared/numberUtils"));
+var defaultImport26 = __toESM(require("@splunk/visualizations-shared/numberUtils"));
 __reExport(numberUtils_exports, require("@splunk/visualizations-shared/numberUtils"));
-var numberUtils_default = "default" in defaultImport25 ? defaultImport25.default : defaultImport25;
+var numberUtils_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
 
 // src/common/utils/dataUtils.ts
 var getFieldName = (field) => typeof field === "string" ? field : field.name;
@@ -1487,9 +1496,9 @@ var FeatureFlags_exports = {};
 __export(FeatureFlags_exports, {
   default: () => FeatureFlags_default
 });
-var defaultImport26 = __toESM(require("@splunk/visualization-context/FeatureFlags"));
+var defaultImport27 = __toESM(require("@splunk/visualization-context/FeatureFlags"));
 __reExport(FeatureFlags_exports, require("@splunk/visualization-context/FeatureFlags"));
-var FeatureFlags_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
+var FeatureFlags_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
 
 // src/common/utils/featureFlagUtils.ts
 var getFeatureFlag = (context, flagName) => {
@@ -1507,9 +1516,9 @@ var trellisUtils_exports = {};
 __export(trellisUtils_exports, {
   default: () => trellisUtils_default
 });
-var defaultImport27 = __toESM(require("@splunk/visualizations-shared/trellisUtils"));
+var defaultImport28 = __toESM(require("@splunk/visualizations-shared/trellisUtils"));
 __reExport(trellisUtils_exports, require("@splunk/visualizations-shared/trellisUtils"));
-var trellisUtils_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
+var trellisUtils_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
 
 // src/common/utils/trellisUtils.ts
 var turnOffLegendDisplayWhenTrellisIsOn = (isTrellisOn, options) => {
@@ -1526,9 +1535,9 @@ var visualization_canvas_exports = {};
 __export(visualization_canvas_exports, {
   default: () => visualization_canvas_default
 });
-var defaultImport28 = __toESM(require("@splunk/visualization-canvas"));
+var defaultImport29 = __toESM(require("@splunk/visualization-canvas"));
 __reExport(visualization_canvas_exports, require("@splunk/visualization-canvas"));
-var visualization_canvas_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
+var visualization_canvas_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
 
 // src/common/components/VizStyleWrapper.jsx
 var VizStyleWrapper = styled_components_default.div.attrs(({ dataTestKey }) => ({
@@ -1550,9 +1559,9 @@ var Triangle_exports = {};
 __export(Triangle_exports, {
   default: () => Triangle_default
 });
-var defaultImport29 = __toESM(require("@splunk/react-icons/Triangle"));
+var defaultImport30 = __toESM(require("@splunk/react-icons/Triangle"));
 __reExport(Triangle_exports, require("@splunk/react-icons/Triangle"));
-var Triangle_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
+var Triangle_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
 
 // src/common/chartingUtils.ts
 var DEFAULT_LINE_WIDTH = 2;
@@ -1618,25 +1627,27 @@ var parseAxisValue = (val) => {
   const num = typeof val === "number" ? val : Number.parseFloat(val);
   return Number.isNaN(num) ? void 0 : num;
 };
-var SideLegendWidth = 75;
-var SeriesCompareLegendWidth = 200;
+var parseXAxisLineVisibility = (visibility) => {
+  if (visibility === "hide") return false;
+  if (visibility === "show") return true;
+  return void 0;
+};
 var getLegend = (props) => {
   const legendPlacement = props == null ? void 0 : props.legendDisplay;
-  const { isSeriesCompare } = props;
+  const { isSeriesCompare, legendTruncation } = props;
   const commonLegendProps = {
     center: true,
     fontSize: 12,
     largerTiles: true,
-    hideSeriesValue: !isSeriesCompare
+    hideSeriesValue: !isSeriesCompare,
     // Show values if in seriesCompare mode
+    legendTruncation
   };
   switch (legendPlacement) {
     case "off":
       return false;
     case "left":
-      return (0, visualization_canvas_exports.LeftLegendFactory)(__spreadValues({
-        width: isSeriesCompare ? SeriesCompareLegendWidth : SideLegendWidth
-      }, commonLegendProps));
+      return (0, visualization_canvas_exports.LeftLegendFactory)(__spreadValues({}, commonLegendProps));
     case "bottom":
       return (0, visualization_canvas_exports.BottomLegendFactory)(__spreadValues({
         wrap: true
@@ -1646,9 +1657,7 @@ var getLegend = (props) => {
         wrap: true
       }, commonLegendProps));
     default:
-      return (0, visualization_canvas_exports.SideLegendFactory)(__spreadValues({
-        width: isSeriesCompare ? SeriesCompareLegendWidth : SideLegendWidth
-      }, commonLegendProps));
+      return (0, visualization_canvas_exports.SideLegendFactory)(__spreadValues({}, commonLegendProps));
   }
 };
 var getComputedAxisTitles = (inputAxisTitle, fields, axisTitleVisibility) => {
@@ -1709,9 +1718,7 @@ var getYScaleConfig = (label, yAxisAbbreviation, yAxisScale, yAxisLabelVisibilit
   if (yAxisAbbreviation !== "none") {
     yConfig.y.tickFmt = (v) => (0, visualization_canvas_exports.shortenNumber)(v, 1);
   }
-  if (yAxisAbbreviation === "none") {
-    yConfig.y.width = 55;
-  } else {
+  if (yAxisAbbreviation !== "none") {
     yConfig.y.width = label && label.length > 0 ? 30 : 10;
   }
   if (yAxisLabelVisibility === "hide") {
@@ -1734,6 +1741,7 @@ var getY2ScaleConfig = (label, axisAbbreviation, axisScale, roundAxisLabelsToInt
   y2Config.y2.type = scaleType;
   if (axisAbbreviation !== "none") {
     y2Config.y2.tickFmt = (v) => (0, visualization_canvas_exports.shortenNumber)(v, 1, roundAxisLabelsToInteger);
+    y2Config.y2.width = label && label.length > 0 ? 50 : 10;
   } else if (roundAxisLabelsToInteger) {
     y2Config.y2.tickFmt = (v) => roundAxisLabelsToInteger ? Math.round(v).toString() : v.toString();
   }
@@ -1749,7 +1757,7 @@ var getY2ScaleConfig = (label, axisAbbreviation, axisScale, roundAxisLabelsToInt
   }
   return y2Config;
 };
-var getSeriesOverrides = (yfields, y2fields, lineWidth, overlayFields, y2Enabled, nullValueMode, markerDisplay, lineDashStyle, lineDashStylesByField) => {
+var getSeriesOverrides = (yfields, y2fields, lineWidth, overlayFields, y2Enabled, nullValueMode, markerDisplay, lineDashStyle, lineDashStylesByField, stepPosition, stepPositionsByField) => {
   const seriesConfig = {};
   let spanGaps;
   let replaceNullsWithZero;
@@ -1776,6 +1784,8 @@ var getSeriesOverrides = (yfields, y2fields, lineWidth, overlayFields, y2Enabled
       );
       if (shouldAssignToY2) {
         seriesConfig[field].overrides.scale = "y2";
+      } else {
+        seriesConfig[field].overrides.scale = "y";
       }
     }
     if (overlayFields == null ? void 0 : overlayFields.includes(field)) {
@@ -1788,6 +1798,11 @@ var getSeriesOverrides = (yfields, y2fields, lineWidth, overlayFields, y2Enabled
     if (fieldDashStyle) {
       seriesConfig[field].lineDashStyle = fieldDashStyle;
     }
+    const hasFieldStepPosition = Object.hasOwn(stepPositionsByField || {}, field);
+    const fieldStepPosition = hasFieldStepPosition ? stepPositionsByField == null ? void 0 : stepPositionsByField[field] : stepPosition;
+    if (fieldStepPosition && fieldStepPosition !== "off") {
+      seriesConfig[field].stepPosition = fieldStepPosition;
+    }
     if (replaceNullsWithZero !== void 0) {
       seriesConfig[field].replaceNullsWithZero = replaceNullsWithZero;
     }
@@ -2012,6 +2027,9 @@ var TimeSeriesChartWrapper = (props) => {
     backgroundColor,
     defaultFontColor,
     additionalTooltipValues,
+    xAxisLineVisibility: xAxisLineVisibility,
+    yAxisLineVisibility,
+    y2AxisLineVisibility,
     showYAxisWithZero: showYAxisWithZeroFromProps,
     showY2AxisWithZero: showY2AxisWithZeroFromProps
   } = _a, otherOptions = __objRest(_a, [
@@ -2035,6 +2053,10 @@ var TimeSeriesChartWrapper = (props) => {
     "backgroundColor",
     "defaultFontColor",
     "additionalTooltipValues",
+    // Extract axis line visibility options from props
+    "xAxisLineVisibility",
+    "yAxisLineVisibility",
+    "y2AxisLineVisibility",
     // Extract showYAxisWithZero directly from props for accelerated render mode
     "showYAxisWithZero",
     "showY2AxisWithZero"
@@ -2047,6 +2069,7 @@ var TimeSeriesChartWrapper = (props) => {
     fieldColors,
     legendLabels: legendLabelsStr,
     legendMode,
+    legendTruncation,
     "axisTitleX.text": xAxisTitleText,
     "axisTitleY.text": yAxisTitleText,
     "axisTitleY2.text": y2AxisTitleText,
@@ -2055,6 +2078,7 @@ var TimeSeriesChartWrapper = (props) => {
     "axisTitleY2.visibility": y2AxisTitleVisibility,
     "axisLabelsX.majorLabelVisibility": xAxisLabelVisibility,
     "axisLabelsX.majorLabelStyle.rotation": xAxisLabelRotation,
+    "axisLabelsX.maxLabelParts": xAxisMaxLabelParts,
     "axisLabelsY.majorLabelVisibility": yAxisLabelVisibility,
     "axisLabelsY.majorUnit": yAxisMajorUnitFromSimpleXML,
     "axisLabelsY2.majorLabelVisibility": y2AxisLabelVisibility,
@@ -2072,6 +2096,8 @@ var TimeSeriesChartWrapper = (props) => {
     lineWidth,
     lineDashStyle,
     fieldDashStyles: lineDashStylesByFieldStr,
+    stepPosition,
+    fieldStepPositions: stepPositionsByFieldStr,
     yAxisMin: yAxisMinRaw,
     yAxisMax: yAxisMaxRaw,
     y2AxisMin: y2AxisMinRaw,
@@ -2082,6 +2108,8 @@ var TimeSeriesChartWrapper = (props) => {
     showYMinorGridLines,
     showY2MinorGridLines,
     showLineSmoothing,
+    xAxisMajorTickVisibility,
+    xAxisMajorTickSize,
     yAxisMajorTickVisibility,
     y2AxisMajorTickVisibility,
     yAxisMajorTickSize,
@@ -2098,10 +2126,14 @@ var TimeSeriesChartWrapper = (props) => {
   const dataValuesDisplay = showDataLabels === "none" ? "off" : showDataLabels;
   const showYAxisWithZero = showYAxisWithZeroFromProps != null ? showYAxisWithZeroFromProps : showYAxisWithZeroFromOptions;
   const showY2AxisWithZero = showY2AxisWithZeroFromProps != null ? showY2AxisWithZeroFromProps : showY2AxisWithZeroFromOptions;
+  const showXMajorTicks = xAxisMajorTickVisibility !== "hide";
   const showYMajorTicks = yAxisMajorTickVisibility === "show";
   const showY2MajorTicks = y2AxisMajorTickVisibility === "show";
   const showYMinorTicks = yAxisMinorTickVisibility === "show";
   const showY2MinorTicks = y2AxisMinorTickVisibility === "show";
+  const showXAxisLine = parseXAxisLineVisibility(xAxisLineVisibility);
+  const showYAxisLine = yAxisLineVisibility === "show";
+  const showY2AxisLine = y2AxisLineVisibility === "show";
   const yAxisMin = parseAxisValue(yAxisMinRaw);
   const yAxisMax = parseAxisValue(yAxisMaxRaw);
   const y2AxisMin = parseAxisValue(y2AxisMinRaw);
@@ -2116,13 +2148,15 @@ var TimeSeriesChartWrapper = (props) => {
     y2AxisMajorUnitFromSimpleXML,
     y2AxisMajorTickInterval
   );
-  const yAxisMajorTickSizeNum = yAxisMajorTickSize ? Number(yAxisMajorTickSize) : void 0;
-  const y2AxisMajorTickSizeNum = y2AxisMajorTickSize ? Number(y2AxisMajorTickSize) : void 0;
-  const yAxisMinorTickSizeNum = yAxisMinorTickSize ? Number(yAxisMinorTickSize) : void 0;
-  const y2AxisMinorTickSizeNum = y2AxisMinorTickSize ? Number(y2AxisMinorTickSize) : void 0;
+  const xAxisMajorTickSizeNum = xAxisMajorTickSize != null ? Number(xAxisMajorTickSize) : void 0;
+  const yAxisMajorTickSizeNum = yAxisMajorTickSize != null ? Number(yAxisMajorTickSize) : void 0;
+  const y2AxisMajorTickSizeNum = y2AxisMajorTickSize != null ? Number(y2AxisMajorTickSize) : void 0;
+  const yAxisMinorTickSizeNum = yAxisMinorTickSize != null ? Number(yAxisMinorTickSize) : void 0;
+  const y2AxisMinorTickSizeNum = y2AxisMinorTickSize != null ? Number(y2AxisMinorTickSize) : void 0;
   const seriesColors = seriesColorsStr ? JSON.parse(seriesColorsStr) : void 0;
   const seriesColorsByField = fieldColors ? JSON.parse(fieldColors) : void 0;
   const lineDashStylesByField = lineDashStylesByFieldStr ? JSON.parse(lineDashStylesByFieldStr) : void 0;
+  const stepPositionsByField = stepPositionsByFieldStr ? JSON.parse(stepPositionsByFieldStr) : void 0;
   const legendLabels = parseArrayOption(legendLabelsStr);
   const bgColor = backgroundColor || bgColorFromOptions;
   const [containerWidth, setContainerWidth] = react_exports.useState(Number(props.width));
@@ -2210,7 +2244,9 @@ var TimeSeriesChartWrapper = (props) => {
       nullValueMode,
       markerDisplay,
       lineDashStyle,
-      lineDashStylesByField
+      lineDashStylesByField,
+      stepPosition,
+      stepPositionsByField
     ),
     [
       yFields,
@@ -2221,7 +2257,9 @@ var TimeSeriesChartWrapper = (props) => {
       nullValueMode,
       markerDisplay,
       lineDashStyle,
-      lineDashStylesByField
+      lineDashStylesByField,
+      stepPosition,
+      stepPositionsByField
     ]
   );
   const chartingEventAnnotations = (0, react_exports.useMemo)(
@@ -2236,9 +2274,14 @@ var TimeSeriesChartWrapper = (props) => {
     () => __spreadValues(__spreadValues(__spreadValues({}, xScaleConfig), yScaleConfig), y2ScaleConfig),
     [xScaleConfig, yScaleConfig, y2ScaleConfig]
   );
+  const isSeriesCompare = legendMode === "seriesCompare";
   const legend = (0, react_exports.useMemo)(
-    () => getLegend({ legendDisplay, isSeriesCompare: legendMode === "seriesCompare" }),
-    [legendDisplay, legendMode]
+    () => getLegend({
+      legendDisplay: isSeriesCompare && legendDisplay !== "off" ? "right" : legendDisplay,
+      isSeriesCompare,
+      legendTruncation
+    }),
+    [legendDisplay, isSeriesCompare, legendTruncation]
   );
   const handleChartClick = react_exports.useCallback(
     (event) => {
@@ -2343,6 +2386,7 @@ var TimeSeriesChartWrapper = (props) => {
         seriesConfig: seriesOverrides,
         legend,
         legendLabels,
+        legendTruncation,
         isSeriesCompare: legendMode === "seriesCompare",
         maxSeriesFocus: legendMode === "seriesCompare" ? 0 : void 0,
         scaleConfig,
@@ -2364,6 +2408,8 @@ var TimeSeriesChartWrapper = (props) => {
         showY2MinorGridLines,
         showLineSmoothing,
         dataValuesDisplay,
+        showXMajorTicks,
+        xAxisMajorTickSize: xAxisMajorTickSizeNum,
         showYMajorTicks,
         showY2MajorTicks,
         yAxisMajorTickSize: yAxisMajorTickSizeNum,
@@ -2375,7 +2421,11 @@ var TimeSeriesChartWrapper = (props) => {
         yAxisMinorTickSize: yAxisMinorTickSizeNum,
         y2AxisMinorTickSize: y2AxisMinorTickSizeNum,
         showYAxisWithZero,
-        showY2AxisWithZero
+        showY2AxisWithZero,
+        showXAxisLine,
+        showYAxisLine,
+        showY2AxisLine,
+        xAxisMaxLabelParts
       }
     ));
   }, [
@@ -2390,6 +2440,7 @@ var TimeSeriesChartWrapper = (props) => {
     seriesOverrides,
     legend,
     legendLabels,
+    legendTruncation,
     scaleConfig,
     onClick,
     handleChartClick,
@@ -2408,6 +2459,8 @@ var TimeSeriesChartWrapper = (props) => {
     showY2MinorGridLines,
     showLineSmoothing,
     dataValuesDisplay,
+    showXMajorTicks,
+    xAxisMajorTickSizeNum,
     showYMajorTicks,
     showY2MajorTicks,
     yAxisMajorTickSizeNum,
@@ -2420,7 +2473,11 @@ var TimeSeriesChartWrapper = (props) => {
     y2AxisMinorTickSizeNum,
     showYAxisWithZero,
     showY2AxisWithZero,
-    legendMode
+    showXAxisLine,
+    showYAxisLine,
+    showY2AxisLine,
+    legendMode,
+    xAxisMaxLabelParts
   ]);
   const memoizedVisualization = (0, react_exports.useMemo)(() => {
     return /* @__PURE__ */ react_exports.createElement(VizStyleWrapper_default, { backgroundColor: bgColor }, memoizedChart);
@@ -2737,18 +2794,18 @@ var propUtils_exports = {};
 __export(propUtils_exports, {
   default: () => propUtils_default
 });
-var defaultImport30 = __toESM(require("@splunk/visualizations-shared/propUtils"));
+var defaultImport31 = __toESM(require("@splunk/visualizations-shared/propUtils"));
 __reExport(propUtils_exports, require("@splunk/visualizations-shared/propUtils"));
-var propUtils_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
+var propUtils_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
 
 // esm-externals:@splunk/react-ui/ScreenReaderContent
 var ScreenReaderContent_exports = {};
 __export(ScreenReaderContent_exports, {
   default: () => ScreenReaderContent_default
 });
-var defaultImport31 = __toESM(require("@splunk/react-ui/ScreenReaderContent"));
+var defaultImport32 = __toESM(require("@splunk/react-ui/ScreenReaderContent"));
 __reExport(ScreenReaderContent_exports, require("@splunk/react-ui/ScreenReaderContent"));
-var ScreenReaderContent_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
+var ScreenReaderContent_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
 
 // src/common/shapeUtils.tsx
 var shapeOptionsMapping = {