@flanksource/clicky-ui 0.3.40 → 0.3.42

package/dist/components/json-schema-form-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-layout.js","sources":["../../src/components/json-schema-form-layout.tsx"],"sourcesContent":["import { useContext, type ReactNode } from \"react\";\nimport { PropertiesContext } from \"../data/properties-context\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, LabelIcon, type LabelIconSpec } from \"../data/Icon\";\nimport { UiQuestion } from \"../icons\";\nimport { HoverCard } from \"../overlay/HoverCard\";\nimport type {\n  FieldControl,\n  FormLayout,\n  GridColumns,\n  HelpDisplay,\n} from \"./json-schema-form-types\";\nimport { DEFAULT_COLUMN_MIN_WIDTH } from \"./json-schema-form-utils\";\nimport {\n  controlMinHeightClass,\n  fieldInnerGapClass,\n  inlineRowGapClass,\n  labelSizeClass,\n  stackedRowGapClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\n\n// FieldsGrid is the container every group of field rows renders into — the\n// top-level form and each nested object/map. In inline mode it owns the single\n// 2-column track definition: `fit-content(labelMaxWidth)` for the label column,\n// `minmax(0, valueMaxWidth)` for the value column. Every field row is a\n// `subgrid` that inherits these tracks, so all labels share one column width and\n// every value lines up — a real form grid, not per-row independent grids.\n// (`fit-content()` is the only valid CSS for \"size to content, clamped to a max\"\n// — `min(w, max-content)` is rejected by the browser, which silently drops the\n// whole declaration and collapses every row to a stacked-looking column. The\n// template is an inline style because Tailwind can't interpolate runtime widths.)\n// Stacked mode is a plain single-column grid.\nexport function FieldsGrid({\n  layout,\n  size,\n  columns,\n  columnMinWidth,\n  columnsMaxWidth,\n  className,\n  children,\n}: {\n  layout: FormLayout;\n  size: FormSize;\n  // Object-level `x-columns`: split a stacked object into N equal columns, or\n  // \"auto\" to fit as many `columnMinWidth`-wide columns as the container allows.\n  // Fields span one column unless they set `x-col-span`. Ignored in inline mode\n  // (which owns its own 2-track label/value layout).\n  columns?: GridColumns;\n  // `x-columns: \"auto\"` only: the minmax() floor for one column, and an optional\n  // cap on the whole grid so controls don't stretch edge to edge on a wide\n  // screen. CSS lengths, applied inline — a runtime width can't be a Tailwind\n  // arbitrary class, because the scanner never sees it.\n  columnMinWidth?: string;\n  columnsMaxWidth?: string;\n  // Object-level `x-classes`: extra classes merged onto the grid container\n  // (e.g. `gap-2`, padding). Applied last so a standard utility wins over the\n  // defaults via tailwind-merge.\n  className?: string;\n  children: ReactNode;\n}) {\n  const propertiesParent = useContext(PropertiesContext);\n  if (layout.mode === \"properties\") {\n    return (\n      <div\n        className={cn(\n          \"min-w-0 overflow-hidden rounded-md border border-border\",\n          propertiesParent &&\n            \"col-span-full grid grid-cols-subgrid rounded-none border-0\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (layout.mode === \"inline\") {\n    const labelMaxWidth = layout.labelMaxWidth ?? \"40ch\";\n    const valueMaxWidth = layout.valueMaxWidth ?? \"600px\";\n    return (\n      <div\n        className={cn(\"grid\", inlineRowGapClass[size], className)}\n        style={{\n          gridTemplateColumns: `fit-content(${labelMaxWidth}) minmax(0, ${valueMaxWidth})`,\n        }}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (columns === \"auto\") {\n    return (\n      <div\n        className={cn(\"grid gap-x-4\", stackedRowGapClass[size], className)}\n        style={{\n          gridTemplateColumns: `repeat(auto-fill, minmax(${columnMinWidth ?? DEFAULT_COLUMN_MIN_WIDTH}, 1fr))`,\n          ...(columnsMaxWidth ? { maxWidth: columnsMaxWidth } : {}),\n        }}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (columns && columns > 1) {\n    return (\n      <div\n        className={cn(\"grid gap-x-3\", stackedRowGapClass[size], className)}\n        style={{ gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }}\n      >\n        {children}\n      </div>\n    );\n  }\n  return (\n    <div className={cn(\"grid\", stackedRowGapClass[size], className)}>\n      {children}\n    </div>\n  );\n}\n\n// FieldWrapper lays out a single label + value (+ helper/error). In inline mode\n// it is a `subgrid` row spanning the parent FieldsGrid's two columns, so its\n// label and value snap to the shared label/value tracks (helper/error sit under\n// the value column). In stacked mode the label sits tight above its control as\n// one unit, capped at valueMaxWidth so controls don't stretch edge to edge.\nexport function FieldWrapper({\n  label,\n  value,\n  helper,\n  error,\n  layout,\n  size,\n  maxWidth,\n}: {\n  label: ReactNode;\n  value: ReactNode;\n  helper?: ReactNode;\n  error?: ReactNode;\n  layout: FormLayout;\n  size: FormSize;\n  // Overrides the stacked value-width cap. A field spanning the full row of a\n  // multi-column grid passes \"none\", so it actually fills the row it was given\n  // instead of stopping at the shared 600px cap.\n  maxWidth?: string;\n}) {\n  if (layout.mode === \"inline\") {\n    return (\n      <div className=\"col-span-2 grid grid-cols-subgrid items-start gap-x-3 gap-y-0.5\">\n        <div\n          className={cn(\n            \"flex min-w-0 items-center\",\n            controlMinHeightClass[size],\n          )}\n        >\n          {label}\n        </div>\n        <div className=\"min-w-0\">{value}</div>\n        {helper && (\n          <p className=\"col-start-2 text-xs text-muted-foreground\">{helper}</p>\n        )}\n        {error && (\n          <p className=\"col-start-2 text-xs text-destructive\">{error}</p>\n        )}\n      </div>\n    );\n  }\n  return (\n    <div\n      className=\"flex w-full flex-col gap-1\"\n      style={{ maxWidth: maxWidth ?? layout.valueMaxWidth ?? \"600px\" }}\n    >\n      {label}\n      {value}\n      {helper && <p className=\"text-xs text-muted-foreground\">{helper}</p>}\n      {error && <p className=\"text-xs text-destructive\">{error}</p>}\n    </div>\n  );\n}\n\nexport function FieldLabel({\n  field,\n  fieldId,\n  size,\n  helpDisplay,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  size: FormSize;\n  // When \"hover\", the description rides on the label as a `?` instead of being\n  // rendered as a paragraph under the control by FieldWrapper.\n  helpDisplay?: HelpDisplay;\n}) {\n  return (\n    <label\n      htmlFor={fieldId}\n      className={cn(\n        \"flex min-w-0 items-center gap-2 font-medium\",\n        labelSizeClass[size],\n        field.labelClassName,\n      )}\n    >\n      <LabelIcon\n        icon={field.labelIcon}\n        className=\"shrink-0 text-[15px] text-muted-foreground\"\n      />\n      <span\n        className=\"truncate\"\n        title={field.label !== field.key ? field.key : undefined}\n      >\n        {field.label}\n      </span>\n      {field.required && <span className=\"shrink-0 text-destructive\">*</span>}\n      {field.badge && (\n        <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n          {field.badge}\n        </span>\n      )}\n      {helpDisplay === \"hover\" && field.helper && (\n        <HelpHint label={field.label} helper={field.helper} />\n      )}\n    </label>\n  );\n}\n\n// HelpHint is the `?` affordance that replaces a permanent description\n// paragraph. HoverCard opens on focus as well as hover, so the text stays\n// reachable from the keyboard rather than being mouse-only.\nexport function HelpHint({ label, helper }: { label: string; helper: string }) {\n  return (\n    <HoverCard\n      placement=\"top\"\n      trigger={\n        <button\n          type=\"button\"\n          aria-label={`About ${label}`}\n          className=\"shrink-0 cursor-help text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <Icon icon={UiQuestion} className=\"text-sm\" />\n        </button>\n      }\n      cardClassName=\"max-w-xs whitespace-normal text-left text-xs font-normal text-foreground\"\n    >\n      {helper}\n    </HoverCard>\n  );\n}\n\n// ObjectSection renders a nested object as a labelled section: a header row\n// (the field label + required/badge) above its fields, which fill the full\n// width below. It replaces the inline label + bordered box so nested objects\n// read as flat, headed groups rather than indented sub-forms. `col-span-full`\n// makes it span both tracks of an inline FieldsGrid (full width, not crammed\n// into the value column); in a stacked single-column grid it is a no-op.\n//\n// A field whose schema gives it an EMPTY title renders with no header at all:\n// the host already titled it (a collapsible section of its own, a dialog), and\n// a headed section inside that one would say the same word twice. A missing\n// title is not this — it falls back to the humanised key, as every other\n// control does — so only an explicit `\"title\": \"\"` opts out.\nexport function ObjectSection({\n  label,\n  required,\n  size,\n  badge,\n  helper,\n  labelIcon,\n  helpDisplay,\n  children,\n}: {\n  label: string;\n  required: boolean;\n  size: FormSize;\n  badge?: string;\n  helper?: string;\n  labelIcon?: LabelIconSpec;\n  helpDisplay?: HelpDisplay;\n  children: ReactNode;\n}) {\n  const hoverHelp = helpDisplay === \"hover\" && !!helper;\n  const headed = label !== \"\";\n  return (\n    <div\n      className={cn(\n        \"col-span-full flex min-w-0 max-w-full flex-col\",\n        fieldInnerGapClass[size],\n      )}\n    >\n      {headed && (\n      <div\n        className={cn(\n          \"flex min-w-0 items-center gap-2 border-b border-border pb-1 font-semibold\",\n          labelSizeClass[size],\n        )}\n      >\n        <LabelIcon\n          icon={labelIcon}\n          className=\"shrink-0 text-[15px] text-muted-foreground\"\n        />\n        <span className=\"min-w-0 truncate\">{label}</span>\n        {required && <span className=\"shrink-0 text-destructive\">*</span>}\n        {badge && (\n          <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n            {badge}\n          </span>\n        )}\n        {hoverHelp && helper && <HelpHint label={label} helper={helper} />}\n      </div>\n      )}\n      {helper && !hoverHelp && (\n        <p className=\"min-w-0 break-words text-xs text-muted-foreground\">\n          {helper}\n        </p>\n      )}\n      {children}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"json-schema-form-layout.js","sources":["../../src/components/json-schema-form-layout.tsx"],"sourcesContent":["import { useContext, type ReactNode } from \"react\";\nimport { PropertiesContext } from \"../data/properties-context\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiQuestion } from \"../icons\";\nimport { HoverCard } from \"../overlay/HoverCard\";\nimport type {\n  FieldControl,\n  FormLayout,\n  GridColumns,\n  HelpDisplay,\n} from \"./json-schema-form-types\";\nimport { DEFAULT_COLUMN_MIN_WIDTH } from \"./json-schema-form-utils\";\nimport {\n  controlMinHeightClass,\n  fieldInnerGapClass,\n  inlineRowGapClass,\n  labelSizeClass,\n  stackedRowGapClass,\n  type FormSize,\n} from \"./json-schema-form-size\";\n\n// FieldsGrid is the container every group of field rows renders into — the\n// top-level form and each nested object/map. In inline mode it owns the single\n// 2-column track definition: `fit-content(labelMaxWidth)` for the label column,\n// `minmax(0, valueMaxWidth)` for the value column. Every field row is a\n// `subgrid` that inherits these tracks, so all labels share one column width and\n// every value lines up — a real form grid, not per-row independent grids.\n// (`fit-content()` is the only valid CSS for \"size to content, clamped to a max\"\n// — `min(w, max-content)` is rejected by the browser, which silently drops the\n// whole declaration and collapses every row to a stacked-looking column. The\n// template is an inline style because Tailwind can't interpolate runtime widths.)\n// Stacked mode is a plain single-column grid.\nexport function FieldsGrid({\n  layout,\n  size,\n  columns,\n  columnMinWidth,\n  columnsMaxWidth,\n  className,\n  children,\n}: {\n  layout: FormLayout;\n  size: FormSize;\n  // Object-level `x-columns`: split a stacked object into N equal columns, or\n  // \"auto\" to fit as many `columnMinWidth`-wide columns as the container allows.\n  // Fields span one column unless they set `x-col-span`. Ignored in inline mode\n  // (which owns its own 2-track label/value layout).\n  columns?: GridColumns;\n  // `x-columns: \"auto\"` only: the minmax() floor for one column, and an optional\n  // cap on the whole grid so controls don't stretch edge to edge on a wide\n  // screen. CSS lengths, applied inline — a runtime width can't be a Tailwind\n  // arbitrary class, because the scanner never sees it.\n  columnMinWidth?: string;\n  columnsMaxWidth?: string;\n  // Object-level `x-classes`: extra classes merged onto the grid container\n  // (e.g. `gap-2`, padding). Applied last so a standard utility wins over the\n  // defaults via tailwind-merge.\n  className?: string;\n  children: ReactNode;\n}) {\n  const propertiesParent = useContext(PropertiesContext);\n  if (layout.mode === \"properties\") {\n    return (\n      <div\n        className={cn(\n          \"min-w-0 overflow-hidden rounded-md border border-border\",\n          propertiesParent &&\n            \"col-span-full grid grid-cols-subgrid rounded-none border-0\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (layout.mode === \"inline\") {\n    const labelMaxWidth = layout.labelMaxWidth ?? \"40ch\";\n    const valueMaxWidth = layout.valueMaxWidth ?? \"600px\";\n    return (\n      <div\n        className={cn(\"grid\", inlineRowGapClass[size], className)}\n        style={{\n          gridTemplateColumns: `fit-content(${labelMaxWidth}) minmax(0, ${valueMaxWidth})`,\n        }}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (columns === \"auto\") {\n    return (\n      <div\n        className={cn(\"grid gap-x-4\", stackedRowGapClass[size], className)}\n        style={{\n          gridTemplateColumns: `repeat(auto-fill, minmax(${columnMinWidth ?? DEFAULT_COLUMN_MIN_WIDTH}, 1fr))`,\n          ...(columnsMaxWidth ? { maxWidth: columnsMaxWidth } : {}),\n        }}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (columns && columns > 1) {\n    return (\n      <div\n        className={cn(\"grid gap-x-3\", stackedRowGapClass[size], className)}\n        style={{ gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }}\n      >\n        {children}\n      </div>\n    );\n  }\n  return (\n    <div className={cn(\"grid\", stackedRowGapClass[size], className)}>\n      {children}\n    </div>\n  );\n}\n\n// FieldWrapper lays out a single label + value (+ helper/error). In inline mode\n// it is a `subgrid` row spanning the parent FieldsGrid's two columns, so its\n// label and value snap to the shared label/value tracks (helper/error sit under\n// the value column). In stacked mode the label sits tight above its control as\n// one unit, capped at valueMaxWidth so controls don't stretch edge to edge.\nexport function FieldWrapper({\n  label,\n  value,\n  helper,\n  error,\n  layout,\n  size,\n  maxWidth,\n}: {\n  label: ReactNode;\n  value: ReactNode;\n  helper?: ReactNode;\n  error?: ReactNode;\n  layout: FormLayout;\n  size: FormSize;\n  // Overrides the stacked value-width cap. A field spanning the full row of a\n  // multi-column grid passes \"none\", so it actually fills the row it was given\n  // instead of stopping at the shared 600px cap.\n  maxWidth?: string;\n}) {\n  if (layout.mode === \"inline\") {\n    return (\n      <div className=\"col-span-2 grid grid-cols-subgrid items-start gap-x-3 gap-y-0.5\">\n        <div\n          className={cn(\n            \"flex min-w-0 items-center\",\n            controlMinHeightClass[size],\n          )}\n        >\n          {label}\n        </div>\n        <div className=\"min-w-0\">{value}</div>\n        {helper && (\n          <p className=\"col-start-2 text-xs text-muted-foreground\">{helper}</p>\n        )}\n        {error && (\n          <p className=\"col-start-2 text-xs text-destructive\">{error}</p>\n        )}\n      </div>\n    );\n  }\n  return (\n    <div\n      className=\"flex w-full flex-col gap-1\"\n      style={{ maxWidth: maxWidth ?? layout.valueMaxWidth ?? \"600px\" }}\n    >\n      {label}\n      {value}\n      {helper && <p className=\"text-xs text-muted-foreground\">{helper}</p>}\n      {error && <p className=\"text-xs text-destructive\">{error}</p>}\n    </div>\n  );\n}\n\nexport function FieldLabel({\n  field,\n  fieldId,\n  size,\n  helpDisplay,\n}: {\n  field: FieldControl;\n  fieldId: string;\n  size: FormSize;\n  // When \"hover\", the description rides on the label as a `?` instead of being\n  // rendered as a paragraph under the control by FieldWrapper.\n  helpDisplay?: HelpDisplay;\n}) {\n  return (\n    <label\n      htmlFor={fieldId}\n      className={cn(\n        \"flex min-w-0 items-center gap-2 font-medium\",\n        labelSizeClass[size],\n        field.labelClassName,\n      )}\n    >\n      <LabelIcon\n        icon={field.labelIcon}\n        className=\"shrink-0 text-[15px] text-muted-foreground\"\n      />\n      <span\n        className=\"truncate\"\n        title={field.label !== field.key ? field.key : undefined}\n      >\n        {field.label}\n      </span>\n      {field.required && <span className=\"shrink-0 text-destructive\">*</span>}\n      {field.badge && (\n        <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n          {field.badge}\n        </span>\n      )}\n      {helpDisplay === \"hover\" && field.helper && (\n        <HelpHint label={field.label} helper={field.helper} />\n      )}\n    </label>\n  );\n}\n\n// HelpHint is the `?` affordance that replaces a permanent description\n// paragraph. HoverCard opens on focus as well as hover, so the text stays\n// reachable from the keyboard rather than being mouse-only.\nexport function HelpHint({ label, helper }: { label: string; helper: string }) {\n  return (\n    <HoverCard\n      placement=\"top\"\n      trigger={\n        <button\n          type=\"button\"\n          aria-label={`About ${label}`}\n          className=\"shrink-0 cursor-help text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <Icon icon={UiQuestion} className=\"text-sm\" />\n        </button>\n      }\n      cardClassName=\"max-w-xs whitespace-normal text-left text-xs font-normal text-foreground\"\n    >\n      {helper}\n    </HoverCard>\n  );\n}\n\n// SectionHeading is the content of a section's header row: the label with its\n// icon, required marker, badge and hover help. It is the label node buildField\n// hands to post extensions for a field that renders as a section; a section\n// with an empty title has no heading at all (see ObjectSection).\nexport function SectionHeading({\n  field,\n  label = field.label,\n  size,\n  helpDisplay,\n}: {\n  field: FieldControl;\n  label?: string;\n  size: FormSize;\n  helpDisplay?: HelpDisplay;\n}) {\n  const { required, badge, helper, labelIcon } = field;\n  return (\n    <span className={cn(\"flex min-w-0 items-center gap-2\", labelSizeClass[size])}>\n      <LabelIcon\n        icon={labelIcon}\n        className=\"shrink-0 text-[15px] text-muted-foreground\"\n      />\n      <span className=\"min-w-0 truncate\">{label}</span>\n      {required && <span className=\"shrink-0 text-destructive\">*</span>}\n      {badge && (\n        <span className=\"shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n          {badge}\n        </span>\n      )}\n      {helpDisplay === \"hover\" && helper && <HelpHint label={label} helper={helper} />}\n    </span>\n  );\n}\n\n// ObjectSection renders a nested object as a labelled section: a header row\n// (the field label + required/badge) above its fields, which fill the full\n// width below. It replaces the inline label + bordered box so nested objects\n// read as flat, headed groups rather than indented sub-forms. `col-span-full`\n// makes it span both tracks of an inline FieldsGrid (full width, not crammed\n// into the value column); in a stacked single-column grid it is a no-op.\n//\n// A field whose schema gives it an EMPTY title renders with no header at all:\n// the host already titled it (a collapsible section of its own, a dialog), and\n// a headed section inside that one would say the same word twice. A missing\n// title is not this — it falls back to the humanised key, as every other\n// control does — so only an explicit `\"title\": \"\"` opts out.\n//\n// The header row is a separate SectionHeading node (null for no header), so\n// the post extensions that decorate every other field's label decorate a\n// section's header too.\nexport function ObjectSection({\n  heading,\n  size,\n  helper,\n  helpDisplay,\n  children,\n}: {\n  heading: ReactNode;\n  size: FormSize;\n  helper?: string;\n  helpDisplay?: HelpDisplay;\n  children: ReactNode;\n}) {\n  const hoverHelp = helpDisplay === \"hover\" && !!helper;\n  return (\n    <div\n      className={cn(\n        \"col-span-full flex min-w-0 max-w-full flex-col\",\n        fieldInnerGapClass[size],\n      )}\n    >\n      {heading != null && (\n        // The header row owns the rule and weight, so whatever a post\n        // extension puts beside the heading sits inline in the same row.\n        <div\n          data-jsf-section-heading\n          className={cn(\n            \"flex min-w-0 items-center gap-2 border-b border-border pb-1 font-semibold\",\n            labelSizeClass[size],\n          )}\n        >\n          {heading}\n        </div>\n      )}\n      {helper && !hoverHelp && (\n        <p className=\"min-w-0 break-words text-xs text-muted-foreground\">\n          {helper}\n        </p>\n      )}\n      {children}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/json-schema-form-listener-paths.cjs

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const collections = require("../lib/collections.cjs");
+const jsonSchemaFormConditionals = require("./json-schema-form-conditionals.cjs");
+const SEPARATOR = "/";
+function isPathTarget(target) {
+  return target.includes(SEPARATOR);
+}
+function targetSegments(label, target) {
+  const segments = target.split(SEPARATOR);
+  if (segments.some((segment) => segment === "")) {
+    throw new Error(`${label}: target "${target}" has an empty path segment`);
+  }
+  return segments;
+}
+function patchTarget({
+  properties,
+  value,
+  target,
+  apply
+}) {
+  const [first = "", ...rest] = target.split(SEPARATOR);
+  const prop = properties[first];
+  if (!prop) return;
+  const patched = patchNode(prop, value[first], rest, apply);
+  if (patched) properties[first] = patched;
+}
+function patchNode(node, nodeValue, segments, apply) {
+  const [segment, ...rest] = segments;
+  if (segment === void 0) return apply(node);
+  if (isArraySchema(node)) {
+    if (!node.items) return void 0;
+    const items = patchNode(node.items, {}, segments, apply);
+    return items && { ...node, items };
+  }
+  const objectValue = collections.isPlainObject(nodeValue) ? nodeValue : {};
+  const child = jsonSchemaFormConditionals.effectiveProperties(node, objectValue).properties[segment];
+  if (!child) return void 0;
+  const patchedChild = patchNode(child, objectValue[segment], rest, apply);
+  return patchedChild && {
+    ...node,
+    allOf: [...node.allOf ?? [], { properties: { [segment]: patchedChild } }]
+  };
+}
+function isArraySchema(node) {
+  if (node.items !== void 0) return true;
+  return Array.isArray(node.type) ? node.type.includes("array") : node.type === "array";
+}
+exports.isPathTarget = isPathTarget;
+exports.patchTarget = patchTarget;
+exports.targetSegments = targetSegments;
+//# sourceMappingURL=json-schema-form-listener-paths.cjs.map

