@es-joy/jsoe 0.30.0 → 0.32.0

package/dist/utils/rawTypesonEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rawTypesonEditor.d.ts","sourceRoot":"","sources":["../../src/utils/rawTypesonEditor.js"],"names":[],"mappings":"AAgGA;;;;;GAKG;AACH,8CAHW,OAAO,GACL,OAAO,CAAC,MAAM,CAAC,CAY3B;AAED;;;;;GAKG;AACH,6CAHW,MAAM,GACJ,OAAO,CAMnB;AAED;;;;;;;GAOG;AACH,0CAHW,MAAM,GACJ,OAAO,CAQnB;AAaD;;;;;;;;;;;;;;;;GAgBG;AACH,+CALW,OAAO,SACP,GAAG,CAAC,OAAO,CAAC,GAEV,OAAO,CAAC,MAAM,CAAC,CA8Q3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,2HAVG;IAAgE,KAAK,EAA7D,YAAY,CAAC,cAAc,aAAa,EAAE,OAAO,CAAC;IACL,MAAM,EAAnD,OAAO,eAAe,EAAE,eAAe;IACW,IAAI,EAAtD,OAAO,aAAa,EAAE,sBAAsB;IACxB,IAAI,EAAxB,cAAc;IACM,OAAO,EAA3B,cAAc;IACD,aAAa;IACI,oBAAoB;IACrC,KAAK,EAAlB,OAAO;CACf,GAAU,OAAO,CAAC,IAAI,CAAC,CAiCzB;AAED;;;;;;;;;;;;;;GAcG;AACH,2HAVG;IAAgE,KAAK,EAA7D,YAAY,CAAC,cAAc,aAAa,EAAE,OAAO,CAAC;IACL,MAAM,EAAnD,OAAO,eAAe,EAAE,eAAe;IACW,IAAI,EAAtD,OAAO,aAAa,EAAE,sBAAsB;IACxB,IAAI,EAAxB,cAAc;IACM,OAAO,EAA3B,cAAc;IACD,aAAa;IACI,oBAAoB;IACrC,QAAQ,EAArB,OAAO;CACf,GAAU,OAAO,CAAC,IAAI,CAAC,CA+JzB"}
+{"version":3,"file":"rawTypesonEditor.d.ts","sourceRoot":"","sources":["../../src/utils/rawTypesonEditor.js"],"names":[],"mappings":"AA8CA;;;;;GAKG;AACH,8CAHW,OAAO,GACL,OAAO,CAAC,MAAM,CAAC,CAY3B;AAED;;;;;GAKG;AACH,6CAHW,MAAM,GACJ,OAAO,CAMnB;AAED;;;;;;;GAOG;AACH,0CAHW,MAAM,GACJ,OAAO,CAQnB;AAaD;;;;;;;;;;;;;;;;GAgBG;AACH,+CALW,OAAO,SACP,GAAG,CAAC,OAAO,CAAC,GAEV,OAAO,CAAC,MAAM,CAAC,CA8Q3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,2HAVG;IAAgE,KAAK,EAA7D,YAAY,CAAC,cAAc,aAAa,EAAE,OAAO,CAAC;IACL,MAAM,EAAnD,OAAO,eAAe,EAAE,eAAe;IACW,IAAI,EAAtD,OAAO,aAAa,EAAE,sBAAsB;IACxB,IAAI,EAAxB,cAAc;IACM,OAAO,EAA3B,cAAc;IACD,aAAa;IACI,oBAAoB;IACrC,KAAK,EAAlB,OAAO;CACf,GAAU,OAAO,CAAC,IAAI,CAAC,CAiCzB;AAED;;;;;;;;;;;;;;GAcG;AACH,2HAVG;IAAgE,KAAK,EAA7D,YAAY,CAAC,cAAc,aAAa,EAAE,OAAO,CAAC;IACL,MAAM,EAAnD,OAAO,eAAe,EAAE,eAAe;IACW,IAAI,EAAtD,OAAO,aAAa,EAAE,sBAAsB;IACxB,IAAI,EAAxB,cAAc;IACM,OAAO,EAA3B,cAAc;IACD,aAAa;IACI,oBAAoB;IACrC,QAAQ,EAArB,OAAO;CACf,GAAU,OAAO,CAAC,IAAI,CAAC,CA+JzB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@es-joy/jsoe",
-  "version": "0.30.0",
+  "version": "0.32.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./src/index.js",
@@ -53,7 +53,7 @@
     "style-mod": "^4.1.3",
     "typeson-registry": "14.6.1",
     "w3c-keyname": "^2.2.8",
-    "zod": "^4.6.4",
+    "zod": "^4.6.5",
     "zodexy": "^0.32.0"
   },
   "devDependencies": {
@@ -85,7 +85,7 @@
     "nyc": "^18.0.0",
     "open-cli": "^9.0.0",
     "rimraf": "^6.1.3",
-    "rollup": "4.63.2",
+    "rollup": "4.63.3",
     "rollup-plugin-istanbul": "^5.0.0",
     "rollup-plugin-node-builtins": "^2.1.2",
     "typescript": "^6.0.3",

package/pnpm-workspace.yaml

@@ -16,33 +16,33 @@ minimumReleaseAgeExclude:
   - zodexy@0.21.1 || 0.21.2 || 0.22.0 || 0.23.0 || 0.24.0 || 0.24.1 || 0.25.0 || 0.26.0 || 0.26.1 || 0.27.0 || 0.30.0 || 0.30.1 || 0.31.0 || 0.31.1 || 0.32.0
   - typeson-registry@13.0.1 || 13.1.0 || 14.4.0 || 14.5.0
   - typeson@10.1.1 || 10.2.0 || 10.3.0
-  - '@rollup/rollup-android-arm-eabi@4.63.1 || 4.63.2'
-  - '@rollup/rollup-android-arm64@4.63.1 || 4.63.2'
-  - '@rollup/rollup-darwin-arm64@4.63.1 || 4.63.2'
-  - '@rollup/rollup-darwin-x64@4.63.1 || 4.63.2'
-  - '@rollup/rollup-freebsd-arm64@4.63.1 || 4.63.2'
-  - '@rollup/rollup-freebsd-x64@4.63.1 || 4.63.2'
-  - '@rollup/rollup-linux-arm-gnueabihf@4.63.1 || 4.63.2'
-  - '@rollup/rollup-linux-arm-musleabihf@4.63.1 || 4.63.2'
-  - '@rollup/rollup-linux-arm64-gnu@4.63.1 || 4.63.2'
-  - '@rollup/rollup-linux-arm64-musl@4.63.1 || 4.63.2'
-  - '@rollup/rollup-linux-loong64-gnu@4.63.1 || 4.63.2'
-  - '@rollup/rollup-linux-loong64-musl@4.63.1 || 4.63.2'
-  - '@rollup/rollup-linux-ppc64-gnu@4.63.1 || 4.63.2'
-  - '@rollup/rollup-linux-ppc64-musl@4.63.1 || 4.63.2'
-  - '@rollup/rollup-linux-riscv64-gnu@4.63.1 || 4.63.2'
-  - '@rollup/rollup-linux-riscv64-musl@4.63.1 || 4.63.2'
-  - '@rollup/rollup-linux-s390x-gnu@4.63.1 || 4.63.2'
-  - '@rollup/rollup-linux-x64-gnu@4.63.1 || 4.63.2'
-  - '@rollup/rollup-linux-x64-musl@4.63.1 || 4.63.2'
-  - '@rollup/rollup-openbsd-x64@4.63.1 || 4.63.2'
-  - '@rollup/rollup-openharmony-arm64@4.63.1 || 4.63.2'
-  - '@rollup/rollup-win32-arm64-msvc@4.63.1 || 4.63.2'
-  - '@rollup/rollup-win32-ia32-msvc@4.63.1 || 4.63.2'
-  - '@rollup/rollup-win32-x64-gnu@4.63.1 || 4.63.2'
-  - '@rollup/rollup-win32-x64-msvc@4.63.1 || 4.63.2'
+  - '@rollup/rollup-android-arm-eabi@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-android-arm64@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-darwin-arm64@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-darwin-x64@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-freebsd-arm64@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-freebsd-x64@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-linux-arm-gnueabihf@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-linux-arm-musleabihf@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-linux-arm64-gnu@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-linux-arm64-musl@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-linux-loong64-gnu@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-linux-loong64-musl@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-linux-ppc64-gnu@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-linux-ppc64-musl@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-linux-riscv64-gnu@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-linux-riscv64-musl@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-linux-s390x-gnu@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-linux-x64-gnu@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-linux-x64-musl@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-openbsd-x64@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-openharmony-arm64@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-win32-arm64-msvc@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-win32-ia32-msvc@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-win32-x64-gnu@4.63.1 || 4.63.2 || 4.63.3'
+  - '@rollup/rollup-win32-x64-msvc@4.63.1 || 4.63.2 || 4.63.3'
   - eslint-plugin-escompat@3.11.6 || 3.12.0
-  - rollup@4.63.1 || 4.63.2
+  - rollup@4.63.1 || 4.63.2 || 4.63.3
   - zod@4.5.2 || 4.5.4 || 4.6.1 || 4.6.3 || 4.6.4
   - '@typescript-eslint/eslint-plugin@8.69.0'
   - '@typescript-eslint/parser@8.69.0'

package/src/search/fundamentalTypes/arraySearchType.js

@@ -1,10 +1,13 @@
 import {
-  buildPathLabel, buildLengthSizeControls, readLengthSizeQuery,
-  buildOptInFieldset, readOptInChecked, wireOptInFieldset,
-  buildAtLeastOneSentinel, syncAtLeastOneCheck
+  buildPathLabel, buildLengthSizeControls, readLengthSizeQuery, applyLengthSizeQuery,
+  buildOptInFieldset, readOptInChecked, wireOptInFieldset, applyOptIn,
+  buildAtLeastOneSentinel, syncAtLeastOneCheck, extractLeafOfKind
 } from '../searchUtils.js';
 import {combineAnd} from '../queryTreeBuilders.js';
-import {findSearchElement, getQueryViaElement, hasGetQuery} from '../searchElementUtils.js';
+import {
+  findSearchElement, getQueryViaElement, hasGetQuery,
+  applyQueryViaElement, hasApplyQuery
+} from '../searchElementUtils.js';
 import {buildSearchWidget} from '../searchDispatch.js';
 
 /**
@@ -79,6 +82,25 @@ const arraySearchType = {
             ? elementEl.getQuery()
             : undefined;
           return combineAnd([lengthLeaf, elementLeaf]);
+        },
+        /**
+         * @this {HTMLElement}
+         * @param {import('../queryTree.js').QueryNode|undefined} queryNode
+         * @returns {void}
+         */
+        applyQuery (queryNode) {
+          const searchPath = this.dataset.searchPath ?? '';
+          const {matched: lengthLeaf, rest} = extractLeafOfKind(queryNode, 'lengthSize');
+          applyLengthSizeQuery(this, lengthLeaf);
+          // Whatever's left (0 or 1 clauses, `combineAnd` only ever having
+          // combined the length/size leaf with the recursed element's own
+          // subtree) belongs to the element widget.
+          applyOptIn(this, rest !== undefined, '');
+          const elementEl = findSearchElement(this, `${searchPath}/*`);
+          if (elementEl && hasApplyQuery(elementEl)) {
+            elementEl.applyQuery(rest);
+          }
+          syncArrayValidity(this);
         }
       }
     }, [
@@ -95,7 +117,8 @@ const arraySearchType = {
       buildAtLeastOneSentinel()
     ]];
   },
