@splunk/visualizations 28.4.0 → 28.5.1

package/ParallelCoordinates.js

@@ -98,95 +98,86 @@ var defaultImport3 = __toESM(require("d3-scale"));
 __reExport(d3_scale_exports, require("d3-scale"));
 var d3_scale_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
 
-// esm-externals:prop-types
-var prop_types_exports = {};
-__export(prop_types_exports, {
-  default: () => prop_types_default
-});
-var defaultImport4 = __toESM(require("prop-types"));
-__reExport(prop_types_exports, require("prop-types"));
-var prop_types_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
-
 // esm-externals:@splunk/ui-utils/i18n
 var i18n_exports = {};
 __export(i18n_exports, {
   default: () => i18n_default
 });
-var defaultImport5 = __toESM(require("@splunk/ui-utils/i18n"));
+var defaultImport4 = __toESM(require("@splunk/ui-utils/i18n"));
 __reExport(i18n_exports, require("@splunk/ui-utils/i18n"));
-var i18n_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+var i18n_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
 
 // esm-externals:@splunk/visualizations-shared/Message
 var Message_exports = {};
 __export(Message_exports, {
   default: () => Message_default
 });
-var defaultImport6 = __toESM(require("@splunk/visualizations-shared/Message"));
+var defaultImport5 = __toESM(require("@splunk/visualizations-shared/Message"));
 __reExport(Message_exports, require("@splunk/visualizations-shared/Message"));
-var Message_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
+var Message_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
 
 // esm-externals:@splunk/visualizations-shared/colorUtils
 var colorUtils_exports = {};
 __export(colorUtils_exports, {
   default: () => colorUtils_default
 });
-var defaultImport7 = __toESM(require("@splunk/visualizations-shared/colorUtils"));
+var defaultImport6 = __toESM(require("@splunk/visualizations-shared/colorUtils"));
 __reExport(colorUtils_exports, require("@splunk/visualizations-shared/colorUtils"));
-var colorUtils_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
+var colorUtils_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
 
 // esm-externals:styled-components
 var styled_components_exports = {};
 __export(styled_components_exports, {
   default: () => styled_components_default
 });
-var defaultImport8 = __toESM(require("styled-components"));
+var defaultImport7 = __toESM(require("styled-components"));
 __reExport(styled_components_exports, require("styled-components"));
-var styled_components_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
+var styled_components_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
 
 // esm-externals:d3-selection
 var d3_selection_exports = {};
 __export(d3_selection_exports, {
   default: () => d3_selection_default
 });
-var defaultImport9 = __toESM(require("d3-selection"));
+var defaultImport8 = __toESM(require("d3-selection"));
 __reExport(d3_selection_exports, require("d3-selection"));
-var d3_selection_default = "default" in defaultImport9 ? defaultImport9.default : defaultImport9;
+var d3_selection_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
 
 // esm-externals:d3-brush
 var d3_brush_exports = {};
 __export(d3_brush_exports, {
   default: () => d3_brush_default
 });
-var defaultImport10 = __toESM(require("d3-brush"));
+var defaultImport9 = __toESM(require("d3-brush"));
 __reExport(d3_brush_exports, require("d3-brush"));
-var d3_brush_default = "default" in defaultImport10 ? defaultImport10.default : defaultImport10;
+var d3_brush_default = "default" in defaultImport9 ? defaultImport9.default : defaultImport9;
 
 // esm-externals:d3-axis
 var d3_axis_exports = {};
 __export(d3_axis_exports, {
   default: () => d3_axis_default
 });
-var defaultImport11 = __toESM(require("d3-axis"));
+var defaultImport10 = __toESM(require("d3-axis"));
 __reExport(d3_axis_exports, require("d3-axis"));
-var d3_axis_default = "default" in defaultImport11 ? defaultImport11.default : defaultImport11;
+var d3_axis_default = "default" in defaultImport10 ? defaultImport10.default : defaultImport10;
 
 // esm-externals:d3-drag
 var d3_drag_exports = {};
 __export(d3_drag_exports, {
   default: () => d3_drag_default
 });
