@jsenv/navi 0.29.505 → 0.29.506

package/dist/jsenv_navi.js

@@ -50092,7 +50092,7 @@ const useControlProps = (props, {
     }
     const domProps = toDomProps(newUIState);
     Object.assign(el, domProps);
-    debugUIState(e, `syncDomState: updated to ${getElementSignature(el)}`, domProps);
+    debugUIState(e, `syncDomState: updated to ${getElementSignature(el)}`);
   };
   const controlInfo = createControlInfo(props, {
     controlType
@@ -82942,7 +82942,8 @@ const SelectableInput = SelectableInputProxy;
  * The `highlight` argument of `useSearchHighlight` (a row's `matchInfo.matchRanges`) can be:
  *   - an array of [start, end] pairs — applied to all text nodes under the root element
  *   - an object { [domSelector]: [[start, end], …] } — applied to each sub-element
- *     matched by the selector (the format produced by createSearch)
+ *     matched by the selector (the format produced by createSearch); a selector
+ *     matching nothing under the root element marks nothing
  */
 
 // Module-level shared Highlight instance — created lazily once.
@@ -82988,10 +82989,12 @@ const applySearchHighlight = (el, highlight) => {
     ? highlight.length === 0
       ? []
       : [{ root: el, ranges: highlight }]
-    : Object.entries(highlight).map(([selector, ranges]) => ({
-        root: el.querySelector(selector) ?? el,
-        ranges,
-      }));
+    : Object.entries(highlight).flatMap(([selector, ranges]) => {
+        // The ranges are offsets into the selected element's text: an item
+        // that doesn't render it has nothing to mark.
+        const root = el.querySelector(selector);
+        return root ? [{ root, ranges }] : [];
+      });
 
   if (entries.length === 0) {
     return undefined;
@@ -96738,7 +96741,12 @@ const mergeRanges = (ranges) => {
  *
  * Each field config:
  *   - getter(item): string — extracts the text to search
- *   - domSelector: string — CSS selector used by ListItem to find the target element
+ *   - domSelector?: string — CSS selector used by ListItem to find the target element.
+ *                   Without it, the field is searched and scored but highlights
+ *                   nothing: text the item doesn't write (an alias, a civil name
+ *                   under a nickname, tags). One field per selector: the ranges
+ *                   of two fields sharing one are offsets into two different
+ *                   strings, so the last field wins.
  *   - priority?: number — multiplier applied to the field's score (default 1)
  *   - matchFn?: function — custom match function (searchText, fieldValue) => { match, matchScore, matchRanges }
  *                          defaults to applySearch
@@ -96758,7 +96766,9 @@ const createSearch = (fields) => {
       const result = matchFn(searchText, fieldValue);
       if (result.match && result.matchRanges.length > 0) {
         totalScore += result.matchScore * priority;
-        matchRanges[domSelector] = result.matchRanges;
+        if (domSelector) {
+          matchRanges[domSelector] = result.matchRanges;
+        }
       }
     }
     if (totalScore === 0) {