-  getQuery: getQueryViaElement
+  getQuery: getQueryViaElement,
+  applyQuery: applyQueryViaElement
 };
 
 export default arraySearchType;

package/src/search/fundamentalTypes/bigintSearchType.js

@@ -1,8 +1,9 @@
 import {
-  buildPathLabel, buildRangeInputsPair, readRangeInputsPair, syncRangeValidity
+  buildPathLabel, buildRangeInputsPair, readRangeInputsPair, syncRangeValidity,
+  applyRangeQuery, extractLeafOfKind
 } from '../searchUtils.js';
 import {makeRangeLeaf} from '../queryTreeBuilders.js';
-import {getQueryViaElement} from '../searchElementUtils.js';
+import {getQueryViaElement, applyQueryViaElement} from '../searchElementUtils.js';
 
 /**
  * @typedef {import('../searchDispatch.js').SearchTypeObject} SearchTypeObject
@@ -55,6 +56,15 @@ const bigintSearchType = {
             ...($gte === undefined ? {} : {$gte}),
             ...($lte === undefined ? {} : {$lte})
           });
+        },
+        /**
+         * @this {HTMLElement}
+         * @param {import('../queryTree.js').QueryNode|undefined} queryNode
+         * @returns {void}
+         */
+        applyQuery (queryNode) {
+          const {matched} = extractLeafOfKind(queryNode, 'range');
+          applyRangeQuery(this, matched);
         }
       }
     }, [
@@ -62,7 +72,8 @@ const bigintSearchType = {
       ...buildRangeInputsPair({name, type: 'text'})
     ]];
   },
