@meshmakers/octo-meshboard 3.4.280 → 3.4.310

package/fesm2022/meshmakers-octo-meshboard.mjs

@@ -2884,6 +2884,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1.Apollo }] });
 
+const ResolveSeriesQueryDocumentDto = gql `
+    query resolveSeriesQuery($input: ResolveSeriesQueryInput!) {
+  streamData {
+    resolveSeriesQuery(input: $input) {
+      archiveRtId
+      effectiveBucketMs
+      points
+      reducingFunction
+      signal
+      actualPoints
+      diagnostic
+    }
+  }
+}
+    `;
+class ResolveSeriesQueryDtoGQL extends i1.Query {
+    document = ResolveSeriesQueryDocumentDto;
+    constructor(apollo) {
+        super(apollo);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ResolveSeriesQueryDtoGQL, deps: [{ token: i1.Apollo }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ResolveSeriesQueryDtoGQL, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ResolveSeriesQueryDtoGQL, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.Apollo }] });
+
 const EMPTY_RESULT_BASE = Object.freeze({
     queryRtId: null,
     associatedCkTypeId: null,
@@ -2905,6 +2935,7 @@ class QueryExecutorService {
     runtimeGql = inject(ExecuteRuntimeQueryDtoGQL);
     streamDataGql = inject(ExecuteStreamDataQueryDtoGQL);
     persistentQueriesGql = inject(GetSystemPersistentQueriesDtoGQL);
+    resolveSeriesGql = inject(ResolveSeriesQueryDtoGQL);
     /**
      * Cache of resolved query families, keyed by query rtId. Filled lazily for
      * legacy widget configs that pre-date the `queryFamily` field — saves a
@@ -3006,6 +3037,29 @@ class QueryExecutorService {
             };
         }));
     }
+    /**
+     * Resolution-aware series routing (AB#4290): asks the backend which archive/rollup to
+     * query for a base archive family, time window and target point count — so a widget can
+     * render ~`targetPoints` points without knowing which physical archive holds the data at a
+     * usable grain. The caller then runs {@link executeStreamData} (downsampling) against the
+     * returned `archiveRtId` with `limit = points`. Returns null when StreamData is not enabled.
+     */
+    async resolveSeriesQuery(input) {
+        const result = await firstValueFrom(this.resolveSeriesGql.fetch({ variables: { input }, fetchPolicy: 'network-only' }));
+        const decision = result.data?.streamData?.resolveSeriesQuery;
+        if (!decision) {
+            return null;
+        }
+        return {
+            archiveRtId: String(decision.archiveRtId),
+            effectiveBucketMs: Number(decision.effectiveBucketMs),
+            points: decision.points,
+            reducingFunction: decision.reducingFunction,
+            signal: decision.signal,
+            actualPoints: decision.actualPoints ?? null,
+            diagnostic: decision.diagnostic ?? null
+        };
+    }
     buildStreamDataArg(args) {
         // Skip the entire `arg` field when the caller has nothing to override —
         // the persisted query then runs with its intrinsic from/to/limit and the
@@ -4847,6 +4901,36 @@ function matchesAttributePath(cellPath, configField) {
     const cellBase = stripAggregationFunctionSuffix(cellPath);
     return toCanonicalAttributeKey(cellBase) === toCanonicalAttributeKey(configField);
 }
+/**
+ * Finds the single cell in a row that a config field refers to, preferring an
+ * exact `sanitizeFieldName` match over the loose canonical fallback of
+ * {@link matchesAttributePath}.
+ *
+ * This disambiguation matters for grouping-aggregation results, where a group-by
+ * cell (`state`) coexists with an aggregation cell over the same attribute
+ * (`state_count`). A bare category config (`state`) loose-matches BOTH via the
+ * canonical fallback; iterating cells and assigning on every match let the later
+ * `state_count` cell overwrite the category with the raw count, so the pie/bar
+ * legend showed the count instead of the enum label (AB#4293). Resolving each
+ * field to its best cell — exact wins — keeps the group-by and aggregation cells
+ * on their intended fields while still honouring the loose fallback for legacy
+ * configs whose only matching cell is the wire-form aggregation column.
+ */
+function findCellForField(cells, configField) {
+    if (!configField)
+        return undefined;
+    let looseMatch;
+    for (const cell of cells) {
+        if (!cell?.attributePath)
+            continue;
+        if (sanitizeFieldName(cell.attributePath) === configField)
+            return cell; // exact wins
+        if (looseMatch === undefined && matchesAttributePath(cell.attributePath, configField)) {
+            looseMatch = cell;
+        }
+    }
+    return looseMatch;
+}
 /**
  * Parses a value to a number.
  * Returns 0 for NaN or non-numeric values.
@@ -4876,12 +4960,9 @@ function extractAggregationValue(queryResult, valueField) {
     const cells = firstRow.cells?.items ?? [];
     // Find the value field if specified
     if (valueField) {
-        for (const cell of cells) {
-            if (!cell?.attributePath)
-                continue;
-            if (matchesAttributePath(cell.attributePath, valueField)) {
-                return parseNumericValue(cell.value);
-            }
+        const cell = findCellForField(cells, valueField);
+        if (cell) {
+            return parseNumericValue(cell.value);
         }
     }
     // Fallback: return first cell value
@@ -4908,20 +4989,10 @@ function extractGroupedAggregationValue(queryResult, categoryField, categoryValu
         if (!row || !SUPPORTED_ROW_TYPES$1.includes(row.__typename ?? ''))
             continue;
         const cells = row.cells?.items ?? [];
-        let categoryMatch = false;
-        let value = 0;
-        for (const cell of cells) {
-            if (!cell?.attributePath)
-                continue;
-            if (matchesAttributePath(cell.attributePath, categoryField) && String(cell.value) === categoryValue) {
-                categoryMatch = true;
-            }
-            if (matchesAttributePath(cell.attributePath, valueField)) {
-                value = parseNumericValue(cell.value);
-            }
-        }
-        if (categoryMatch) {
-            return value;
+        const categoryCell = findCellForField(cells, categoryField);
+        if (categoryCell && String(categoryCell.value) === categoryValue) {
+            const valueCell = findCellForField(cells, valueField);
+            return valueCell ? parseNumericValue(valueCell.value) : 0;
         }
     }
     return 0;
@@ -4945,19 +5016,13 @@ function processStaticSeriesData(rows, categoryField, seriesConfigs) {
         if (!SUPPORTED_ROW_TYPES$1.includes(row.__typename ?? ''))
             continue;
         const cells = row.cells?.items ?? [];
-        let categoryValue = '';
+        const categoryCell = findCellForField(cells, categoryField);
+        const categoryValue = categoryCell ? String(categoryCell.value ?? '') : '';
         const rowValues = new Map();
-        for (const cell of cells) {
-            if (!cell?.attributePath)
-                continue;
-            if (matchesAttributePath(cell.attributePath, categoryField)) {
-                categoryValue = String(cell.value ?? '');
-            }
-            // Check if this cell is one of our series fields
-            for (const seriesConfig of seriesConfigs) {
-                if (matchesAttributePath(cell.attributePath, seriesConfig.field)) {
-                    rowValues.set(seriesConfig.field, parseNumericValue(cell.value));
-                }
+        for (const seriesConfig of seriesConfigs) {
+            const seriesCell = findCellForField(cells, seriesConfig.field);
+            if (seriesCell) {
+                rowValues.set(seriesConfig.field, parseNumericValue(seriesCell.value));
             }
         }
         if (categoryValue !== '') {
@@ -4995,22 +5060,12 @@ function processDynamicSeriesData(rows, categoryField, seriesGroupField, valueFi
         if (!SUPPORTED_ROW_TYPES$1.includes(row.__typename ?? ''))
             continue;
         const cells = row.cells?.items ?? [];
-        let categoryValue = '';
-        let seriesGroupValue = '';
-        let numericValue = 0;
-        for (const cell of cells) {
-            if (!cell?.attributePath)
-                continue;
-            if (matchesAttributePath(cell.attributePath, categoryField)) {
-                categoryValue = String(cell.value ?? '');
-            }
-            else if (matchesAttributePath(cell.attributePath, seriesGroupField)) {
-                seriesGroupValue = String(cell.value ?? '');
-            }
-            else if (matchesAttributePath(cell.attributePath, valueField)) {
-                numericValue = parseNumericValue(cell.value);
-            }
-        }
+        const categoryCell = findCellForField(cells, categoryField);
+        const seriesGroupCell = findCellForField(cells, seriesGroupField);
+        const valueCell = findCellForField(cells, valueField);
+        const categoryValue = categoryCell ? String(categoryCell.value ?? '') : '';
+        const seriesGroupValue = seriesGroupCell ? String(seriesGroupCell.value ?? '') : '';
+        const numericValue = valueCell ? parseNumericValue(valueCell.value) : 0;
         if (categoryValue && seriesGroupValue) {
             allCategories.add(categoryValue);
             allSeriesGroups.add(seriesGroupValue);
@@ -5048,18 +5103,10 @@ function processPieChartData(rows, categoryField, valueField) {
         if (!SUPPORTED_ROW_TYPES$1.includes(row.__typename ?? ''))
             continue;
         const cells = row.cells?.items ?? [];
-        let categoryValue = '';
-        let numericValue = 0;
-        for (const cell of cells) {
-            if (!cell?.attributePath)
-                continue;
-            if (matchesAttributePath(cell.attributePath, categoryField)) {
-                categoryValue = String(cell.value ?? '');
-            }
-            else if (matchesAttributePath(cell.attributePath, valueField)) {
-                numericValue = parseNumericValue(cell.value);
-            }
-        }
+        const categoryCell = findCellForField(cells, categoryField);
+        const valueCell = findCellForField(cells, valueField);
+        const categoryValue = categoryCell ? String(categoryCell.value ?? '') : '';
+        const numericValue = valueCell ? parseNumericValue(valueCell.value) : 0;
         if (categoryValue) {
             result.push({
                 category: categoryValue,
@@ -12001,16 +12048,16 @@ class PieChartWidgetComponent {
         const chartData = result.rows
             .filter(row => PieChartWidgetComponent.SUPPORTED_ROW_TYPES.has(row.__typename ?? ''))
             .map(row => {
-            let category = '';
+            // Resolve each field to its best cell (exact match wins over the loose
+            // aggregation-suffix fallback) so a `state` category is not overwritten
+            // by the `state_count` aggregation cell — AB#4293.
+            const categoryCell = findCellForField(row.cells, this.config.categoryField);
+            const valueCell = findCellForField(row.cells, this.config.valueField);
+            const category = categoryCell ? String(categoryCell.value ?? '') : '';
             let value = 0;
-            for (const cell of row.cells) {
-                if (matchesAttributePath(cell.attributePath, this.config.categoryField)) {
-                    category = String(cell.value ?? '');
-                }
-                if (matchesAttributePath(cell.attributePath, this.config.valueField)) {
-                    const numValue = typeof cell.value === 'number' ? cell.value : parseFloat(String(cell.value));
-                    value = isNaN(numValue) ? 0 : numValue;
-                }
+            if (valueCell) {
+                const numValue = typeof valueCell.value === 'number' ? valueCell.value : parseFloat(String(valueCell.value));
+                value = isNaN(numValue) ? 0 : numValue;
             }
             return { category, value };
         })
@@ -13063,18 +13110,17 @@ class BarChartWidgetComponent {
             seriesMap.set(seriesConfig.field, []);
         }
         for (const row of filteredRows) {
-            let categoryValue = '';
+            // Exact match wins over the loose aggregation-suffix fallback so a group-by
+            // category is not overwritten by an aggregation cell over the same attribute
+            // (e.g. `state` vs `state_count`) — AB#4293.
+            const categoryCell = findCellForField(row.cells, this.config.categoryField);
+            const categoryValue = categoryCell ? this.formatCategoryValue(categoryCell.value) : '';
             const rowValues = new Map();
-            for (const cell of row.cells) {
-                if (matchesAttributePath(cell.attributePath, this.config.categoryField)) {
-                    categoryValue = this.formatCategoryValue(cell.value);
-                }
-                // Check if this cell is one of our series fields
-                for (const seriesConfig of (this.config.series ?? [])) {
-                    if (matchesAttributePath(cell.attributePath, seriesConfig.field)) {
-                        const numValue = typeof cell.value === 'number' ? cell.value : parseFloat(String(cell.value));
-                        rowValues.set(seriesConfig.field, isNaN(numValue) ? 0 : numValue);
-                    }
+            for (const seriesConfig of (this.config.series ?? [])) {
+                const seriesCell = findCellForField(row.cells, seriesConfig.field);
+                if (seriesCell) {
+                    const numValue = typeof seriesCell.value === 'number' ? seriesCell.value : parseFloat(String(seriesCell.value));
+                    rowValues.set(seriesConfig.field, isNaN(numValue) ? 0 : numValue);
                 }
             }
             if (categoryValue !== '') {
@@ -13122,22 +13168,18 @@ class BarChartWidgetComponent {
         const allCategories = new Set();
         const allSeriesGroups = new Set();
         for (const row of filteredRows) {
-            let categoryValue = '';
-            let seriesGroupValue = '';
+            // Exact match wins over the loose aggregation-suffix fallback (AB#4293).
+            const categoryCell = findCellForField(row.cells, categoryField);
+            const seriesGroupCell = findCellForField(row.cells, seriesGroupField);
+            const valueCell = findCellForField(row.cells, valueField);
+            const categoryValue = categoryCell ? this.formatCategoryValue(categoryCell.value) : '';
+            const seriesGroupValue = seriesGroupCell ? String(seriesGroupCell.value ?? '') : '';
             let numericValue = 0;
-            for (const cell of row.cells) {
-                if (matchesAttributePath(cell.attributePath, categoryField)) {
-                    categoryValue = this.formatCategoryValue(cell.value);
-                }
-                else if (matchesAttributePath(cell.attributePath, seriesGroupField)) {
-                    seriesGroupValue = String(cell.value ?? '');
-                }
-                else if (matchesAttributePath(cell.attributePath, valueField)) {
-                    const val = cell.value;
-                    numericValue = typeof val === 'number' ? val : parseFloat(String(val));
-                    if (isNaN(numericValue))
-                        numericValue = 0;
-                }
+            if (valueCell) {
+                const val = valueCell.value;
+                numericValue = typeof val === 'number' ? val : parseFloat(String(val));
+                if (isNaN(numericValue))
+                    numericValue = 0;
             }
             if (categoryValue && seriesGroupValue) {
                 allCategories.add(categoryValue);
@@ -14420,6 +14462,11 @@ class LineChartWidgetComponent {
         const unit = this._seriesUnitMap().get(seriesName);
         return unit ? ` ${unit}` : '';
     }
+    /** The downsampling min/max envelope is rendered as a separate `<name> (min/max)` rangeArea
+     *  series; it is excluded from the shared tooltip so only the actual value lines are listed. */
+    isBandSeries(seriesName) {
+        return seriesName.endsWith(' (min/max)');
+    }
     async loadData() {
         if (this.isNotConfigured())
             return;
@@ -14736,18 +14783,29 @@ class LineChartWidgetComponent {
             [position]="config.legendPosition ?? 'right'">
           </kendo-chart-legend>
 
-          <kendo-chart-tooltip>
-            <ng-template kendoChartSeriesTooltipTemplate let-value="value" let-category="category" let-series="series">
+          <!--
+            Shared (category) tooltip: keyed on the category under the cursor's X, so the
+            reported point always matches the hovered time position. A non-shared tooltip
+            selects the nearest point by 2D distance, which makes the highlight jump
+            horizontally to an unrelated category whenever the cursor is off the (often flat)
+            line — see AB#4258. The min/max envelope (rangeArea) series is filtered out.
+          -->
+          <kendo-chart-tooltip [shared]="true">
+            <ng-template kendoChartSharedTooltipTemplate let-category="category" let-points="points">
               <div class="chart-tooltip">
-                <strong>{{ category }}</strong><br/>
-                {{ series.name }}: {{ formatValue(value) }}{{ getUnitForSeries(series.name) }}
+                <strong>{{ category }}</strong>
+                @for (point of points; track point.series.name) {
+                  @if (!isBandSeries(point.series.name)) {
+                    <br/>{{ point.series.name }}: {{ formatValue(point.value) }}{{ getUnitForSeries(point.series.name) }}
+                  }
+                }
               </div>
             </ng-template>
           </kendo-chart-tooltip>
         </kendo-chart>
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}.line-chart-widget{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;box-sizing:border-box;overflow:hidden}.data-count{position:absolute;top:4px;right:6px;z-index:2;max-width:calc(100% - 12px);padding:1px 7px;border-radius:9px;font-size:.7rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--kendo-color-on-app-surface, #6c757d);background:color-mix(in srgb,var(--kendo-color-app-surface, #888) 12%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.line-chart-widget.loading,.line-chart-widget.error{opacity:.7}.loading-indicator,.error-message{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-indicator span{font-size:1.5rem;color:var(--kendo-color-subtle, #6c757d)}.error-message span{color:var(--kendo-color-error, #dc3545);font-size:.875rem}.chart-container{width:100%;height:100%}kendo-chart{width:100%;height:100%}.chart-tooltip{padding:4px 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ChartsModule }, { kind: "component", type: i1$7.ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "observeStyles", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "directive", type: i1$7.SeriesTooltipTemplateDirective, selector: "[kendoChartSeriesTooltipTemplate]" }, { kind: "component", type: i1$7.CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "component", type: i1$7.CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels", "highlight"] }, { kind: "component", type: i1$7.CategoryAxisLabelsComponent, selector: "kendo-chart-category-axis-item-labels", inputs: ["background", "border", "color", "content", "culture", "dateFormats", "font", "format", "margin", "mirror", "padding", "position", "rotation", "skip", "step", "visible", "visual"] }, { kind: "component", type: i1$7.ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "component", type: i1$7.LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title", "focusHighlight"] }, { kind: "component", type: i1$7.SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: i1$7.SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "lineStyle", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: i1$7.TooltipComponent, selector: "kendo-chart-tooltip", inputs: ["background", "border", "color", "font", "format", "opacity", "padding", "shared", "visible"] }, { kind: "component", type: i1$7.ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: i1$7.ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: WidgetNotConfiguredComponent, selector: "mm-widget-not-configured" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, styles: [":host{display:block;width:100%;height:100%}.line-chart-widget{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;box-sizing:border-box;overflow:hidden}.data-count{position:absolute;top:4px;right:6px;z-index:2;max-width:calc(100% - 12px);padding:1px 7px;border-radius:9px;font-size:.7rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--kendo-color-on-app-surface, #6c757d);background:color-mix(in srgb,var(--kendo-color-app-surface, #888) 12%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.line-chart-widget.loading,.line-chart-widget.error{opacity:.7}.loading-indicator,.error-message{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-indicator span{font-size:1.5rem;color:var(--kendo-color-subtle, #6c757d)}.error-message span{color:var(--kendo-color-error, #dc3545);font-size:.875rem}.chart-container{width:100%;height:100%}kendo-chart{width:100%;height:100%}.chart-tooltip{padding:4px 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ChartsModule }, { kind: "component", type: i1$7.ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "observeStyles", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "directive", type: i1$7.SharedTooltipTemplateDirective, selector: "[kendoChartSharedTooltipTemplate]" }, { kind: "component", type: i1$7.CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "component", type: i1$7.CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels", "highlight"] }, { kind: "component", type: i1$7.CategoryAxisLabelsComponent, selector: "kendo-chart-category-axis-item-labels", inputs: ["background", "border", "color", "content", "culture", "dateFormats", "font", "format", "margin", "mirror", "padding", "position", "rotation", "skip", "step", "visible", "visual"] }, { kind: "component", type: i1$7.ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "component", type: i1$7.LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title", "focusHighlight"] }, { kind: "component", type: i1$7.SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: i1$7.SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "lineStyle", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: i1$7.TooltipComponent, selector: "kendo-chart-tooltip", inputs: ["background", "border", "color", "font", "format", "opacity", "padding", "shared", "visible"] }, { kind: "component", type: i1$7.ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: i1$7.ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: WidgetNotConfiguredComponent, selector: "mm-widget-not-configured" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: LineChartWidgetComponent, decorators: [{
             type: Component,
@@ -14849,11 +14907,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
             [position]="config.legendPosition ?? 'right'">
           </kendo-chart-legend>
 
-          <kendo-chart-tooltip>
-            <ng-template kendoChartSeriesTooltipTemplate let-value="value" let-category="category" let-series="series">
+          <!--
+            Shared (category) tooltip: keyed on the category under the cursor's X, so the
+            reported point always matches the hovered time position. A non-shared tooltip
+            selects the nearest point by 2D distance, which makes the highlight jump
+            horizontally to an unrelated category whenever the cursor is off the (often flat)
+            line — see AB#4258. The min/max envelope (rangeArea) series is filtered out.
+          -->
+          <kendo-chart-tooltip [shared]="true">
+            <ng-template kendoChartSharedTooltipTemplate let-category="category" let-points="points">
               <div class="chart-tooltip">
-                <strong>{{ category }}</strong><br/>
-                {{ series.name }}: {{ formatValue(value) }}{{ getUnitForSeries(series.name) }}
+                <strong>{{ category }}</strong>
+                @for (point of points; track point.series.name) {
+                  @if (!isBandSeries(point.series.name)) {
+                    <br/>{{ point.series.name }}: {{ formatValue(point.value) }}{{ getUnitForSeries(point.series.name) }}
+                  }
+                }
               </div>
             </ng-template>
           </kendo-chart-tooltip>
@@ -16985,10 +17054,9 @@ function extractAggregation(result, valueField) {
     if (!firstRow)
         return 0;
     if (valueField) {
-        for (const cell of firstRow.cells) {
-            if (matchesAttributePath(cell.attributePath, valueField)) {
-                return parseNumericValue(cell.value);
-            }
+        const cell = findCellForField(firstRow.cells, valueField);
+        if (cell) {
+            return parseNumericValue(cell.value);
         }
     }
     // Fallback: first cell value when no specific field is configured.
@@ -17000,18 +17068,11 @@ function extractGroupedAggregation(result, categoryField, categoryValue, valueFi
     for (const row of result.rows) {
         if (!SUPPORTED_ROW_TYPES.has(row.__typename ?? ''))
             continue;
-        let categoryMatch = false;
-        let value = 0;
-        for (const cell of row.cells) {
-            if (matchesAttributePath(cell.attributePath, categoryField) && String(cell.value) === categoryValue) {
-                categoryMatch = true;
-            }
-            if (matchesAttributePath(cell.attributePath, valueField)) {
-                value = parseNumericValue(cell.value);
-            }
+        const categoryCell = findCellForField(row.cells, categoryField);
+        if (categoryCell && String(categoryCell.value) === categoryValue) {
+            const valueCell = findCellForField(row.cells, valueField);
+            return valueCell ? parseNumericValue(valueCell.value) : 0;
         }
-        if (categoryMatch)
-            return value;
     }
     return 0;
 }