package/dist/components/json-schema-form-listener-paths.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-listener-paths.cjs","sources":["../../src/components/json-schema-form-listener-paths.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport { effectiveProperties } from \"./json-schema-form-conditionals\";\nimport type { JsonSchemaObject, JsonSchemaProperty } from \"./json-schema-form-types\";\n\n// Listener path targets: `mf/Group/Cell` names a property inside a sibling's\n// subtree. The first segment is a sibling key; each later segment names a\n// property of the object reached so far, and an array is crossed into its\n// `items` without spending a segment.\n\nconst SEPARATOR = \"/\";\n\nexport function isPathTarget(target: string): boolean {\n  return target.includes(SEPARATOR);\n}\n\n// targetSegments splits a target into its segments, throwing on an empty one\n// (`a//b`, a leading or a trailing `/`), which can only be a typo.\nexport function targetSegments(label: string, target: string): string[] {\n  const segments = target.split(SEPARATOR);\n  if (segments.some((segment) => segment === \"\")) {\n    throw new Error(`${label}: target \"${target}\" has an empty path segment`);\n  }\n  return segments;\n}\n\n// patchTarget rewrites the property a target names, in place on `properties`\n// (the effective properties of the object being rendered, whose `value` is\n// given). A plain key is replaced by `apply(prop)`. A path clones the sibling\n// along the way: at each object node the patched child goes into a trailing\n// unconditional `allOf` member, which wins the effectiveProperties merge\n// without touching the node's own properties or conditional branches, so two\n// paths under one sibling both survive. A segment the current shape does not\n// declare leaves the sibling untouched.\nexport function patchTarget({\n  properties,\n  value,\n  target,\n  apply,\n}: {\n  properties: Record<string, JsonSchemaProperty>;\n  value: Record<string, unknown>;\n  target: string;\n  apply: (leaf: JsonSchemaProperty) => JsonSchemaProperty;\n}): void {\n  const [first = \"\", ...rest] = target.split(SEPARATOR);\n  const prop = properties[first];\n  if (!prop) return;\n  const patched = patchNode(prop, value[first], rest, apply);\n  if (patched) properties[first] = patched;\n}\n\nfunction patchNode(\n  node: JsonSchemaProperty,\n  nodeValue: unknown,\n  segments: string[],\n  apply: (leaf: JsonSchemaProperty) => JsonSchemaProperty,\n): JsonSchemaProperty | undefined {\n  const [segment, ...rest] = segments;\n  if (segment === undefined) return apply(node);\n  if (isArraySchema(node)) {\n    // Column-level by design: one `items` schema serves every row, so a path\n    // into an array patches the column. Row-scoped state comes from the item\n    // schema's own x-on-load/x-on-change, evaluated per row by the renderers.\n    if (!node.items) return undefined;\n    const items = patchNode(node.items, {}, segments, apply);\n    return items && { ...node, items };\n  }\n  const objectValue = isPlainObject(nodeValue) ? nodeValue : {};\n  const child = effectiveProperties(node as JsonSchemaObject, objectValue).properties[segment];\n  if (!child) return undefined;\n  const patchedChild = patchNode(child, objectValue[segment], rest, apply);\n  return (\n    patchedChild && {\n      ...node,\n      allOf: [...(node.allOf ?? []), { properties: { [segment]: patchedChild } }],\n    }\n  );\n}\n\nfunction isArraySchema(node: JsonSchemaProperty): boolean {\n  if (node.items !== undefined) return true;\n  return Array.isArray(node.type) ? node.type.includes(\"array\") : node.type === \"array\";\n}\n"],"names":["isPlainObject","effectiveProperties"],"mappings":";;;;AASA,MAAM,YAAY;AAEX,SAAS,aAAa,QAAyB;AACpD,SAAO,OAAO,SAAS,SAAS;AAClC;AAIO,SAAS,eAAe,OAAe,QAA0B;AACtE,QAAM,WAAW,OAAO,MAAM,SAAS;AACvC,MAAI,SAAS,KAAK,CAAC,YAAY,YAAY,EAAE,GAAG;AAC9C,UAAM,IAAI,MAAM,GAAG,KAAK,aAAa,MAAM,6BAA6B;AAAA,EAC1E;AACA,SAAO;AACT;AAUO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKS;AACP,QAAM,CAAC,QAAQ,IAAI,GAAG,IAAI,IAAI,OAAO,MAAM,SAAS;AACpD,QAAM,OAAO,WAAW,KAAK;AAC7B,MAAI,CAAC,KAAM;AACX,QAAM,UAAU,UAAU,MAAM,MAAM,KAAK,GAAG,MAAM,KAAK;AACzD,MAAI,QAAS,YAAW,KAAK,IAAI;AACnC;AAEA,SAAS,UACP,MACA,WACA,UACA,OACgC;AAChC,QAAM,CAAC,SAAS,GAAG,IAAI,IAAI;AAC3B,MAAI,YAAY,OAAW,QAAO,MAAM,IAAI;AAC5C,MAAI,cAAc,IAAI,GAAG;AAIvB,QAAI,CAAC,KAAK,MAAO,QAAO;AACxB,UAAM,QAAQ,UAAU,KAAK,OAAO,CAAA,GAAI,UAAU,KAAK;AACvD,WAAO,SAAS,EAAE,GAAG,MAAM,MAAA;AAAA,EAC7B;AACA,QAAM,cAAcA,YAAAA,cAAc,SAAS,IAAI,YAAY,CAAA;AAC3D,QAAM,QAAQC,2BAAAA,oBAAoB,MAA0B,WAAW,EAAE,WAAW,OAAO;AAC3F,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,eAAe,UAAU,OAAO,YAAY,OAAO,GAAG,MAAM,KAAK;AACvE,SACE,gBAAgB;AAAA,IACd,GAAG;AAAA,IACH,OAAO,CAAC,GAAI,KAAK,SAAS,CAAA,GAAK,EAAE,YAAY,EAAE,CAAC,OAAO,GAAG,gBAAgB;AAAA,EAAA;AAGhF;AAEA,SAAS,cAAc,MAAmC;AACxD,MAAI,KAAK,UAAU,OAAW,QAAO;AACrC,SAAO,MAAM,QAAQ,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,OAAO,IAAI,KAAK,SAAS;AAChF;;;;"}