-var defaultImport12 = __toESM(require("d3-drag"));
+var defaultImport11 = __toESM(require("d3-drag"));
 __reExport(d3_drag_exports, require("d3-drag"));
-var d3_drag_default = "default" in defaultImport12 ? defaultImport12.default : defaultImport12;
+var d3_drag_default = "default" in defaultImport11 ? defaultImport11.default : defaultImport11;
 
 // esm-externals:chroma-js
 var chroma_js_exports = {};
 __export(chroma_js_exports, {
   default: () => chroma_js_default
 });
-var defaultImport13 = __toESM(require("chroma-js"));
+var defaultImport12 = __toESM(require("chroma-js"));
 __reExport(chroma_js_exports, require("chroma-js"));
-var chroma_js_default = "default" in defaultImport13 ? defaultImport13.default : defaultImport13;
+var chroma_js_default = "default" in defaultImport12 ? defaultImport12.default : defaultImport12;
 
 // src/ParallelCoordinates/PureParallelCoordinates/src/ParallelCoordinatesCanvas.tsx
 var ParallelCoordinatesCanvas = (_a) => {
@@ -397,6 +388,10 @@ var ParallelCoordinatesPrompt = ({
 var ParallelCoordinatesPrompt_default = ParallelCoordinatesPrompt;
 
 // src/ParallelCoordinates/PureParallelCoordinates/src/ParallelCoordinatesChart.tsx
+var isDataPointActive = (d, yPositionScale, selections) => Array.from(selections).every(([activeKey, [max, min]]) => {
+  const newP = yPositionScale[activeKey].ticks ? d[activeKey] : yPositionScale[activeKey](d[activeKey]);
+  return newP >= min && newP <= max;
+});
 var ChartDiv = styled_components_default.div`
     background-color: ${(props) => props.backgroundColor};
     width: ${(props) => props.width + props.margin.left + props.margin.right}px;
@@ -550,17 +545,7 @@ var ParallelCoordinatesChart = (_a) => {
       } else {
         selections.set(key, [selection[1], selection[0]]);
       }
-      const selected = [];
-      data.forEach((d) => {
-        const active = Array.from(selections).every(([activeKey, [max, min]]) => {
-          const newP = yPositionScale[activeKey].ticks ? d[activeKey] : yPositionScale[activeKey](d[activeKey]);
-          return newP >= min && newP <= max;
-        });
-        if (active) {
-          selected.push(d);
-        }
-      });
-      setSelectedData(selected);
+      setSelectedData(data.filter((d) => isDataPointActive(d, yPositionScale, selections)));
     };
     brush.on("start", brushStart).on("brush end", brushed);
     g.append("g").attr("class", "brush").each((_d, i, nodes) => {
@@ -645,29 +630,27 @@ var ParallelCoordinatesChart = (_a) => {
 var ParallelCoordinatesChart_default = ParallelCoordinatesChart;
 
 // src/ParallelCoordinates/PureParallelCoordinates/PureParallelCoordinates.tsx
-var PureParallelCoordinates = (_a) => {
-  var props = __objRest(_a, []);
-  const {
-    width,
-    height,
-    columns,
-    fields,
-    showNullAxis,
-    lineColor,
-    backgroundColor,
-    axisLineHighlightColor,
-    axisLineColor,
-    axisTitleColor,
-    axisLabelColor,
-    lineOpacity,
-    filterButtonDisabledColor,
-    filterButtonActiveColor,
-    filterTextColor,
-    truncatedTextColor,
-    filterSelectionColor,
-    textShadowColor,
-    mode
-  } = props;
+var PureParallelCoordinates = ({
+  width = 700,
+  height = 400,
+  columns = [],
+  fields = null,
+  showNullAxis = true,
+  lineColor = "#7B56DB",
+  backgroundColor = "#0b0c0e",
+  axisLineHighlightColor = "rgba(255, 255, 255, 0.98)",
+  axisLineColor = "rgb(129, 130, 133)",
+  axisTitleColor = "rgba(255, 255, 255, 0.7)",
+  axisLabelColor = "rgba(255, 255, 255, 0.7)",
+  lineOpacity = 0.5,
+  filterButtonDisabledColor = "rgba(255, 255, 255, 0.3)",
+  filterButtonActiveColor = "#3993FF",
+  filterTextColor = "rgba(255, 255, 255, 0.7)",
+  truncatedTextColor = "rgba(255, 255, 255, 0.5)",
+  filterSelectionColor = "#FFFFFF",
+  textShadowColor = "#111215",
+  mode
+}) => {
   const minWidth = 200;
   const minHeight = 150;
   if (Number(width) < minWidth || Number(height) < minHeight) {
@@ -733,7 +716,7 @@ var PureParallelCoordinates = (_a) => {
       showNullAxis,
       nullOffsetHeight,
       nullAxisScale,
-      lineColor: (0, colorUtils_exports.isColor)(lineColor) ? lineColor : PureParallelCoordinates.defaultProps.lineColor,
+      lineColor: (0, colorUtils_exports.isColor)(lineColor) ? lineColor : "#7B56DB",
       lineOpacity,
       axisLineHighlightColor,
       axisLineColor,
@@ -750,49 +733,6 @@ var PureParallelCoordinates = (_a) => {
     }
   );
 };
-PureParallelCoordinates.propTypes = {
-  backgroundColor: prop_types_exports.string,
-  width: prop_types_exports.number,
-  height: prop_types_exports.number,
-  fields: prop_types_exports.array,
-  columns: prop_types_exports.array,
-  lineColor: prop_types_exports.string,
-  lineOpacity: prop_types_exports.number,
-  showNullAxis: prop_types_exports.bool,
-  axisLineHighlightColor: prop_types_exports.string,
-  axisLineColor: prop_types_exports.string,
-  axisTitleColor: prop_types_exports.string,
-  axisLabelColor: prop_types_exports.string,
-  filterButtonDisabledColor: prop_types_exports.string,
-  filterButtonActiveColor: prop_types_exports.string,
-  filterTextColor: prop_types_exports.string,
-  filterSelectionColor: prop_types_exports.string,
-  truncatedCategoriesFlag: prop_types_exports.bool,
-  truncatedTextColor: prop_types_exports.string,
-  textShadowColor: prop_types_exports.string,
-  mode: prop_types_exports.string
-};
-PureParallelCoordinates.defaultProps = {
-  backgroundColor: "#0b0c0e",
-  width: 700,
-  height: 400,
-  fields: null,
-  columns: [],
-  lineColor: "#7B56DB",
-  lineOpacity: 0.5,
-  showNullAxis: true,
-  axisLineHighlightColor: "rgba(255, 255, 255, 0.98)",
-  axisLineColor: "rgb(129, 130, 133)",
-  axisTitleColor: "rgba(255, 255, 255, 0.7)",
-  axisLabelColor: "rgba(255, 255, 255, 0.7)",
-  filterButtonDisabledColor: "rgba(255, 255, 255, 0.3)",
-  filterButtonActiveColor: "#3993FF",
-  filterTextColor: "rgba(255, 255, 255, 0.7)",
-  filterSelectionColor: "#FFFFFF",
-  truncatedTextColor: "rgba(255, 255, 255, 0.5)",
-  textShadowColor: "#111215",
-  truncatedCategoriesFlag: false
-};
 var PureParallelCoordinates_default = PureParallelCoordinates;
 
 // esm-externals:lodash
@@ -800,99 +740,108 @@ var lodash_exports = {};
 __export(lodash_exports, {
   default: () => lodash_default
 });
-var defaultImport14 = __toESM(require("lodash"));
+var defaultImport13 = __toESM(require("lodash"));
 __reExport(lodash_exports, require("lodash"));
-var lodash_default = "default" in defaultImport14 ? defaultImport14.default : defaultImport14;
+var lodash_default = "default" in defaultImport13 ? defaultImport13.default : defaultImport13;
 
 // esm-externals:@splunk/themes/getSettingsFromThemedProps
 var getSettingsFromThemedProps_exports = {};
 __export(getSettingsFromThemedProps_exports, {
   default: () => getSettingsFromThemedProps_default
 });
-var defaultImport15 = __toESM(require("@splunk/themes/getSettingsFromThemedProps"));
+var defaultImport14 = __toESM(require("@splunk/themes/getSettingsFromThemedProps"));
 __reExport(getSettingsFromThemedProps_exports, require("@splunk/themes/getSettingsFromThemedProps"));
-var getSettingsFromThemedProps_default = "default" in defaultImport15 ? defaultImport15.default : defaultImport15;
+var getSettingsFromThemedProps_default = "default" in defaultImport14 ? defaultImport14.default : defaultImport14;
 
 // esm-externals:@splunk/visualization-encoding/Options
 var Options_exports = {};
 __export(Options_exports, {
   default: () => Options_default
 });
-var defaultImport16 = __toESM(require("@splunk/visualization-encoding/Options"));
+var defaultImport15 = __toESM(require("@splunk/visualization-encoding/Options"));
 __reExport(Options_exports, require("@splunk/visualization-encoding/Options"));
-var Options_default = "default" in defaultImport16 ? defaultImport16.default : defaultImport16;
+var Options_default = "default" in defaultImport15 ? defaultImport15.default : defaultImport15;
 
 // esm-externals:@splunk/visualizations-shared/SanitizeProps
 var SanitizeProps_exports = {};
 __export(SanitizeProps_exports, {
   default: () => SanitizeProps_default
 });
-var defaultImport17 = __toESM(require("@splunk/visualizations-shared/SanitizeProps"));
+var defaultImport16 = __toESM(require("@splunk/visualizations-shared/SanitizeProps"));
 __reExport(SanitizeProps_exports, require("@splunk/visualizations-shared/SanitizeProps"));
-var SanitizeProps_default = "default" in defaultImport17 ? defaultImport17.default : defaultImport17;
+var SanitizeProps_default = "default" in defaultImport16 ? defaultImport16.default : defaultImport16;
 
 // esm-externals:@splunk/visualization-context/TimezoneContext
 var TimezoneContext_exports = {};
 __export(TimezoneContext_exports, {
   default: () => TimezoneContext_default
 });
-var defaultImport18 = __toESM(require("@splunk/visualization-context/TimezoneContext"));
+var defaultImport17 = __toESM(require("@splunk/visualization-context/TimezoneContext"));
 __reExport(TimezoneContext_exports, require("@splunk/visualization-context/TimezoneContext"));
-var TimezoneContext_default = "default" in defaultImport18 ? defaultImport18.default : defaultImport18;
+var TimezoneContext_default = "default" in defaultImport17 ? defaultImport17.default : defaultImport17;
 
 // esm-externals:@splunk/moment
 var moment_exports = {};
 __export(moment_exports, {
   default: () => moment_default
 });
-var defaultImport19 = __toESM(require("@splunk/moment"));
+var defaultImport18 = __toESM(require("@splunk/moment"));
 __reExport(moment_exports, require("@splunk/moment"));
-var moment_default = "default" in defaultImport19 ? defaultImport19.default : defaultImport19;
+var moment_default = "default" in defaultImport18 ? defaultImport18.default : defaultImport18;
 
 // esm-externals:@splunk/visualization-context/FeatureFlagContext
 var FeatureFlagContext_exports = {};
 __export(FeatureFlagContext_exports, {
   default: () => FeatureFlagContext_default
 });
-var defaultImport20 = __toESM(require("@splunk/visualization-context/FeatureFlagContext"));
+var defaultImport19 = __toESM(require("@splunk/visualization-context/FeatureFlagContext"));
 __reExport(FeatureFlagContext_exports, require("@splunk/visualization-context/FeatureFlagContext"));
-var FeatureFlagContext_default = "default" in defaultImport20 ? defaultImport20.default : defaultImport20;
+var FeatureFlagContext_default = "default" in defaultImport19 ? defaultImport19.default : defaultImport19;
 
 // esm-externals:@splunk/visualizations-shared/hocUtils
 var hocUtils_exports = {};
 __export(hocUtils_exports, {
   default: () => hocUtils_default
 });
-var defaultImport21 = __toESM(require("@splunk/visualizations-shared/hocUtils"));
+var defaultImport20 = __toESM(require("@splunk/visualizations-shared/hocUtils"));
 __reExport(hocUtils_exports, require("@splunk/visualizations-shared/hocUtils"));
-var hocUtils_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
+var hocUtils_default = "default" in defaultImport20 ? defaultImport20.default : defaultImport20;
 
 // esm-externals:@splunk/visualizations-shared/JSONSchemaUtils
 var JSONSchemaUtils_exports = {};
 __export(JSONSchemaUtils_exports, {
   default: () => JSONSchemaUtils_default
 });
-var defaultImport22 = __toESM(require("@splunk/visualizations-shared/JSONSchemaUtils"));
+var defaultImport21 = __toESM(require("@splunk/visualizations-shared/JSONSchemaUtils"));
 __reExport(JSONSchemaUtils_exports, require("@splunk/visualizations-shared/JSONSchemaUtils"));
-var JSONSchemaUtils_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
+var JSONSchemaUtils_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
 
 // 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 defaultImport23 = __toESM(require("@splunk/async-dynamic-options-evaluator"));
+var defaultImport22 = __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 defaultImport23 ? defaultImport23.default : defaultImport23;
+var async_dynamic_options_evaluator_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
 
 // esm-externals:@splunk/ui-utils/id
 var id_exports = {};
 __export(id_exports, {
   default: () => id_default
 });
-var defaultImport24 = __toESM(require("@splunk/ui-utils/id"));
+var defaultImport23 = __toESM(require("@splunk/ui-utils/id"));
 __reExport(id_exports, require("@splunk/ui-utils/id"));
-var id_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
+var id_default = "default" in defaultImport23 ? defaultImport23.default : defaultImport23;
+
+// esm-externals:prop-types
+var prop_types_exports = {};
+__export(prop_types_exports, {
+  default: () => prop_types_default
+});
+var defaultImport24 = __toESM(require("prop-types"));
+__reExport(prop_types_exports, require("prop-types"));
+var prop_types_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
 
 // src/common/interfaces/VizActionHandler.ts
 var DefaultVizActionHandler = class {
@@ -1157,7 +1106,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.1 - 617766eb3"
 })`
     position: relative;
     width: 100%;
@@ -1247,7 +1196,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.4.0 - 002bd482f",
+        "data-splunk-visualization-version": "28.5.1 - 617766eb3",
         width,
         height,
         backgroundColor
@@ -1852,25 +1801,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
@@ -1880,9 +1831,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) => {
@@ -1943,9 +1892,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") {
@@ -1968,6 +1915,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();
   }
@@ -1983,7 +1931,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;
@@ -2010,6 +1958,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)) {
@@ -2022,6 +1972,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;
     }