-  getQuery: getQueryViaElement
+  getQuery: getQueryViaElement,
+  applyQuery: applyQueryViaElement
 };
 
 export default bigintSearchType;

package/src/search/fundamentalTypes/blobSearchType.js

@@ -1,5 +1,7 @@
-import {buildPathLabel, buildLiteralRegexControls, readLiteralRegexQuery} from '../searchUtils.js';
-import {getQueryViaElement} from '../searchElementUtils.js';
+import {
+  buildPathLabel, buildLiteralRegexControls, readLiteralRegexQuery, applyLiteralRegexQuery
+} from '../searchUtils.js';
+import {getQueryViaElement, applyQueryViaElement} from '../searchElementUtils.js';
 import regexpType from '../../fundamentalTypes/regexpType.js';
 
 /**
@@ -29,6 +31,21 @@ const blobSearchType = {
         /** @this {HTMLElement} */
         getQuery () {
           return readLiteralRegexQuery(this, this.dataset.searchPath ?? '');
+        },
+        /**
+         * @this {HTMLElement}
+         * @param {import('../queryTree.js').QueryNode|undefined} queryNode
+         * @returns {void}
+         */
+        applyQuery (queryNode) {
+          const leaf = queryNode && '$and' in queryNode ? queryNode.$and[0] : queryNode;
+          applyLiteralRegexQuery(
+            this,
+            /**
+             * @type {import('../queryTree.js').QueryLiteralSetLeaf|
+             *import('../queryTree.js').QueryRegexLeaf|
+              import('../queryTree.js').QueryNotContainsLeaf|undefined} */ (leaf)
+          );
         }
       }
     }, [
@@ -36,7 +53,8 @@ const blobSearchType = {
       buildLiteralRegexControls({name, flagOptions: regexpType.allowedFlags})
     ]];
   },