package/dist/components/json-schema-form-listener-paths.d.ts

@@ -0,0 +1,10 @@
+import { JsonSchemaProperty } from './json-schema-form-types.js';
+export declare function isPathTarget(target: string): boolean;
+export declare function targetSegments(label: string, target: string): string[];
+export declare function patchTarget({ properties, value, target, apply, }: {
+    properties: Record<string, JsonSchemaProperty>;
+    value: Record<string, unknown>;
+    target: string;
+    apply: (leaf: JsonSchemaProperty) => JsonSchemaProperty;
+}): void;
+//# sourceMappingURL=json-schema-form-listener-paths.d.ts.map

package/dist/components/json-schema-form-listener-paths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-listener-paths.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-listener-paths.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoB,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AASrF,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAEpD;AAID,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAMtE;AAUD,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,KAAK,EACL,MAAM,EACN,KAAK,GACN,EAAE;IACD,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,kBAAkB,CAAC;CACzD,GAAG,IAAI,CAMP"}

package/dist/components/json-schema-form-listener-paths.js

@@ -0,0 +1,52 @@
+import { isPlainObject } from "../lib/collections.js";
+import { effectiveProperties } from "./json-schema-form-conditionals.js";
+const SEPARATOR = "/";
+function isPathTarget(target) {
+  return target.includes(SEPARATOR);
+}
+function targetSegments(label, target) {
+  const segments = target.split(SEPARATOR);
+  if (segments.some((segment) => segment === "")) {
+    throw new Error(`${label}: target "${target}" has an empty path segment`);
+  }
+  return segments;
+}
+function patchTarget({
+  properties,
+  value,
+  target,
+  apply
+}) {
+  const [first = "", ...rest] = target.split(SEPARATOR);
+  const prop = properties[first];
+  if (!prop) return;
+  const patched = patchNode(prop, value[first], rest, apply);
+  if (patched) properties[first] = patched;
+}
+function patchNode(node, nodeValue, segments, apply) {
+  const [segment, ...rest] = segments;
+  if (segment === void 0) return apply(node);
+  if (isArraySchema(node)) {
+    if (!node.items) return void 0;
+    const items = patchNode(node.items, {}, segments, apply);
+    return items && { ...node, items };
+  }
+  const objectValue = isPlainObject(nodeValue) ? nodeValue : {};
+  const child = effectiveProperties(node, objectValue).properties[segment];
+  if (!child) return void 0;
+  const patchedChild = patchNode(child, objectValue[segment], rest, apply);
+  return patchedChild && {
+    ...node,
+    allOf: [...node.allOf ?? [], { properties: { [segment]: patchedChild } }]
+  };
+}
+function isArraySchema(node) {
+  if (node.items !== void 0) return true;
+  return Array.isArray(node.type) ? node.type.includes("array") : node.type === "array";
+}
+export {
+  isPathTarget,
+  patchTarget,
+  targetSegments
+};
+//# sourceMappingURL=json-schema-form-listener-paths.js.map

