eru-grid 0.0.39 → 0.0.40

package/fesm2022/eru-grid.mjs

@@ -6563,7 +6563,24 @@ class ProgressComponent {
         if (!Array.isArray(ranges) || ranges.length === 0)
             return null;
         const v = this.displayValue();
-        const match = ranges.find((r) => v >= Number(r?.from) && v <= Number(r?.to));
+        // A blank/absent bound is open-ended — data-model bands are authored that
+        // way (e.g. "80 and above"), and coercing null to 0 would make such a band
+        // never match. Bands are checked in order; the first hit wins.
+        const bound = (raw) => {
+            if (raw === null || raw === undefined || raw === '')
+                return null;
+            const n = Number(raw);
+            return isNaN(n) ? null : n;
+        };
+        const match = ranges.find((r) => {
+            const from = bound(r?.from);
+            const to = bound(r?.to);
+            if (from !== null && v < from)
+                return false;
+            if (to !== null && v > to)
+                return false;
+            return true;
+        });
         return match?.color || null;
     }, ...(ngDevMode ? [{ debugName: "barColor" }] : []));
     constructor() {
@@ -10902,28 +10919,37 @@ class ColumnDesignPanelComponent {
         this.patch(key, items);
     }
     // ── Range-colour-list control (value ranges -> colour, e.g. progress) ──
+    // A blank bound means open-ended and is preserved as null rather than coerced
+    // to 0 — bands authored on the data-model field ("80 and above") come through
+    // here for display, and 0 would both read wrong and change their meaning.
+    rangeBound(raw) {
+        if (raw === null || raw === undefined || raw === '')
+            return null;
+        const n = Number(raw);
+        return isNaN(n) ? null : n;
+    }
     rangeListItems(key) {
         const arr = this.field()?.[key];
         if (!Array.isArray(arr))
             return [];
         return arr.map(it => ({
-            from: Number(it?.from) || 0,
-            to: Number(it?.to) || 0,
+            from: this.rangeBound(it?.from),
+            to: this.rangeBound(it?.to),
             color: it?.color ?? '#22C55E',
         }));
     }
     addRangeItem(key) {
         const items = this.rangeListItems(key);
-        const lastTo = items.length ? items[items.length - 1].to : -1;
-        const from = Math.min(100, lastTo + 1);
+        const lastTo = items.length ? items[items.length - 1].to : null;
+        const from = lastTo === null ? 0 : Math.min(100, lastTo + 1);
         this.patch(key, [...items, { from, to: 100, color: '#22C55E' }]);
     }
     removeRangeItem(key, index) {
         this.patch(key, this.rangeListItems(key).filter((_, i) => i !== index));
     }
     onRangeChange(key, index, prop, value) {
-        const num = value === '' ? 0 : Number(value);
-        const items = this.rangeListItems(key).map((it, i) => i === index ? { ...it, [prop]: num } : it);
+        const bound = this.rangeBound(value);
+        const items = this.rangeListItems(key).map((it, i) => i === index ? { ...it, [prop]: bound } : it);
         this.patch(key, items);
     }
     onRangeColorChange(key, index, color) {