-  getQuery: getQueryViaElement
+  getQuery: getQueryViaElement,
+  applyQuery: applyQueryViaElement
 };
 
 export default blobSearchType;

package/src/search/fundamentalTypes/booleanSearchType.js

@@ -1,6 +1,8 @@
-import {buildPathLabel, buildTriStateSelect, readTriStateSelect} from '../searchUtils.js';
+import {
+  buildPathLabel, buildTriStateSelect, readTriStateSelect, applyTriState, extractLeafOfKind
+} from '../searchUtils.js';
 import {makeBooleanEqualsLeaf} from '../queryTreeBuilders.js';
-import {getQueryViaElement} from '../searchElementUtils.js';
+import {getQueryViaElement, applyQueryViaElement} from '../searchElementUtils.js';
 
 /**
  * @typedef {import('../searchDispatch.js').SearchTypeObject} SearchTypeObject
@@ -24,6 +26,15 @@ const booleanSearchType = {
           return value === undefined
             ? undefined
             : makeBooleanEqualsLeaf(this.dataset.searchPath ?? '', value);
+        },
+        /**
+         * @this {HTMLElement}
+         * @param {import('../queryTree.js').QueryNode|undefined} queryNode
+         * @returns {void}
+         */
+        applyQuery (queryNode) {
+          const {matched} = extractLeafOfKind(queryNode, 'booleanEquals');
+          applyTriState(this, matched?.value);
         }
       }
     }, [
@@ -34,7 +45,8 @@ const booleanSearchType = {
       ]]
     ]];
   },
-  getQuery: getQueryViaElement
+  getQuery: getQueryViaElement,
+  applyQuery: applyQueryViaElement
 };
 
 export default booleanSearchType;

package/src/search/fundamentalTypes/catchSearchType.js

@@ -1,6 +1,9 @@
-import {buildPathLabel} from '../searchUtils.js';
+import {buildPathLabel, extractLeafOfKind} from '../searchUtils.js';
 import {makePassThroughLeaf} from '../queryTreeBuilders.js';
-import {findSearchElement, getQueryViaElement, hasGetQuery} from '../searchElementUtils.js';
+import {
+  findSearchElement, getQueryViaElement, hasGetQuery,
+  applyQueryViaElement, hasApplyQuery
+} from '../searchElementUtils.js';
 import {buildSearchWidget} from '../searchDispatch.js';
 
 /**
@@ -46,6 +49,19 @@ const catchSearchType = {
           return childQuery === undefined
             ? undefined
             : makePassThroughLeaf(searchPath, childQuery);
+        },
+        /**
+         * @this {HTMLElement}
+         * @param {import('../queryTree.js').QueryNode|undefined} queryNode
+         * @returns {void}
+         */
+        applyQuery (queryNode) {
+          const {matched} = extractLeafOfKind(queryNode, 'passThrough');
+          const searchPath = this.dataset.searchPath ?? '';
+          const childEl = findSearchElement(this, searchPath);
+          if (childEl && hasApplyQuery(childEl)) {
+            childEl.applyQuery(matched?.query);
+          }
         }
       }
     }, [
@@ -53,7 +69,8 @@ const catchSearchType = {
       childArr
     ]];
   },