package/dist/components/json-schema-form-listener-paths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-listener-paths.js","sources":["../../src/components/json-schema-form-listener-paths.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport { effectiveProperties } from \"./json-schema-form-conditionals\";\nimport type { JsonSchemaObject, JsonSchemaProperty } from \"./json-schema-form-types\";\n\n// Listener path targets: `mf/Group/Cell` names a property inside a sibling's\n// subtree. The first segment is a sibling key; each later segment names a\n// property of the object reached so far, and an array is crossed into its\n// `items` without spending a segment.\n\nconst SEPARATOR = \"/\";\n\nexport function isPathTarget(target: string): boolean {\n  return target.includes(SEPARATOR);\n}\n\n// targetSegments splits a target into its segments, throwing on an empty one\n// (`a//b`, a leading or a trailing `/`), which can only be a typo.\nexport function targetSegments(label: string, target: string): string[] {\n  const segments = target.split(SEPARATOR);\n  if (segments.some((segment) => segment === \"\")) {\n    throw new Error(`${label}: target \"${target}\" has an empty path segment`);\n  }\n  return segments;\n}\n\n// patchTarget rewrites the property a target names, in place on `properties`\n// (the effective properties of the object being rendered, whose `value` is\n// given). A plain key is replaced by `apply(prop)`. A path clones the sibling\n// along the way: at each object node the patched child goes into a trailing\n// unconditional `allOf` member, which wins the effectiveProperties merge\n// without touching the node's own properties or conditional branches, so two\n// paths under one sibling both survive. A segment the current shape does not\n// declare leaves the sibling untouched.\nexport function patchTarget({\n  properties,\n  value,\n  target,\n  apply,\n}: {\n  properties: Record<string, JsonSchemaProperty>;\n  value: Record<string, unknown>;\n  target: string;\n  apply: (leaf: JsonSchemaProperty) => JsonSchemaProperty;\n}): void {\n  const [first = \"\", ...rest] = target.split(SEPARATOR);\n  const prop = properties[first];\n  if (!prop) return;\n  const patched = patchNode(prop, value[first], rest, apply);\n  if (patched) properties[first] = patched;\n}\n\nfunction patchNode(\n  node: JsonSchemaProperty,\n  nodeValue: unknown,\n  segments: string[],\n  apply: (leaf: JsonSchemaProperty) => JsonSchemaProperty,\n): JsonSchemaProperty | undefined {\n  const [segment, ...rest] = segments;\n  if (segment === undefined) return apply(node);\n  if (isArraySchema(node)) {\n    // Column-level by design: one `items` schema serves every row, so a path\n    // into an array patches the column. Row-scoped state comes from the item\n    // schema's own x-on-load/x-on-change, evaluated per row by the renderers.\n    if (!node.items) return undefined;\n    const items = patchNode(node.items, {}, segments, apply);\n    return items && { ...node, items };\n  }\n  const objectValue = isPlainObject(nodeValue) ? nodeValue : {};\n  const child = effectiveProperties(node as JsonSchemaObject, objectValue).properties[segment];\n  if (!child) return undefined;\n  const patchedChild = patchNode(child, objectValue[segment], rest, apply);\n  return (\n    patchedChild && {\n      ...node,\n      allOf: [...(node.allOf ?? []), { properties: { [segment]: patchedChild } }],\n    }\n  );\n}\n\nfunction isArraySchema(node: JsonSchemaProperty): boolean {\n  if (node.items !== undefined) return true;\n  return Array.isArray(node.type) ? node.type.includes(\"array\") : node.type === \"array\";\n}\n"],"names":[],"mappings":";;AASA,MAAM,YAAY;AAEX,SAAS,aAAa,QAAyB;AACpD,SAAO,OAAO,SAAS,SAAS;AAClC;AAIO,SAAS,eAAe,OAAe,QAA0B;AACtE,QAAM,WAAW,OAAO,MAAM,SAAS;AACvC,MAAI,SAAS,KAAK,CAAC,YAAY,YAAY,EAAE,GAAG;AAC9C,UAAM,IAAI,MAAM,GAAG,KAAK,aAAa,MAAM,6BAA6B;AAAA,EAC1E;AACA,SAAO;AACT;AAUO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKS;AACP,QAAM,CAAC,QAAQ,IAAI,GAAG,IAAI,IAAI,OAAO,MAAM,SAAS;AACpD,QAAM,OAAO,WAAW,KAAK;AAC7B,MAAI,CAAC,KAAM;AACX,QAAM,UAAU,UAAU,MAAM,MAAM,KAAK,GAAG,MAAM,KAAK;AACzD,MAAI,QAAS,YAAW,KAAK,IAAI;AACnC;AAEA,SAAS,UACP,MACA,WACA,UACA,OACgC;AAChC,QAAM,CAAC,SAAS,GAAG,IAAI,IAAI;AAC3B,MAAI,YAAY,OAAW,QAAO,MAAM,IAAI;AAC5C,MAAI,cAAc,IAAI,GAAG;AAIvB,QAAI,CAAC,KAAK,MAAO,QAAO;AACxB,UAAM,QAAQ,UAAU,KAAK,OAAO,CAAA,GAAI,UAAU,KAAK;AACvD,WAAO,SAAS,EAAE,GAAG,MAAM,MAAA;AAAA,EAC7B;AACA,QAAM,cAAc,cAAc,SAAS,IAAI,YAAY,CAAA;AAC3D,QAAM,QAAQ,oBAAoB,MAA0B,WAAW,EAAE,WAAW,OAAO;AAC3F,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,eAAe,UAAU,OAAO,YAAY,OAAO,GAAG,MAAM,KAAK;AACvE,SACE,gBAAgB;AAAA,IACd,GAAG;AAAA,IACH,OAAO,CAAC,GAAI,KAAK,SAAS,CAAA,GAAK,EAAE,YAAY,EAAE,CAAC,OAAO,GAAG,gBAAgB;AAAA,EAAA;AAGhF;AAEA,SAAS,cAAc,MAAmC;AACxD,MAAI,KAAK,UAAU,OAAW,QAAO;AACrC,SAAO,MAAM,QAAQ,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,OAAO,IAAI,KAAK,SAAS;AAChF;"}

package/dist/components/json-schema-form-listener-types.d.ts

@@ -0,0 +1,22 @@
+import { JsonSchemaProperty } from './json-schema-form-types.js';
+export interface ChangeActions {
+    hide?: string[];
+    show?: string[];
+    enable?: string[];
+    disable?: string[];
+    require?: string[];
+    optional?: string[];
+    reset?: string[];
+    set?: Record<string, unknown>;
+    patch?: Record<string, ChangePatch>;
+}
+export type ChangePatchDeniedKeyword = "type" | "properties" | "items" | "additionalProperties" | "patternProperties" | "allOf" | "anyOf" | "oneOf" | "if" | "then" | "else" | "not" | "required" | "default" | "const" | "x-on-change" | "x-on-load";
+export type ChangePatch = Omit<Partial<JsonSchemaProperty>, ChangePatchDeniedKeyword>;
+export interface ChangeCondition extends JsonSchemaProperty {
+    expr?: string;
+}
+export interface ChangeListener extends ChangeActions {
+    when?: ChangeCondition;
+    else?: ChangeActions;
+}
+//# sourceMappingURL=json-schema-form-listener-types.d.ts.map

package/dist/components/json-schema-form-listener-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-listener-types.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-listener-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAmBnE,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IAEpB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjB,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAO9B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;CACrC;AAGD,MAAM,MAAM,wBAAwB,GAChC,MAAM,GACN,YAAY,GACZ,OAAO,GACP,sBAAsB,GACtB,mBAAmB,GACnB,OAAO,GACP,OAAO,GACP,OAAO,GACP,IAAI,GACJ,MAAM,GACN,MAAM,GACN,KAAK,GACL,UAAU,GACV,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,CAAC;AAEhB,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE,wBAAwB,CAAC,CAAC;AAMtF,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAKD,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB"}

package/dist/components/json-schema-form-listeners.cjs