@@ -2255,6 +2210,9 @@ var TimeSeriesChartWrapper = (props) => {
     backgroundColor,
     defaultFontColor,
     additionalTooltipValues,
+    xAxisLineVisibility: xAxisLineVisibility,
+    yAxisLineVisibility,
+    y2AxisLineVisibility,
     showYAxisWithZero: showYAxisWithZeroFromProps,
     showY2AxisWithZero: showY2AxisWithZeroFromProps
   } = _a, otherOptions = __objRest(_a, [
@@ -2278,6 +2236,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"
@@ -2290,6 +2252,7 @@ var TimeSeriesChartWrapper = (props) => {
     fieldColors,
     legendLabels: legendLabelsStr,
     legendMode,
+    legendTruncation,
     "axisTitleX.text": xAxisTitleText,
     "axisTitleY.text": yAxisTitleText,
     "axisTitleY2.text": y2AxisTitleText,
@@ -2298,6 +2261,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,
@@ -2315,6 +2279,8 @@ var TimeSeriesChartWrapper = (props) => {
     lineWidth,
     lineDashStyle,
     fieldDashStyles: lineDashStylesByFieldStr,
+    stepPosition,
+    fieldStepPositions: stepPositionsByFieldStr,
     yAxisMin: yAxisMinRaw,
     yAxisMax: yAxisMaxRaw,
     y2AxisMin: y2AxisMinRaw,
@@ -2325,6 +2291,8 @@ var TimeSeriesChartWrapper = (props) => {
     showYMinorGridLines,
     showY2MinorGridLines,
     showLineSmoothing,
+    xAxisMajorTickVisibility,
+    xAxisMajorTickSize,
     yAxisMajorTickVisibility,
     y2AxisMajorTickVisibility,
     yAxisMajorTickSize,
@@ -2341,10 +2309,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);
@@ -2359,13 +2331,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));
@@ -2453,7 +2427,9 @@ var TimeSeriesChartWrapper = (props) => {
       nullValueMode,
       markerDisplay,
       lineDashStyle,
-      lineDashStylesByField
+      lineDashStylesByField,
+      stepPosition,
+      stepPositionsByField
     ),
     [
       yFields,
@@ -2464,7 +2440,9 @@ var TimeSeriesChartWrapper = (props) => {
       nullValueMode,
       markerDisplay,
       lineDashStyle,
-      lineDashStylesByField
+      lineDashStylesByField,
+      stepPosition,
+      stepPositionsByField
     ]
   );
   const chartingEventAnnotations = (0, react_exports.useMemo)(
@@ -2479,9 +2457,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) => {
@@ -2586,6 +2569,7 @@ var TimeSeriesChartWrapper = (props) => {
         seriesConfig: seriesOverrides,
         legend,
         legendLabels,
+        legendTruncation,
         isSeriesCompare: legendMode === "seriesCompare",
         maxSeriesFocus: legendMode === "seriesCompare" ? 0 : void 0,
         scaleConfig,
@@ -2607,6 +2591,8 @@ var TimeSeriesChartWrapper = (props) => {
         showY2MinorGridLines,
         showLineSmoothing,
         dataValuesDisplay,
+        showXMajorTicks,
+        xAxisMajorTickSize: xAxisMajorTickSizeNum,
         showYMajorTicks,
         showY2MajorTicks,
         yAxisMajorTickSize: yAxisMajorTickSizeNum,
@@ -2618,7 +2604,11 @@ var TimeSeriesChartWrapper = (props) => {
         yAxisMinorTickSize: yAxisMinorTickSizeNum,
         y2AxisMinorTickSize: y2AxisMinorTickSizeNum,
         showYAxisWithZero,
-        showY2AxisWithZero
+        showY2AxisWithZero,
+        showXAxisLine,
+        showYAxisLine,
+        showY2AxisLine,
+        xAxisMaxLabelParts
       }
     ));
   }, [
@@ -2633,6 +2623,7 @@ var TimeSeriesChartWrapper = (props) => {
     seriesOverrides,
     legend,
     legendLabels,
+    legendTruncation,
     scaleConfig,
     onClick,
     handleChartClick,
@@ -2651,6 +2642,8 @@ var TimeSeriesChartWrapper = (props) => {
     showY2MinorGridLines,
     showLineSmoothing,
     dataValuesDisplay,
+    showXMajorTicks,
+    xAxisMajorTickSizeNum,
     showYMajorTicks,
     showY2MajorTicks,
     yAxisMajorTickSizeNum,
@@ -2663,7 +2656,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);