-  getQuery: getQueryViaElement
+  getQuery: getQueryViaElement,
+  applyQuery: applyQueryViaElement
 };
 
 export default catchSearchType;

package/src/search/fundamentalTypes/dateSearchType.js

@@ -1,9 +1,10 @@
 import {buildDateInputControl} from '../../fundamentalTypes/dateType.js';
 import {
-  buildPathLabel, buildTriStateSelect, readTriStateSelect, isExemptedByAncestorHasProperty
+  buildPathLabel, buildTriStateSelect, readTriStateSelect, isExemptedByAncestorHasProperty,
+  applyTriState, extractLeafOfKind
 } from '../searchUtils.js';
 import {makeRangeLeaf, makeValidDateCheckLeaf, combineAnd} from '../queryTreeBuilders.js';
-import {getQueryViaElement} from '../searchElementUtils.js';
+import {getQueryViaElement, applyQueryViaElement} from '../searchElementUtils.js';
 
 /**
  * @typedef {import('../searchDispatch.js').SearchTypeObject} SearchTypeObject
@@ -80,6 +81,25 @@ function validateRange () {
   lteInput.setCustomValidity(lteMessage);
 }
 
+/**
+ * The inverse of `readInputs` - `undefined` clears a bound, mirroring
+ * `dateType.js`'s own ISO-slicing convention (`toISOString().slice(0, -8)`)
+ * used to seed a `datetime-local` input's value from a real `Date`.
+ * @param {Element} el
+ * @param {string|undefined} gte
+ * @param {string|undefined} lte
+ * @returns {void}
+ */
+function applyInputs (el, gte, lte) {
+  const [gteInput, lteInput] = /** @type {HTMLInputElement[]} */ (
+    [...el.querySelectorAll('input[type="datetime-local"]')]
+  );
+  gteInput.value = gte === undefined ? '' : new Date(gte).toISOString().slice(0, -8);
+  lteInput.value = lte === undefined ? '' : new Date(lte).toISOString().slice(0, -8);
+  gteInput.dispatchEvent(new Event('input'));
+  lteInput.dispatchEvent(new Event('input'));
+}
+
 /**
  * OR date range/Is Not Range, Is/Is not a valid date (README) -
  * `dateType.js`'s own `buildDateInputControl` is reused twice (range start/
@@ -121,6 +141,24 @@ const dateSearchType = {
               ...(lte ? {$lte: new Date(lte).toISOString()} : {})
             });
           return combineAnd([validLeaf, rangeLeaf]);
+        },
+        /**
+         * @this {HTMLElement}
+         * @param {import('../queryTree.js').QueryNode|undefined} queryNode
+         * @returns {void}
+         */
+        applyQuery (queryNode) {
+          const {matched: validLeaf} = extractLeafOfKind(queryNode, 'validDateCheck');
+          // Dispatches `change`, which runs the tri-state's own `onChange`
+          // (toggling the range fieldset's `disabled` state and re-running
+          // `validateRange`) before the range inputs below are set.
+          applyTriState(this, validLeaf?.isValid, 'valid');
+          const {matched: rangeLeaf} = extractLeafOfKind(queryNode, 'range');
+          applyInputs(
+            this,
+            /** @type {string|undefined} */ (rangeLeaf?.$gte),
+            /** @type {string|undefined} */ (rangeLeaf?.$lte)
+          );
         }
       }
     }, [
@@ -160,7 +198,8 @@ const dateSearchType = {
       ]]
     ]];
   },
-  getQuery: getQueryViaElement
+  getQuery: getQueryViaElement,
+  applyQuery: applyQueryViaElement
 };
 
 export default dateSearchType;

package/src/search/fundamentalTypes/domexceptionSearchType.js