@@ -0,0 +1,256 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const collections = require("../lib/collections.cjs");
+const jsonSchemaFormConditionals = require("./json-schema-form-conditionals.cjs");
+const jsonSchemaFormDefaults = require("./json-schema-form-defaults.cjs");
+const jsonSchemaFormListenerPaths = require("./json-schema-form-listener-paths.cjs");
+const LOCAL_ACTIONS = ["require", "optional", "reset", "set"];
+const STATE_FLAGS = [
+  ["hide", "x-hidden", true],
+  ["show", "x-hidden", false],
+  ["disable", "x-disabled", true],
+  ["enable", "x-disabled", false]
+];
+const CONTRADICTIONS = [
+  ["hide", "show"],
+  ["enable", "disable"],
+  ["require", "optional"]
+];
+const LIST_NAMES = ["hide", "show", "enable", "disable", "require", "optional", "reset"];
+const PATCH_DENIED = {
+  ...Object.fromEntries(
+    ["type", "properties", "items", "additionalProperties", "patternProperties", "allOf", "anyOf", "oneOf", "if", "then", "else", "not", "$ref", "$defs"].map(
+      (keyword) => [keyword, "it changes the field's shape; use an allOf branch"]
+    )
+  ),
+  required: "use require/optional",
+  default: "a patch changes presentation, not values; use set/reset",
+  const: "a patch changes presentation, not values; use set/reset",
+  "x-on-change": "listeners cannot be patched in",
+  "x-on-load": "listeners cannot be patched in"
+};
+function applyListenerState(schema, value, options) {
+  const { properties, required } = jsonSchemaFormConditionals.effectiveProperties(schema, value);
+  const requiredSet = new Set(required);
+  const known = declaredKeys(schema);
+  const bound = [
+    ...loadListenersOf(schema, value),
+    ...Object.entries(properties).flatMap(
+      ([key, prop]) => listenersOf(key, prop).map((listener) => ({ listener, source: changeSource(key) }))
+    )
+  ];
+  for (const { listener, source } of bound) {
+    const actions = selectActions({ listener, source, self: value, known, options });
+    for (const [name, keyword, flag] of STATE_FLAGS) {
+      for (const target of list(actions, name)) {
+        jsonSchemaFormListenerPaths.patchTarget({ properties, value, target, apply: (leaf) => hiddenBy({ ...leaf, [keyword]: flag }, keyword, flag, source.label) });
+      }
+    }
+    for (const target of list(actions, "require")) {
+      if (properties[target]) requiredSet.add(target);
+    }
+    for (const target of list(actions, "optional")) requiredSet.delete(target);
+    for (const [target, keywords] of Object.entries(actions.patch ?? {})) {
+      jsonSchemaFormListenerPaths.patchTarget({ properties, value, target, apply: (leaf) => ({ ...leaf, ...keywords }) });
+    }
+  }
+  return { properties, required: [...requiredSet] };
+}
+function hiddenBy(leaf, keyword, flag, label) {
+  if (keyword !== "x-hidden") return leaf;
+  if (flag) return { ...leaf, "x-hidden-by": label };
+  const { "x-hidden-by": _by, ...shown } = leaf;
+  return shown;
+}
+function loadListenersOf(schema, value) {
+  var _a;
+  const bound = loadListenersAt(schema["x-on-load"], "#/x-on-load");
+  for (const [index, clause] of (schema.allOf ?? []).entries()) {
+    if (clause.if === void 0 && clause.then === void 0) {
+      bound.push(...loadListenersAt(clause["x-on-load"], `#/allOf/${index}/x-on-load`));
+      continue;
+    }
+    const branch = jsonSchemaFormConditionals.matchesIf(clause.if, value) ? "then" : "else";
+    bound.push(...loadListenersAt((_a = clause[branch]) == null ? void 0 : _a["x-on-load"], `#/allOf/${index}/${branch}/x-on-load`));
+  }
+  return bound;
+}
+function loadListenersAt(listeners, pointer) {
+  if (listeners === void 0) return [];
+  if (!Array.isArray(listeners)) {
+    throw new Error(`x-on-load at ${pointer} must be an array of listeners, got ${typeof listeners}`);
+  }
+  return listeners.map((listener, index) => ({
+    listener,
+    source: { label: `x-on-load at ${pointer}/${index}`, key: "", load: true }
+  }));
+}
+function changeSource(key) {
+  return { label: `x-on-change on "${key}"`, key, load: false };
+}
+function applyChangeEffects(schema, edit) {
+  let current = { ...edit.value, [edit.key]: edit.next };
+  const known = declaredKeys(schema);
+  const fired = /* @__PURE__ */ new Set();
+  const queue = [edit.key];
+  for (let source = queue.shift(); source !== void 0; source = queue.shift()) {
+    if (fired.has(source)) continue;
+    fired.add(source);
+    const { properties } = jsonSchemaFormConditionals.effectiveProperties(schema, current);
+    const options = {
+      root: edit.root === edit.value ? current : edit.root,
+      ...edit.evaluate ? { evaluate: edit.evaluate } : {}
+    };
+    for (const listener of listenersOf(source, properties[source])) {
+      const actions = selectActions({ listener, source: changeSource(source), self: current, known, options });
+      for (const [target, nextValue] of valueChanges(actions, properties)) {
+        if (Object.is(current[target], nextValue)) continue;
+        current = { ...current };
+        if (nextValue === void 0) delete current[target];
+        else current[target] = nextValue;
+        queue.push(target);
+      }
+    }
+  }
+  return current;
+}
+function valueChanges(actions, properties) {
+  return [
+    ...list(actions, "reset").map((target) => {
+      var _a;
+      const fallback = (_a = properties[target]) == null ? void 0 : _a.default;
+      return [target, fallback === void 0 ? void 0 : jsonSchemaFormDefaults.cloneSchemaDefault(fallback)];
+    }),
+    ...Object.entries(actions.set ?? {}).map(([target, v]) => [target, jsonSchemaFormDefaults.cloneSchemaDefault(v)])
+  ];
+}
+function listenersOf(key, prop) {
+  const listeners = prop == null ? void 0 : prop["x-on-change"];
+  if (listeners === void 0) return [];
+  if (!Array.isArray(listeners)) {
+    throw new Error(`"${key}": x-on-change must be an array of listeners, got ${typeof listeners}`);
+  }
+  return listeners;
+}
+function selectActions({
+  listener,
+  source,
+  self,
+  known,
+  options
+}) {
+  validateActions(source, listener, known);
+  if (listener.else) validateActions(source, listener.else, known);
+  return listenerHolds(listener, source, self, options) ? listener : listener.else ?? {};
+}
+function listenerHolds(listener, { label, key, load }, self, options) {
+  if (listener.when === void 0) return true;
+  const { expr, ...predicate } = listener.when;
+  const hasPredicate = Object.keys(predicate).length > 0;
+  const subject = load ? self : self[key];
+  if (!hasPredicate && expr === void 0) {
+    throw new Error(`${label}: when states nothing it can evaluate`);
+  }
+  if (expr !== void 0 && typeof expr !== "string") {
+    throw new Error(`${label}: when.expr must be a string, got ${typeof expr}`);
+  }
+  if (expr !== void 0 && !options.evaluate) {
+    throw new Error(`${label}: when.expr "${expr}" needs the form's expressionEvaluator`);
+  }
+  if (hasPredicate) {
+    const holds = jsonSchemaFormConditionals.evaluatePredicate(predicate, subject);
+    if (holds === void 0) {
+      throw new Error(`${label}: when states nothing it can evaluate (${JSON.stringify(predicate)})`);
+    }
+    if (!holds) return false;
+  }
+  if (expr === void 0 || !options.evaluate) return true;
+  const result = options.evaluate({ expr, key, value: subject, self, root: options.root });
+  if (typeof result !== "boolean") {
+    throw new Error(`${label}: expressionEvaluator returned ${typeof result} for "${expr}", expected boolean`);
+  }
+  return result;
+}
+function validateActions(source, actions, known) {
+  const { label } = source;
+  if (actions.set !== void 0 && !collections.isPlainObject(actions.set)) {
+    throw new Error(`${label}: set must be an object of target → value`);
+  }
+  if (source.load) {
+    const local = LOCAL_ACTIONS.find((name) => actions[name] !== void 0);
+    if (local) {
+      throw new Error(`${label}: ${local} is not allowed in x-on-load, which only derives state (hide/show/enable/disable/patch)`);
+    }
+  }
+  const setKeys = Object.keys(actions.set ?? {});
+  for (const name of LOCAL_ACTIONS) {
+    const targets = name === "set" ? setKeys : list(actions, name);
+    const path = targets.find(jsonSchemaFormListenerPaths.isPathTarget);
+    if (path !== void 0) {
+      throw new Error(`${label}: ${name} "${path}" cannot take a path; value and required actions act on sibling keys only`);
+    }
+  }
+  for (const target of [...LIST_NAMES.flatMap((name) => list(actions, name)), ...setKeys]) {
+    validateTarget(label, target, known);
+  }
+  const pairs = [
+    ...CONTRADICTIONS.map(([a, b]) => [a, list(actions, a), b, list(actions, b)]),
+    ["reset", list(actions, "reset"), "set", setKeys]
+  ];
+  for (const [a, left, b, right] of pairs) {
+    const clash = left.find((target) => right.includes(target));
+    if (clash !== void 0) {
+      throw new Error(`${label}: both ${a} and ${b} "${clash}"`);
+    }
+  }
+  validatePatch(label, actions, known);
+}
+function validateTarget(label, target, known) {
+  if (jsonSchemaFormListenerPaths.isPathTarget(target) && known.has(target)) {
+    throw new Error(`${label}: target "${target}" is both a declared key and a path`);
+  }
+  const [first = ""] = jsonSchemaFormListenerPaths.targetSegments(label, target);
+  if (!known.has(first)) throw new Error(`${label}: unknown target "${target}"`);
+}
+function validatePatch(label, actions, known) {
+  const patch = actions.patch;
+  if (patch === void 0) return;
+  if (!collections.isPlainObject(patch)) {
+    throw new Error(`${label}: patch must be an object of target → keywords`);
+  }
+  for (const [target, keywords] of Object.entries(patch)) {
+    validateTarget(label, target, known);
+    if (!collections.isPlainObject(keywords)) {
+      throw new Error(`${label}: patch "${target}" must be an object of keywords`);
+    }
+    for (const keyword of Object.keys(keywords)) {
+      const denied = PATCH_DENIED[keyword];
+      if (denied) throw new Error(`${label}: patch "${target}" may not set ${keyword} (${denied})`);
+    }
+    for (const [verb, keyword] of STATE_FLAGS) {
+      if (keyword in keywords && list(actions, verb).includes(target)) {
+        throw new Error(`${label}: both ${verb} and patch ${keyword} on "${target}"`);
+      }
+    }
+  }
+}
+function list(actions, name) {
+  const targets = actions[name];
+  if (targets === void 0) return [];
+  if (!Array.isArray(targets)) {
+    throw new Error(`x-on-change: ${name} must be an array of property keys, got ${typeof targets}`);
+  }
+  return targets;
+}
+function declaredKeys(schema) {
+  const keys = new Set(Object.keys(schema.properties ?? {}));
+  for (const clause of schema.allOf ?? []) {
+    for (const branch of [clause, clause.then, clause.else]) {
+      for (const key of Object.keys((branch == null ? void 0 : branch.properties) ?? {})) keys.add(key);
+    }
+  }
+  return keys;
+}
+exports.applyChangeEffects = applyChangeEffects;
+exports.applyListenerState = applyListenerState;
+//# sourceMappingURL=json-schema-form-listeners.cjs.map

