web-mojo 2.1.678 → 2.1.697

package/dist/chunks/{MetricsMiniChartWidget-CmEzlyAO.js → MetricsMiniChartWidget-Df_aqXiH.js}

@@ -1,5 +1,5 @@
-import Dialog from "./Dialog-B3bD_iSn.js";
-import { V as View, d as dataFormatter } from "./WebApp-Zl6sz13N.js";
+import Dialog from "./Dialog-BUZ3RRPM.js";
+import { V as View, d as dataFormatter } from "./WebApp-BsUzNFg3.js";
 import { W as WebSocketClient } from "./WebSocketClient-B6ribe3B.js";
 class BaseChart extends View {
   constructor(options = {}) {
@@ -2697,6 +2697,9 @@ class MetricsMiniChartWidget extends View {
     this.background = options.background || null;
     this.textColor = options.textColor || null;
     this.showTrending = !!options.showTrending;
+    this.trendRange = options.trendRange ?? null;
+    this.trendOffset = options.trendOffset ?? 0;
+    this.prevTrendOffset = options.prevTrendOffset ?? 0;
     this.total = 0;
     this.lastValue = 0;
     this.prevValue = 0;
@@ -2765,7 +2768,7 @@ class MetricsMiniChartWidget extends View {
       template: `
         <div class="d-flex justify-content-between align-items-start mb-2">
           <div class="me-3">
-            <h6 class="card-title mb-1" style="${this.textColor ? `color: ${this.textColor}` : ""}">{{title}}</h6>
+            <h6 class="card-title mb-1" style="${this.textColor ? `color: ${this.textColor}` : ""}">${this.title}</h6>
             <div class="card-subtitle" style="${this.textColor ? `color: ${this.textColor}` : ""}">${this.subtitle}</div>
               {{#hasTrending}}
                 <div class="small mt-1 fw-semibold {{trendingClass}}"  style="${this.textColor ? `color: ${this.textColor}` : ""}">
@@ -2802,17 +2805,51 @@ class MetricsMiniChartWidget extends View {
     });
     this.header.title = this.title;
     this.header.total = nums.reduce((a, b) => a + b, 0);
-    this.header.now_value = nums[nums.length - 1];
-    if (nums.length >= 2) {
-      const last = nums[nums.length - 1];
-      const prev = nums[nums.length - 2];
-      this.header.lastValue = last;
-      this.header.prevValue = prev;
+    const offset = Math.max(0, parseInt(this.trendOffset || 0, 10) || 0);
+    const endIndex = Math.max(0, nums.length - 1 - offset);
+    this.header.now_value = nums[endIndex];
+    let hasTrend = false;
+    let lastSum = 0;
+    let prevSum = 0;
+    const k = this.trendRange && this.trendRange >= 2 ? Math.max(1, Math.floor(this.trendRange / 2)) : 1;
+    if (endIndex >= 0) {
+      const lastEnd = endIndex;
+      const lastStart = lastEnd - (k - 1);
+      let prevStart, prevEnd;
+      if (this.prevTrendOffset && this.prevTrendOffset > 0) {
+        prevStart = lastStart - this.prevTrendOffset;
+        prevEnd = lastEnd - this.prevTrendOffset;
+      } else {
+        prevEnd = lastStart - 1;
+        prevStart = prevEnd - (k - 1);
+      }
+      if (lastStart >= 0 && prevStart >= 0) {
+        const sumRange = (arr, s, e) => {
+          let sum = 0;
+          for (let i = s; i <= e; i++) sum += arr[i] || 0;
+          return sum;
+        };
+        lastSum = sumRange(nums, lastStart, lastEnd);
+        prevSum = sumRange(nums, prevStart, prevEnd);
+        hasTrend = true;
+      }
+    }
+    if (!hasTrend) {
+      const prevIndex = endIndex - (this.prevTrendOffset && this.prevTrendOffset > 0 ? this.prevTrendOffset : 1);
+      if (prevIndex >= 0) {
+        lastSum = nums[endIndex];
+        prevSum = nums[prevIndex];
+        hasTrend = true;
+      }
+    }
+    if (hasTrend) {
+      this.header.lastValue = lastSum;
+      this.header.prevValue = prevSum;
       let percent = 0;
-      if (prev === 0) {
-        percent = last > 0 ? 100 : 0;
+      if (prevSum === 0) {
+        percent = lastSum > 0 ? 100 : 0;
       } else {
-        percent = (last - prev) / Math.abs(prev) * 100;
+        percent = (lastSum - prevSum) / Math.abs(prevSum) * 100;
       }
       this.header.trendingPercent = percent;
       this.header.trendingUp = percent >= 0;
@@ -2871,4 +2908,4 @@ export {
   MetricsMiniChart as b,
   MetricsMiniChartWidget as c
 };
-//# sourceMappingURL=MetricsMiniChartWidget-CmEzlyAO.js.map
+//# sourceMappingURL=MetricsMiniChartWidget-Df_aqXiH.js.map