@@ -1,11 +1,12 @@
 import {domExceptionNames} from '../../fundamentalTypes/domexceptionType.js';
 import {
-  buildPathLabel, buildMultiSelect, readMultiSelect, buildLiteralRegexControls,
+  buildPathLabel, buildMultiSelect, readMultiSelect, applyMultiSelect,
+  buildLiteralRegexControls,
   readLiteralRegexQuery, buildOptInFieldset, readOptInChecked, wireOptInFieldset,
-  buildAtLeastOneSentinel, syncAtLeastOneCheck
+  buildAtLeastOneSentinel, syncAtLeastOneCheck, extractLeafOfKind, applyOptInLiteralRegexFacet
 } from '../searchUtils.js';
 import {makeMultiSelectLeaf, combineAnd} from '../queryTreeBuilders.js';
-import {getQueryViaElement} from '../searchElementUtils.js';
+import {getQueryViaElement, applyQueryViaElement} from '../searchElementUtils.js';
 import regexpType from '../../fundamentalTypes/regexpType.js';
 
 /**
@@ -61,6 +62,18 @@ const domexceptionSearchType = {
             ? readLiteralRegexQuery(this, `${searchPath}/message`, 'message')
             : undefined;
           return combineAnd([nameLeaf, messageLeaf]);
+        },
+        /**
+         * @this {HTMLElement}
+         * @param {import('../queryTree.js').QueryNode|undefined} queryNode
+         * @returns {void}
+         */
+        applyQuery (queryNode) {
+          const searchPath = this.dataset.searchPath ?? '';
+          const {matched: nameLeaf} = extractLeafOfKind(queryNode, 'multiSelect');
+          applyMultiSelect(this, nameLeaf?.$in ?? []);
+          applyOptInLiteralRegexFacet(this, queryNode, `${searchPath}/message`, 'message');
+          syncDomexceptionValidity(this);
         }
       }
     }, [
@@ -78,7 +91,8 @@ const domexceptionSearchType = {
       buildAtLeastOneSentinel()
     ]];
   },
-  getQuery: getQueryViaElement
+  getQuery: getQueryViaElement,
+  applyQuery: applyQueryViaElement
 };
 
 export default domexceptionSearchType;

package/src/search/fundamentalTypes/enumSearchType.js

@@ -1,6 +1,8 @@
-import {buildPathLabel, buildMultiSelect, readMultiSelect} from '../searchUtils.js';
+import {
+  buildPathLabel, buildMultiSelect, readMultiSelect, applyMultiSelect, extractLeafOfKind
+} from '../searchUtils.js';
 import {makeMultiSelectLeaf} from '../queryTreeBuilders.js';
-import {getQueryViaElement} from '../searchElementUtils.js';
+import {getQueryViaElement, applyQueryViaElement} from '../searchElementUtils.js';
 
 /**
  * @typedef {import('../searchDispatch.js').SearchTypeObject} SearchTypeObject
@@ -49,6 +51,15 @@ const enumSearchType = {
           return selected.length
             ? makeMultiSelectLeaf(this.dataset.searchPath ?? '', {$in: selected})
             : undefined;
+        },
+        /**
+         * @this {HTMLElement}
+         * @param {import('../queryTree.js').QueryNode|undefined} queryNode
+         * @returns {void}
+         */
+        applyQuery (queryNode) {
+          const {matched} = extractLeafOfKind(queryNode, 'multiSelect');
+          applyMultiSelect(this, matched?.$in ?? []);
         }
       }
     }, [
@@ -56,7 +67,8 @@ const enumSearchType = {
       buildMultiSelect({name, options, required: true})
     ]];
   },
-  getQuery: getQueryViaElement
+  getQuery: getQueryViaElement,
+  applyQuery: applyQueryViaElement
 };
 
 export default enumSearchType;

package/src/search/fundamentalTypes/fileSearchType.js

@@ -1,10 +1,10 @@
 import {
   buildPathLabel, buildLiteralRegexControls, readLiteralRegexQuery,
   buildOptInFieldset, readOptInChecked, wireOptInFieldset,
-  buildAtLeastOneSentinel, syncAtLeastOneCheck
+  buildAtLeastOneSentinel, syncAtLeastOneCheck, applyOptInLiteralRegexFacet
 } from '../searchUtils.js';
 import {combineAnd} from '../queryTreeBuilders.js';