package/dist/components/json-schema-form-listeners.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-listeners.cjs","sources":["../../src/components/json-schema-form-listeners.ts"],"sourcesContent":["import { isPlainObject } from \"../lib/collections\";\nimport {\n  effectiveProperties,\n  evaluatePredicate,\n  matchesIf,\n  type EffectiveProperties,\n} from \"./json-schema-form-conditionals\";\nimport { cloneSchemaDefault } from \"./json-schema-form-defaults\";\nimport { isPathTarget, patchTarget, targetSegments } from \"./json-schema-form-listener-paths\";\nimport type {\n  ChangeActions,\n  ChangeListener,\n  ExpressionEvaluator,\n  JsonSchemaObject,\n  JsonSchemaProperty,\n} from \"./json-schema-form-types\";\n\n// `x-on-change` listeners: a property names what happens to its siblings when\n// its value is, or becomes, something. `x-on-load` listeners: an object names\n// the state its properties start in. See ChangeActions for the split between\n// derived state actions and transitional value actions.\n\nexport interface ListenerOptions {\n  root: Record<string, unknown>;\n  evaluate?: ExpressionEvaluator;\n}\n\n// ListenerSource says where a listener came from. `label` prefixes every error\n// it raises; `key` is the property whose value `when` reads (and the\n// evaluator's `key`) — for x-on-load, \"\" and the object itself.\ninterface ListenerSource {\n  label: string;\n  key: string;\n  load: boolean;\n}\n\ninterface BoundListener {\n  listener: ChangeListener;\n  source: ListenerSource;\n}\n\ntype ListName = \"hide\" | \"show\" | \"enable\" | \"disable\" | \"require\" | \"optional\" | \"reset\";\n\n// Actions that write values or required-ness: they act on sibling keys only\n// (never a path), and have no place in x-on-load, which only derives state.\nconst LOCAL_ACTIONS: (\"require\" | \"optional\" | \"reset\" | \"set\")[] = [\"require\", \"optional\", \"reset\", \"set\"];\n\nconst STATE_FLAGS: [ListName, \"x-hidden\" | \"x-disabled\", boolean][] = [\n  [\"hide\", \"x-hidden\", true],\n  [\"show\", \"x-hidden\", false],\n  [\"disable\", \"x-disabled\", true],\n  [\"enable\", \"x-disabled\", false],\n];\n\nconst CONTRADICTIONS: [ListName, ListName][] = [\n  [\"hide\", \"show\"],\n  [\"enable\", \"disable\"],\n  [\"require\", \"optional\"],\n];\n\nconst LIST_NAMES: ListName[] = [\"hide\", \"show\", \"enable\", \"disable\", \"require\", \"optional\", \"reset\"];\n\n// Keywords a `patch` may not set, with the tool that does the job instead.\nconst PATCH_DENIED: Record<string, string> = {\n  ...Object.fromEntries(\n    [\"type\", \"properties\", \"items\", \"additionalProperties\", \"patternProperties\", \"allOf\", \"anyOf\", \"oneOf\", \"if\", \"then\", \"else\", \"not\", \"$ref\", \"$defs\"].map(\n      (keyword) => [keyword, \"it changes the field's shape; use an allOf branch\"],\n    ),\n  ),\n  required: \"use require/optional\",\n  default: \"a patch changes presentation, not values; use set/reset\",\n  const: \"a patch changes presentation, not values; use set/reset\",\n  \"x-on-change\": \"listeners cannot be patched in\",\n  \"x-on-load\": \"listeners cannot be patched in\",\n};\n\n// applyListenerState is effectiveProperties plus the state actions of every\n// listener, evaluated against the current value: first the object's\n// `x-on-load` listeners, then each property's `x-on-change` listeners — load,\n// then change, the order the events happen in. A listener is applied after\n// `allOf`, so it wins over a branch; later listeners win over earlier ones. A\n// target the current shape does not declare stays absent. Property schemas are\n// cloned, never mutated.\nexport function applyListenerState(\n  schema: JsonSchemaObject,\n  value: Record<string, unknown>,\n  options: ListenerOptions,\n): EffectiveProperties {\n  const { properties, required } = effectiveProperties(schema, value);\n  const requiredSet = new Set(required);\n  const known = declaredKeys(schema);\n  const bound: BoundListener[] = [\n    ...loadListenersOf(schema, value),\n    ...Object.entries(properties).flatMap(([key, prop]) =>\n      listenersOf(key, prop).map((listener) => ({ listener, source: changeSource(key) })),\n    ),\n  ];\n  for (const { listener, source } of bound) {\n    const actions = selectActions({ listener, source, self: value, known, options });\n    for (const [name, keyword, flag] of STATE_FLAGS) {\n      for (const target of list(actions, name)) {\n        patchTarget({ properties, value, target, apply: (leaf) => hiddenBy({ ...leaf, [keyword]: flag }, keyword, flag, source.label) });\n      }\n    }\n    for (const target of list(actions, \"require\")) {\n      if (properties[target]) requiredSet.add(target);\n    }\n    for (const target of list(actions, \"optional\")) requiredSet.delete(target);\n    for (const [target, keywords] of Object.entries(actions.patch ?? {})) {\n      patchTarget({ properties, value, target, apply: (leaf) => ({ ...leaf, ...keywords }) });\n    }\n  }\n  return { properties, required: [...requiredSet] };\n}\n\n// hiddenBy records which listener hid a field (`x-hidden-by`), so the form's\n// debug mode can say why it is missing; a show clears it.\nfunction hiddenBy(leaf: JsonSchemaProperty, keyword: string, flag: boolean, label: string): JsonSchemaProperty {\n  if (keyword !== \"x-hidden\") return leaf;\n  if (flag) return { ...leaf, \"x-hidden-by\": label };\n  const { \"x-hidden-by\": _by, ...shown } = leaf;\n  return shown;\n}\n\n// loadListenersOf collects an object's `x-on-load` listeners in order: the\n// schema's own, then each `allOf` member's — an unconditional member's own, or\n// those of the `then`/`else` branch that applies, selected exactly as\n// effectiveProperties selects the branch it merges.\nfunction loadListenersOf(schema: JsonSchemaObject, value: Record<string, unknown>): BoundListener[] {\n  const bound = loadListenersAt(schema[\"x-on-load\"], \"#/x-on-load\");\n  for (const [index, clause] of (schema.allOf ?? []).entries()) {\n    if (clause.if === undefined && clause.then === undefined) {\n      bound.push(...loadListenersAt(clause[\"x-on-load\"], `#/allOf/${index}/x-on-load`));\n      continue;\n    }\n    const branch = matchesIf(clause.if, value) ? \"then\" : \"else\";\n    bound.push(...loadListenersAt(clause[branch]?.[\"x-on-load\"], `#/allOf/${index}/${branch}/x-on-load`));\n  }\n  return bound;\n}\n\nfunction loadListenersAt(listeners: unknown, pointer: string): BoundListener[] {\n  if (listeners === undefined) return [];\n  if (!Array.isArray(listeners)) {\n    throw new Error(`x-on-load at ${pointer} must be an array of listeners, got ${typeof listeners}`);\n  }\n  return listeners.map((listener: ChangeListener, index) => ({\n    listener,\n    source: { label: `x-on-load at ${pointer}/${index}`, key: \"\", load: true },\n  }));\n}\n\nfunction changeSource(key: string): ListenerSource {\n  return { label: `x-on-change on \"${key}\"`, key, load: false };\n}\n\n// applyChangeEffects commits `next` at `key` and runs the value actions\n// (reset/set) of that key's listeners against the post-edit object. A target\n// whose value actually changes fires its own listeners in turn; each key fires\n// at most once per commit, so a cycle ends. When `root` is the edited object\n// itself (the top level), expressions see the post-edit value as root too.\nexport function applyChangeEffects(\n  schema: JsonSchemaObject,\n  edit: ListenerOptions & { value: Record<string, unknown>; key: string; next: unknown },\n): Record<string, unknown> {\n  let current: Record<string, unknown> = { ...edit.value, [edit.key]: edit.next };\n  const known = declaredKeys(schema);\n  const fired = new Set<string>();\n  const queue = [edit.key];\n  for (let source = queue.shift(); source !== undefined; source = queue.shift()) {\n    if (fired.has(source)) continue;\n    fired.add(source);\n    const { properties } = effectiveProperties(schema, current);\n    const options: ListenerOptions = {\n      root: edit.root === edit.value ? current : edit.root,\n      ...(edit.evaluate ? { evaluate: edit.evaluate } : {}),\n    };\n    for (const listener of listenersOf(source, properties[source])) {\n      const actions = selectActions({ listener, source: changeSource(source), self: current, known, options });\n      for (const [target, nextValue] of valueChanges(actions, properties)) {\n        if (Object.is(current[target], nextValue)) continue;\n        current = { ...current };\n        if (nextValue === undefined) delete current[target];\n        else current[target] = nextValue;\n        queue.push(target);\n      }\n    }\n  }\n  return current;\n}\n\nfunction valueChanges(\n  actions: ChangeActions,\n  properties: Record<string, JsonSchemaProperty>,\n): [string, unknown][] {\n  return [\n    ...list(actions, \"reset\").map((target): [string, unknown] => {\n      const fallback = properties[target]?.default;\n      return [target, fallback === undefined ? undefined : cloneSchemaDefault(fallback)];\n    }),\n    ...Object.entries(actions.set ?? {}).map(([target, v]): [string, unknown] => [target, cloneSchemaDefault(v)]),\n  ];\n}\n\nfunction listenersOf(key: string, prop: JsonSchemaProperty | undefined): ChangeListener[] {\n  const listeners = prop?.[\"x-on-change\"];\n  if (listeners === undefined) return [];\n  if (!Array.isArray(listeners)) {\n    throw new Error(`\"${key}\": x-on-change must be an array of listeners, got ${typeof listeners}`);\n  }\n  return listeners;\n}\n\n// selectActions validates both branches of a listener (so a schema error\n// surfaces whichever branch is live) and returns the one that applies now.\nfunction selectActions({\n  listener,\n  source,\n  self,\n  known,\n  options,\n}: {\n  listener: ChangeListener;\n  source: ListenerSource;\n  self: Record<string, unknown>;\n  known: Set<string>;\n  options: ListenerOptions;\n}): ChangeActions {\n  validateActions(source, listener, known);\n  if (listener.else) validateActions(source, listener.else, known);\n  return listenerHolds(listener, source, self, options) ? listener : (listener.else ?? {});\n}\n\n// listenerHolds evaluates `when` against the source's subject: the property's\n// value for x-on-change, the object itself for x-on-load.\nfunction listenerHolds(\n  listener: ChangeListener,\n  { label, key, load }: ListenerSource,\n  self: Record<string, unknown>,\n  options: ListenerOptions,\n): boolean {\n  if (listener.when === undefined) return true;\n  const { expr, ...predicate } = listener.when;\n  const hasPredicate = Object.keys(predicate).length > 0;\n  const subject = load ? self : self[key];\n  if (!hasPredicate && expr === undefined) {\n    throw new Error(`${label}: when states nothing it can evaluate`);\n  }\n  if (expr !== undefined && typeof expr !== \"string\") {\n    throw new Error(`${label}: when.expr must be a string, got ${typeof expr}`);\n  }\n  if (expr !== undefined && !options.evaluate) {\n    throw new Error(`${label}: when.expr \"${expr}\" needs the form's expressionEvaluator`);\n  }\n  if (hasPredicate) {\n    const holds = evaluatePredicate(predicate, subject);\n    if (holds === undefined) {\n      throw new Error(`${label}: when states nothing it can evaluate (${JSON.stringify(predicate)})`);\n    }\n    if (!holds) return false;\n  }\n  if (expr === undefined || !options.evaluate) return true;\n  const result: unknown = options.evaluate({ expr, key, value: subject, self, root: options.root });\n  if (typeof result !== \"boolean\") {\n    throw new Error(`${label}: expressionEvaluator returned ${typeof result} for \"${expr}\", expected boolean`);\n  }\n  return result;\n}\n\nfunction validateActions(source: ListenerSource, actions: ChangeActions, known: Set<string>): void {\n  const { label } = source;\n  if (actions.set !== undefined && !isPlainObject(actions.set)) {\n    throw new Error(`${label}: set must be an object of target → value`);\n  }\n  if (source.load) {\n    const local = LOCAL_ACTIONS.find((name) => actions[name] !== undefined);\n    if (local) {\n      throw new Error(`${label}: ${local} is not allowed in x-on-load, which only derives state (hide/show/enable/disable/patch)`);\n    }\n  }\n  const setKeys = Object.keys(actions.set ?? {});\n  for (const name of LOCAL_ACTIONS) {\n    const targets = name === \"set\" ? setKeys : list(actions, name);\n    const path = targets.find(isPathTarget);\n    if (path !== undefined) {\n      throw new Error(`${label}: ${name} \"${path}\" cannot take a path; value and required actions act on sibling keys only`);\n    }\n  }\n  for (const target of [...LIST_NAMES.flatMap((name) => list(actions, name)), ...setKeys]) {\n    validateTarget(label, target, known);\n  }\n  const pairs: [string, string[], string, string[]][] = [\n    ...CONTRADICTIONS.map(([a, b]): [string, string[], string, string[]] => [a, list(actions, a), b, list(actions, b)]),\n    [\"reset\", list(actions, \"reset\"), \"set\", setKeys],\n  ];\n  for (const [a, left, b, right] of pairs) {\n    const clash = left.find((target) => right.includes(target));\n    if (clash !== undefined) {\n      throw new Error(`${label}: both ${a} and ${b} \"${clash}\"`);\n    }\n  }\n  validatePatch(label, actions, known);\n}\n\n// validateTarget checks a target's grammar and that its first segment is a key\n// the schema declares in some branch.\nfunction validateTarget(label: string, target: string, known: Set<string>): void {\n  if (isPathTarget(target) && known.has(target)) {\n    throw new Error(`${label}: target \"${target}\" is both a declared key and a path`);\n  }\n  const [first = \"\"] = targetSegments(label, target);\n  if (!known.has(first)) throw new Error(`${label}: unknown target \"${target}\"`);\n}\n\n// validatePatch checks a `patch`: an object of keyword objects on known\n// targets, no denied keyword, and no keyword a verb in the same actions sets.\nfunction validatePatch(label: string, actions: ChangeActions, known: Set<string>): void {\n  const patch: unknown = actions.patch;\n  if (patch === undefined) return;\n  if (!isPlainObject(patch)) {\n    throw new Error(`${label}: patch must be an object of target → keywords`);\n  }\n  for (const [target, keywords] of Object.entries(patch)) {\n    validateTarget(label, target, known);\n    if (!isPlainObject(keywords)) {\n      throw new Error(`${label}: patch \"${target}\" must be an object of keywords`);\n    }\n    for (const keyword of Object.keys(keywords)) {\n      const denied = PATCH_DENIED[keyword];\n      if (denied) throw new Error(`${label}: patch \"${target}\" may not set ${keyword} (${denied})`);\n    }\n    for (const [verb, keyword] of STATE_FLAGS) {\n      if (keyword in keywords && list(actions, verb).includes(target)) {\n        throw new Error(`${label}: both ${verb} and patch ${keyword} on \"${target}\"`);\n      }\n    }\n  }\n}\n\nfunction list(actions: ChangeActions, name: ListName): string[] {\n  const targets = actions[name];\n  if (targets === undefined) return [];\n  if (!Array.isArray(targets)) {\n    throw new Error(`x-on-change: ${name} must be an array of property keys, got ${typeof targets}`);\n  }\n  return targets;\n}\n\n// Every key the schema can declare in any branch — a listener may target a\n// field that only exists while some `allOf` branch is live.\nfunction declaredKeys(schema: JsonSchemaObject): Set<string> {\n  const keys = new Set(Object.keys(schema.properties ?? {}));\n  for (const clause of schema.allOf ?? []) {\n    for (const branch of [clause, clause.then, clause.else]) {\n      for (const key of Object.keys(branch?.properties ?? {})) keys.add(key);\n    }\n  }\n  return keys;\n}\n"],"names":["effectiveProperties","patchTarget","matchesIf","cloneSchemaDefault","evaluatePredicate","isPlainObject","isPathTarget","targetSegments"],"mappings":";;;;;;AA6CA,MAAM,gBAA8D,CAAC,WAAW,YAAY,SAAS,KAAK;AAE1G,MAAM,cAAgE;AAAA,EACpE,CAAC,QAAQ,YAAY,IAAI;AAAA,EACzB,CAAC,QAAQ,YAAY,KAAK;AAAA,EAC1B,CAAC,WAAW,cAAc,IAAI;AAAA,EAC9B,CAAC,UAAU,cAAc,KAAK;AAChC;AAEA,MAAM,iBAAyC;AAAA,EAC7C,CAAC,QAAQ,MAAM;AAAA,EACf,CAAC,UAAU,SAAS;AAAA,EACpB,CAAC,WAAW,UAAU;AACxB;AAEA,MAAM,aAAyB,CAAC,QAAQ,QAAQ,UAAU,WAAW,WAAW,YAAY,OAAO;AAGnG,MAAM,eAAuC;AAAA,EAC3C,GAAG,OAAO;AAAA,IACR,CAAC,QAAQ,cAAc,SAAS,wBAAwB,qBAAqB,SAAS,SAAS,SAAS,MAAM,QAAQ,QAAQ,OAAO,QAAQ,OAAO,EAAE;AAAA,MACpJ,CAAC,YAAY,CAAC,SAAS,mDAAmD;AAAA,IAAA;AAAA,EAC5E;AAAA,EAEF,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,eAAe;AAAA,EACf,aAAa;AACf;AASO,SAAS,mBACd,QACA,OACA,SACqB;AACrB,QAAM,EAAE,YAAY,SAAA,IAAaA,2BAAAA,oBAAoB,QAAQ,KAAK;AAClE,QAAM,cAAc,IAAI,IAAI,QAAQ;AACpC,QAAM,QAAQ,aAAa,MAAM;AACjC,QAAM,QAAyB;AAAA,IAC7B,GAAG,gBAAgB,QAAQ,KAAK;AAAA,IAChC,GAAG,OAAO,QAAQ,UAAU,EAAE;AAAA,MAAQ,CAAC,CAAC,KAAK,IAAI,MAC/C,YAAY,KAAK,IAAI,EAAE,IAAI,CAAC,cAAc,EAAE,UAAU,QAAQ,aAAa,GAAG,IAAI;AAAA,IAAA;AAAA,EACpF;AAEF,aAAW,EAAE,UAAU,OAAA,KAAY,OAAO;AACxC,UAAM,UAAU,cAAc,EAAE,UAAU,QAAQ,MAAM,OAAO,OAAO,SAAS;AAC/E,eAAW,CAAC,MAAM,SAAS,IAAI,KAAK,aAAa;AAC/C,iBAAW,UAAU,KAAK,SAAS,IAAI,GAAG;AACxCC,oCAAAA,YAAY,EAAE,YAAY,OAAO,QAAQ,OAAO,CAAC,SAAS,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,GAAG,QAAQ,SAAS,MAAM,OAAO,KAAK,GAAG;AAAA,MACjI;AAAA,IACF;AACA,eAAW,UAAU,KAAK,SAAS,SAAS,GAAG;AAC7C,UAAI,WAAW,MAAM,EAAG,aAAY,IAAI,MAAM;AAAA,IAChD;AACA,eAAW,UAAU,KAAK,SAAS,UAAU,EAAG,aAAY,OAAO,MAAM;AACzE,eAAW,CAAC,QAAQ,QAAQ,KAAK,OAAO,QAAQ,QAAQ,SAAS,CAAA,CAAE,GAAG;AACpEA,kCAAAA,YAAY,EAAE,YAAY,OAAO,QAAQ,OAAO,CAAC,UAAU,EAAE,GAAG,MAAM,GAAG,SAAA,IAAa;AAAA,IACxF;AAAA,EACF;AACA,SAAO,EAAE,YAAY,UAAU,CAAC,GAAG,WAAW,EAAA;AAChD;AAIA,SAAS,SAAS,MAA0B,SAAiB,MAAe,OAAmC;AAC7G,MAAI,YAAY,WAAY,QAAO;AACnC,MAAI,KAAM,QAAO,EAAE,GAAG,MAAM,eAAe,MAAA;AAC3C,QAAM,EAAE,eAAe,KAAK,GAAG,UAAU;AACzC,SAAO;AACT;AAMA,SAAS,gBAAgB,QAA0B,OAAiD;;AAClG,QAAM,QAAQ,gBAAgB,OAAO,WAAW,GAAG,aAAa;AAChE,aAAW,CAAC,OAAO,MAAM,MAAM,OAAO,SAAS,IAAI,WAAW;AAC5D,QAAI,OAAO,OAAO,UAAa,OAAO,SAAS,QAAW;AACxD,YAAM,KAAK,GAAG,gBAAgB,OAAO,WAAW,GAAG,WAAW,KAAK,YAAY,CAAC;AAChF;AAAA,IACF;AACA,UAAM,SAASC,2BAAAA,UAAU,OAAO,IAAI,KAAK,IAAI,SAAS;AACtD,UAAM,KAAK,GAAG,iBAAgB,YAAO,MAAM,MAAb,mBAAiB,cAAc,WAAW,KAAK,IAAI,MAAM,YAAY,CAAC;AAAA,EACtG;AACA,SAAO;AACT;AAEA,SAAS,gBAAgB,WAAoB,SAAkC;AAC7E,MAAI,cAAc,OAAW,QAAO,CAAA;AACpC,MAAI,CAAC,MAAM,QAAQ,SAAS,GAAG;AAC7B,UAAM,IAAI,MAAM,gBAAgB,OAAO,uCAAuC,OAAO,SAAS,EAAE;AAAA,EAClG;AACA,SAAO,UAAU,IAAI,CAAC,UAA0B,WAAW;AAAA,IACzD;AAAA,IACA,QAAQ,EAAE,OAAO,gBAAgB,OAAO,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,KAAA;AAAA,EAAK,EACzE;AACJ;AAEA,SAAS,aAAa,KAA6B;AACjD,SAAO,EAAE,OAAO,mBAAmB,GAAG,KAAK,KAAK,MAAM,MAAA;AACxD;AAOO,SAAS,mBACd,QACA,MACyB;AACzB,MAAI,UAAmC,EAAE,GAAG,KAAK,OAAO,CAAC,KAAK,GAAG,GAAG,KAAK,KAAA;AACzE,QAAM,QAAQ,aAAa,MAAM;AACjC,QAAM,4BAAY,IAAA;AAClB,QAAM,QAAQ,CAAC,KAAK,GAAG;AACvB,WAAS,SAAS,MAAM,MAAA,GAAS,WAAW,QAAW,SAAS,MAAM,SAAS;AAC7E,QAAI,MAAM,IAAI,MAAM,EAAG;AACvB,UAAM,IAAI,MAAM;AAChB,UAAM,EAAE,WAAA,IAAeF,+CAAoB,QAAQ,OAAO;AAC1D,UAAM,UAA2B;AAAA,MAC/B,MAAM,KAAK,SAAS,KAAK,QAAQ,UAAU,KAAK;AAAA,MAChD,GAAI,KAAK,WAAW,EAAE,UAAU,KAAK,SAAA,IAAa,CAAA;AAAA,IAAC;AAErD,eAAW,YAAY,YAAY,QAAQ,WAAW,MAAM,CAAC,GAAG;AAC9D,YAAM,UAAU,cAAc,EAAE,UAAU,QAAQ,aAAa,MAAM,GAAG,MAAM,SAAS,OAAO,QAAA,CAAS;AACvG,iBAAW,CAAC,QAAQ,SAAS,KAAK,aAAa,SAAS,UAAU,GAAG;AACnE,YAAI,OAAO,GAAG,QAAQ,MAAM,GAAG,SAAS,EAAG;AAC3C,kBAAU,EAAE,GAAG,QAAA;AACf,YAAI,cAAc,OAAW,QAAO,QAAQ,MAAM;AAAA,YAC7C,SAAQ,MAAM,IAAI;AACvB,cAAM,KAAK,MAAM;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,aACP,SACA,YACqB;AACrB,SAAO;AAAA,IACL,GAAG,KAAK,SAAS,OAAO,EAAE,IAAI,CAAC,WAA8B;;AAC3D,YAAM,YAAW,gBAAW,MAAM,MAAjB,mBAAoB;AACrC,aAAO,CAAC,QAAQ,aAAa,SAAY,SAAYG,uBAAAA,mBAAmB,QAAQ,CAAC;AAAA,IACnF,CAAC;AAAA,IACD,GAAG,OAAO,QAAQ,QAAQ,OAAO,CAAA,CAAE,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAyB,CAAC,QAAQA,uBAAAA,mBAAmB,CAAC,CAAC,CAAC;AAAA,EAAA;AAEhH;AAEA,SAAS,YAAY,KAAa,MAAwD;AACxF,QAAM,YAAY,6BAAO;AACzB,MAAI,cAAc,OAAW,QAAO,CAAA;AACpC,MAAI,CAAC,MAAM,QAAQ,SAAS,GAAG;AAC7B,UAAM,IAAI,MAAM,IAAI,GAAG,qDAAqD,OAAO,SAAS,EAAE;AAAA,EAChG;AACA,SAAO;AACT;AAIA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMkB;AAChB,kBAAgB,QAAQ,UAAU,KAAK;AACvC,MAAI,SAAS,KAAM,iBAAgB,QAAQ,SAAS,MAAM,KAAK;AAC/D,SAAO,cAAc,UAAU,QAAQ,MAAM,OAAO,IAAI,WAAY,SAAS,QAAQ,CAAA;AACvF;AAIA,SAAS,cACP,UACA,EAAE,OAAO,KAAK,KAAA,GACd,MACA,SACS;AACT,MAAI,SAAS,SAAS,OAAW,QAAO;AACxC,QAAM,EAAE,MAAM,GAAG,UAAA,IAAc,SAAS;AACxC,QAAM,eAAe,OAAO,KAAK,SAAS,EAAE,SAAS;AACrD,QAAM,UAAU,OAAO,OAAO,KAAK,GAAG;AACtC,MAAI,CAAC,gBAAgB,SAAS,QAAW;AACvC,UAAM,IAAI,MAAM,GAAG,KAAK,uCAAuC;AAAA,EACjE;AACA,MAAI,SAAS,UAAa,OAAO,SAAS,UAAU;AAClD,UAAM,IAAI,MAAM,GAAG,KAAK,qCAAqC,OAAO,IAAI,EAAE;AAAA,EAC5E;AACA,MAAI,SAAS,UAAa,CAAC,QAAQ,UAAU;AAC3C,UAAM,IAAI,MAAM,GAAG,KAAK,gBAAgB,IAAI,wCAAwC;AAAA,EACtF;AACA,MAAI,cAAc;AAChB,UAAM,QAAQC,2BAAAA,kBAAkB,WAAW,OAAO;AAClD,QAAI,UAAU,QAAW;AACvB,YAAM,IAAI,MAAM,GAAG,KAAK,0CAA0C,KAAK,UAAU,SAAS,CAAC,GAAG;AAAA,IAChG;AACA,QAAI,CAAC,MAAO,QAAO;AAAA,EACrB;AACA,MAAI,SAAS,UAAa,CAAC,QAAQ,SAAU,QAAO;AACpD,QAAM,SAAkB,QAAQ,SAAS,EAAE,MAAM,KAAK,OAAO,SAAS,MAAM,MAAM,QAAQ,KAAA,CAAM;AAChG,MAAI,OAAO,WAAW,WAAW;AAC/B,UAAM,IAAI,MAAM,GAAG,KAAK,kCAAkC,OAAO,MAAM,SAAS,IAAI,qBAAqB;AAAA,EAC3G;AACA,SAAO;AACT;AAEA,SAAS,gBAAgB,QAAwB,SAAwB,OAA0B;AACjG,QAAM,EAAE,UAAU;AAClB,MAAI,QAAQ,QAAQ,UAAa,CAACC,YAAAA,cAAc,QAAQ,GAAG,GAAG;AAC5D,UAAM,IAAI,MAAM,GAAG,KAAK,2CAA2C;AAAA,EACrE;AACA,MAAI,OAAO,MAAM;AACf,UAAM,QAAQ,cAAc,KAAK,CAAC,SAAS,QAAQ,IAAI,MAAM,MAAS;AACtE,QAAI,OAAO;AACT,YAAM,IAAI,MAAM,GAAG,KAAK,KAAK,KAAK,yFAAyF;AAAA,IAC7H;AAAA,EACF;AACA,QAAM,UAAU,OAAO,KAAK,QAAQ,OAAO,CAAA,CAAE;AAC7C,aAAW,QAAQ,eAAe;AAChC,UAAM,UAAU,SAAS,QAAQ,UAAU,KAAK,SAAS,IAAI;AAC7D,UAAM,OAAO,QAAQ,KAAKC,wCAAY;AACtC,QAAI,SAAS,QAAW;AACtB,YAAM,IAAI,MAAM,GAAG,KAAK,KAAK,IAAI,KAAK,IAAI,2EAA2E;AAAA,IACvH;AAAA,EACF;AACA,aAAW,UAAU,CAAC,GAAG,WAAW,QAAQ,CAAC,SAAS,KAAK,SAAS,IAAI,CAAC,GAAG,GAAG,OAAO,GAAG;AACvF,mBAAe,OAAO,QAAQ,KAAK;AAAA,EACrC;AACA,QAAM,QAAgD;AAAA,IACpD,GAAG,eAAe,IAAI,CAAC,CAAC,GAAG,CAAC,MAA4C,CAAC,GAAG,KAAK,SAAS,CAAC,GAAG,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC;AAAA,IAClH,CAAC,SAAS,KAAK,SAAS,OAAO,GAAG,OAAO,OAAO;AAAA,EAAA;AAElD,aAAW,CAAC,GAAG,MAAM,GAAG,KAAK,KAAK,OAAO;AACvC,UAAM,QAAQ,KAAK,KAAK,CAAC,WAAW,MAAM,SAAS,MAAM,CAAC;AAC1D,QAAI,UAAU,QAAW;AACvB,YAAM,IAAI,MAAM,GAAG,KAAK,UAAU,CAAC,QAAQ,CAAC,KAAK,KAAK,GAAG;AAAA,IAC3D;AAAA,EACF;AACA,gBAAc,OAAO,SAAS,KAAK;AACrC;AAIA,SAAS,eAAe,OAAe,QAAgB,OAA0B;AAC/E,MAAIA,4BAAAA,aAAa,MAAM,KAAK,MAAM,IAAI,MAAM,GAAG;AAC7C,UAAM,IAAI,MAAM,GAAG,KAAK,aAAa,MAAM,qCAAqC;AAAA,EAClF;AACA,QAAM,CAAC,QAAQ,EAAE,IAAIC,4BAAAA,eAAe,OAAO,MAAM;AACjD,MAAI,CAAC,MAAM,IAAI,KAAK,EAAG,OAAM,IAAI,MAAM,GAAG,KAAK,qBAAqB,MAAM,GAAG;AAC/E;AAIA,SAAS,cAAc,OAAe,SAAwB,OAA0B;AACtF,QAAM,QAAiB,QAAQ;AAC/B,MAAI,UAAU,OAAW;AACzB,MAAI,CAACF,YAAAA,cAAc,KAAK,GAAG;AACzB,UAAM,IAAI,MAAM,GAAG,KAAK,gDAAgD;AAAA,EAC1E;AACA,aAAW,CAAC,QAAQ,QAAQ,KAAK,OAAO,QAAQ,KAAK,GAAG;AACtD,mBAAe,OAAO,QAAQ,KAAK;AACnC,QAAI,CAACA,YAAAA,cAAc,QAAQ,GAAG;AAC5B,YAAM,IAAI,MAAM,GAAG,KAAK,YAAY,MAAM,iCAAiC;AAAA,IAC7E;AACA,eAAW,WAAW,OAAO,KAAK,QAAQ,GAAG;AAC3C,YAAM,SAAS,aAAa,OAAO;AACnC,UAAI,OAAQ,OAAM,IAAI,MAAM,GAAG,KAAK,YAAY,MAAM,iBAAiB,OAAO,KAAK,MAAM,GAAG;AAAA,IAC9F;AACA,eAAW,CAAC,MAAM,OAAO,KAAK,aAAa;AACzC,UAAI,WAAW,YAAY,KAAK,SAAS,IAAI,EAAE,SAAS,MAAM,GAAG;AAC/D,cAAM,IAAI,MAAM,GAAG,KAAK,UAAU,IAAI,cAAc,OAAO,QAAQ,MAAM,GAAG;AAAA,MAC9E;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,KAAK,SAAwB,MAA0B;AAC9D,QAAM,UAAU,QAAQ,IAAI;AAC5B,MAAI,YAAY,OAAW,QAAO,CAAA;AAClC,MAAI,CAAC,MAAM,QAAQ,OAAO,GAAG;AAC3B,UAAM,IAAI,MAAM,gBAAgB,IAAI,2CAA2C,OAAO,OAAO,EAAE;AAAA,EACjG;AACA,SAAO;AACT;AAIA,SAAS,aAAa,QAAuC;AAC3D,QAAM,OAAO,IAAI,IAAI,OAAO,KAAK,OAAO,cAAc,CAAA,CAAE,CAAC;AACzD,aAAW,UAAU,OAAO,SAAS,CAAA,GAAI;AACvC,eAAW,UAAU,CAAC,QAAQ,OAAO,MAAM,OAAO,IAAI,GAAG;AACvD,iBAAW,OAAO,OAAO,MAAK,iCAAQ,eAAc,CAAA,CAAE,EAAG,MAAK,IAAI,GAAG;AAAA,IACvE;AAAA,EACF;AACA,SAAO;AACT;;;"}