-import {getQueryViaElement} from '../searchElementUtils.js';
+import {getQueryViaElement, applyQueryViaElement} from '../searchElementUtils.js';
 import regexpType from '../../fundamentalTypes/regexpType.js';
 
 /**
@@ -69,6 +69,17 @@ const fileSearchType = {
             ? readLiteralRegexQuery(this, `${searchPath}/type`, 'type')
             : undefined;
           return combineAnd([nameLeaf, typeLeaf]);
+        },
+        /**
+         * @this {HTMLElement}
+         * @param {import('../queryTree.js').QueryNode|undefined} queryNode
+         * @returns {void}
+         */
+        applyQuery (queryNode) {
+          const searchPath = this.dataset.searchPath ?? '';
+          applyOptInLiteralRegexFacet(this, queryNode, `${searchPath}/name`, 'name');
+          applyOptInLiteralRegexFacet(this, queryNode, `${searchPath}/type`, 'type');
+          syncFileValidity(this);
         }
       }
     }, [
@@ -88,7 +99,8 @@ const fileSearchType = {
       buildAtLeastOneSentinel()
     ]];
   },
-  getQuery: getQueryViaElement
+  getQuery: getQueryViaElement,
+  applyQuery: applyQueryViaElement
 };
 
 export default fileSearchType;

package/src/search/fundamentalTypes/filelistSearchType.js

@@ -1,10 +1,13 @@
 import {
-  buildPathLabel, buildLengthSizeControls, readLengthSizeQuery,
-  buildOptInFieldset, readOptInChecked, wireOptInFieldset,
-  buildAtLeastOneSentinel, syncAtLeastOneCheck
+  buildPathLabel, buildLengthSizeControls, readLengthSizeQuery, applyLengthSizeQuery,
+  buildOptInFieldset, readOptInChecked, wireOptInFieldset, applyOptIn,
+  buildAtLeastOneSentinel, syncAtLeastOneCheck, extractLeafOfKind
 } from '../searchUtils.js';
 import {combineAnd} from '../queryTreeBuilders.js';
-import {findSearchElement, getQueryViaElement, hasGetQuery} from '../searchElementUtils.js';
+import {
+  findSearchElement, getQueryViaElement, hasGetQuery,
+  applyQueryViaElement, hasApplyQuery
+} from '../searchElementUtils.js';
 import {buildSearchWidget} from '../searchDispatch.js';
 
 /**
@@ -81,6 +84,22 @@ const filelistSearchType = {
             ? elementEl.getQuery()
             : undefined;
           return combineAnd([lengthLeaf, elementLeaf]);
+        },
+        /**
+         * @this {HTMLElement}
+         * @param {import('../queryTree.js').QueryNode|undefined} queryNode
+         * @returns {void}
+         */
+        applyQuery (queryNode) {
+          const searchPath = this.dataset.searchPath ?? '';
+          const {matched: lengthLeaf, rest} = extractLeafOfKind(queryNode, 'lengthSize');
+          applyLengthSizeQuery(this, lengthLeaf);
+          applyOptIn(this, rest !== undefined, '');
+          const elementEl = findSearchElement(this, `${searchPath}/*`);
+          if (elementEl && hasApplyQuery(elementEl)) {
+            elementEl.applyQuery(rest);
+          }
+          syncFilelistValidity(this);
         }
       }
     }, [
@@ -97,7 +116,8 @@ const filelistSearchType = {
       buildAtLeastOneSentinel()
     ]];
   },
-  getQuery: getQueryViaElement
+  getQuery: getQueryViaElement,
+  applyQuery: applyQueryViaElement
 };
 
 export default filelistSearchType;

package/src/search/fundamentalTypes/functionSearchType.js

@@ -1,9 +1,12 @@
 import {
-  buildPathLabel, buildOptInFieldset, readOptInChecked, wireOptInFieldset,
-  buildAtLeastOneSentinel, syncAtLeastOneCheck
+  buildPathLabel, buildOptInFieldset, readOptInChecked, wireOptInFieldset, applyOptIn,
+  buildAtLeastOneSentinel, syncAtLeastOneCheck, extractClauseForPath
 } from '../searchUtils.js';
 import {combineAnd} from '../queryTreeBuilders.js';