package/dist/components/json-schema-form-listeners.d.ts

@@ -0,0 +1,13 @@
+import { EffectiveProperties } from './json-schema-form-conditionals.js';
+import { ExpressionEvaluator, JsonSchemaObject } from './json-schema-form-types.js';
+export interface ListenerOptions {
+    root: Record<string, unknown>;
+    evaluate?: ExpressionEvaluator;
+}
+export declare function applyListenerState(schema: JsonSchemaObject, value: Record<string, unknown>, options: ListenerOptions): EffectiveProperties;
+export declare function applyChangeEffects(schema: JsonSchemaObject, edit: ListenerOptions & {
+    value: Record<string, unknown>;
+    key: string;
+    next: unknown;
+}): Record<string, unknown>;
+//# sourceMappingURL=json-schema-form-listeners.d.ts.map

package/dist/components/json-schema-form-listeners.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-form-listeners.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-listeners.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,mBAAmB,EACzB,MAAM,iCAAiC,CAAC;AAGzC,OAAO,KAAK,EAGV,mBAAmB,EACnB,gBAAgB,EAEjB,MAAM,0BAA0B,CAAC;AAOlC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC;AA0DD,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,OAAO,EAAE,eAAe,GACvB,mBAAmB,CA0BrB;AAgDD,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,gBAAgB,EACxB,IAAI,EAAE,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,GACrF,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAyBzB"}