-import {findSearchElement, getQueryViaElement, hasGetQuery} from '../searchElementUtils.js';
+import {
+  findSearchElement, getQueryViaElement, hasGetQuery,
+  applyQueryViaElement, hasApplyQuery
+} from '../searchElementUtils.js';
 import {buildSearchWidget} from '../searchDispatch.js';
 
 /**
@@ -82,6 +85,29 @@ const functionSearchType = {
             ? outputEl.getQuery()
             : undefined;
           return combineAnd([argsQuery, outputQuery]);
+        },
+        /**
+         * @this {HTMLElement}
+         * @param {import('../queryTree.js').QueryNode|undefined} queryNode
+         * @returns {void}
+         */
+        applyQuery (queryNode) {
+          const searchPath = this.dataset.searchPath ?? '';
+          const argsPath = `${searchPath}/*args`;
+          const outputPath = `${searchPath}/*output`;
+          const {matched: argsMatched, rest} = extractClauseForPath(queryNode, argsPath);
+          const {matched: outputMatched} = extractClauseForPath(rest, outputPath);
+          applyOptIn(this, argsMatched !== undefined, 'args');
+          applyOptIn(this, outputMatched !== undefined, 'output');
+          const argsEl = findSearchElement(this, argsPath);
+          if (argsEl && hasApplyQuery(argsEl)) {
+            argsEl.applyQuery(argsMatched);
+          }
+          const outputEl = findSearchElement(this, outputPath);
+          if (outputEl && hasApplyQuery(outputEl)) {
+            outputEl.applyQuery(outputMatched);
+          }
+          syncFunctionValidity(this);
         }
       }
     }, [
@@ -96,7 +122,8 @@ const functionSearchType = {
       buildAtLeastOneSentinel()
     ]];
   },
-  getQuery: getQueryViaElement
+  getQuery: getQueryViaElement,
+  applyQuery: applyQueryViaElement
 };
 
 export default functionSearchType;

package/src/search/fundamentalTypes/mapSearchType.js

@@ -1,10 +1,14 @@
 import {
-  buildPathLabel, buildCheckbox, readCheckbox, buildLengthSizeControls,
-  readLengthSizeQuery, buildOptInFieldset, readOptInChecked, wireOptInFieldset,
-  buildAtLeastOneSentinel, syncAtLeastOneCheck
+  buildPathLabel, buildCheckbox, readCheckbox, applyCheckbox, buildLengthSizeControls,
+  readLengthSizeQuery, applyLengthSizeQuery,
+  buildOptInFieldset, readOptInChecked, wireOptInFieldset, applyOptIn,
+  buildAtLeastOneSentinel, syncAtLeastOneCheck, extractLeafOfKind
 } from '../searchUtils.js';
 import {makeMapRecordJointLeaf, combineAnd} from '../queryTreeBuilders.js';
-import {findSearchElement, getQueryViaElement, hasGetQuery} from '../searchElementUtils.js';
+import {
+  findSearchElement, getQueryViaElement, hasGetQuery,
+  applyQueryViaElement, hasApplyQuery
+} from '../searchElementUtils.js';
 import {buildSearchWidget} from '../searchDispatch.js';
 
 /**
@@ -94,6 +98,29 @@ const mapSearchType = {
             ? makeMapRecordJointLeaf(searchPath, readCheckbox(this), keyQuery, valueQuery)
             : undefined;
           return combineAnd([lengthLeaf, jointLeaf]);
+        },
+        /**
+         * @this {HTMLElement}
+         * @param {import('../queryTree.js').QueryNode|undefined} queryNode
+         * @returns {void}
+         */
+        applyQuery (queryNode) {
+          const searchPath = this.dataset.searchPath ?? '';
+          const {matched: lengthLeaf, rest} = extractLeafOfKind(queryNode, 'lengthSize');
+          applyLengthSizeQuery(this, lengthLeaf);
+          const {matched: jointLeaf} = extractLeafOfKind(rest, 'mapRecordJoint');
+          applyCheckbox(this, Boolean(jointLeaf?.joint));
+          applyOptIn(this, jointLeaf?.keyQuery !== undefined, 'key');
+          applyOptIn(this, jointLeaf?.valueQuery !== undefined, 'value');
+          const keyEl = findSearchElement(this, `${searchPath}/*key`);
+          if (keyEl && hasApplyQuery(keyEl)) {
+            keyEl.applyQuery(jointLeaf?.keyQuery);
+          }
+          const valueEl = findSearchElement(this, `${searchPath}/*value`);
+          if (valueEl && hasApplyQuery(valueEl)) {
+            valueEl.applyQuery(jointLeaf?.valueQuery);
+          }
+          syncMapValidity(this);
         }
       }
     }, [
@@ -111,7 +138,8 @@ const mapSearchType = {
       buildAtLeastOneSentinel()
     ]];
   },
-  getQuery: getQueryViaElement
+  getQuery: getQueryViaElement,
+  applyQuery: applyQueryViaElement
 };
 
 export default mapSearchType;