ngx-json-render 0.9.0 → 0.9.2

package/README.md

@@ -2,7 +2,7 @@
 
 [![npm](https://img.shields.io/npm/v/ngx-json-render)](https://www.npmjs.com/package/ngx-json-render) [![CI](https://github.com/shteynu/ngx-json-render/actions/workflows/ci.yml/badge.svg)](https://github.com/shteynu/ngx-json-render/actions/workflows/ci.yml) [![license](https://img.shields.io/npm/l/ngx-json-render)](https://github.com/shteynu/ngx-json-render/blob/main/LICENSE)
 
-Angular renderer for [json-render](https://github.com/vercel-labs/json-render) — give an LLM a catalog of your components, stream back a JSON spec, and render it as real Angular components. No `innerHTML`, no `eval`, no framework lock-in on the wire format.
+Generative UI for Angular: a renderer for [json-render](https://github.com/vercel-labs/json-render). Give an LLM a catalog of your components, stream back a JSON spec, and render it as real Angular components. No `innerHTML`, no `eval`, no framework lock-in on the wire format.
 
 Built on `@json-render/core` (the same spec format, expressions, state store, actions, and streaming compiler used by the React, Vue, Solid, and Svelte renderers) and idiomatic modern Angular: standalone components, signals, `OnPush` everywhere, and zoneless — no `NgZone`, no Zone.js.
 
@@ -57,12 +57,14 @@ npx skills add shteynu/ngx-json-render --skill ngx-json-render
 
 The source is [`skills/ngx-json-render/SKILL.md`](https://github.com/shteynu/ngx-json-render/blob/main/skills/ngx-json-render/SKILL.md);
 the Material catalog has one too (`--skill ngx-json-render-material`).
+An agent that reads [llms.txt](https://llmstxt.org) instead can start from
+<https://shteynu.github.io/ngx-json-render/llms.txt>.
 
 ## The shortest path: a ready-made catalog
 
 Writing a catalog is the honest first step, but you do not have to take it to
 see a spec render. [`ngx-json-render-material`](https://www.npmjs.com/package/ngx-json-render-material)
-ships 29 Angular Material components already registered, so a generated spec
+ships 33 Angular Material components already registered, so a generated spec
 renders with nothing else wired up:
 
 ```bash
@@ -119,7 +121,7 @@ against `@hashbrownai/angular` 0.6.1, as published on 2026-09-30:
 | What the model emits | A json-render spec, streamed as RFC 6902 patches — the format the React, Vue, Svelte and Solid renderers read, so a catalog and a spec move between frameworks unchanged | Hashbrown's own JSON, generated against a schema built from the components you expose; read by Hashbrown's Angular and React clients                 |
 | Server               | Anything that streams text: the [AI SDK](https://ai-sdk.dev) in a few lines, or your own endpoint; `catalog.prompt()` writes the system prompt                           | An [AG-UI](https://docs.ag-ui.com) endpoint, built with Hashbrown's adapters (OpenAI, Anthropic, Google, Azure, Bedrock, Ollama) or your own mapping |
 | Angular              | 20, 21 and 22, each tested in CI                                                                                                                                         | 22 only since 0.6 (0.5 supported 20 and 21)                                                                                                          |
-| Components           | Your own, or 29 ready-made Angular Material ones ([`ngx-json-render-material`](https://www.npmjs.com/package/ngx-json-render-material))                                  | Your own (`exposeComponent`, UI kits)                                                                                                                |
+| Components           | Your own, or 33 ready-made Angular Material ones ([`ngx-json-render-material`](https://www.npmjs.com/package/ngx-json-render-material))                                  | Your own (`exposeComponent`, UI kits)                                                                                                                |
 | Beyond rendering     | Rendering-focused: state and two-way bindings in the spec, actions, visibility, repeat, watch, confirmation dialogs                                                      | An agent toolkit: client-side tools, a QuickJS sandbox for model-written code, shared agent state, interrupts, streaming Markdown                    |
 | License              | Apache-2.0                                                                                                                                                               | MIT                                                                                                                                                  |
 
@@ -250,6 +252,38 @@ export class Page {
 }
 ```
 
+### Defaults for the whole app
+
+A chat renders a spec in every message, and binding the same registry and handlers on each one gets old. `provideJsonRender` sets them once:
+
+```ts
+bootstrapApplication(App, {
+  providers: [
+    provideJsonRender(() => {
+      const orders = inject(OrderService); // the function form runs in an injection context
+      return {
+        registry,
+        catalog,
+        handlers: { cancelOrder: (params) => orders.cancel(params['id']) },
+      };
+    }),
+  ],
+});
+```
+
+```html
+<json-render [spec]="m.spec" />
+```
+
+Every option input can be provided: `registry`, `fallback`, `validate`, `renderLimits`, `catalog`, `handlers`, `onAction`, `navigate`, `validationFunctions`, `functions` and `directives`. Per-instance inputs (`spec`, `loading`, `state`, `store`) cannot. The rules:
+
+- An input bound on the element wins over the provided value. One left `null` or `undefined` falls through to it.
+- `handlers`, `functions`, `validationFunctions` and `directives` merge by name instead, the element's entry winning a name both define. A chat can provide app-wide handlers and still add one for a single message.
+- Everything else replaces. A `registry` belongs to its catalog, so two are never mixed behind your back; to combine them, spread them yourself (`{ ...registry, ...extraRegistry }`).
+- It works in application, route and component `providers`. A provider below another extends it by the same rules.
+
+With no registry bound and none provided, the renderer throws, naming both ways to supply one.
+
 ## Streaming a UI from an LLM
 
 Specs stream as JSONL patch lines (RFC 6902). Render partial specs as they arrive — the renderer tolerates missing elements while `loading` is true:
@@ -391,15 +425,16 @@ import { JsonRenderer, injectChatUI } from 'ngx-json-render';
     @for (m of chat.messages(); track m.id) {
       <p>{{ m.text }}</p>
       @if (m.spec) {
-        <json-render [spec]="m.spec" [registry]="registry" />
+        <json-render [spec]="m.spec" />
       }
     }
     <button (click)="chat.send('show me revenue for the quarter')">Ask</button>
   `,
 })
 export class ChatPage {
+  // The registry comes from provideJsonRender({ registry }) in the app's
+  // providers: see "Defaults for the whole app".
   readonly chat = injectChatUI({ api: '/api/chat' });
-  readonly registry = registry;
 }
 ```
 
@@ -965,7 +1000,26 @@ rather than the one holding session, entitlement or billing state.
 **A spec chooses the navigation target.** `onSuccess: { navigate }` passes its
 string to the `navigate` callback you provide, verbatim. Treat it as untrusted:
 match it against known routes, and never hand it to `window.location` or
-`router.navigateByUrl` unchecked.
+`router.navigateByUrl` unchecked. `ngx-json-render/router` does the checking
+for an app on the Angular `Router`:
+
+```ts
+import { injectRouterNavigate } from 'ngx-json-render/router';
+
+provideJsonRender(() => ({
+  registry,
+  navigate: injectRouterNavigate({ allow: ['/thanks', /^\/orders\/\d+$/] }),
+}));
+```
+
+It passes a path to `router.navigateByUrl` only when `allow` lets it through
+(strings match the path exactly, before any `?` or `#`; a `RegExp` is tested
+against it; a function decides). `allow` is required, because only the app
+knows which of its routes a generated UI may open. Whatever `allow` says, a
+path that does not start with a single `/` is refused: no other origin, no
+`javascript:` or other scheme, no relative path, no backslash or control
+character. A refused path, or a navigation the router rejects, is reported
+with `console.warn` and goes nowhere.
 
 **A spec cannot render forever.** Two elements naming each other as children,
 or one naming itself, would recurse until the tab died. The renderer refuses to
@@ -1013,6 +1067,8 @@ Components: `JsonRenderer` (`<json-render>`), `JrChildren`, `JrConfirmDialog`, `
 
 Injectables/helpers: `injectRenderContext`, `injectElementKey`, `injectRepeatScope`, `injectStateStore`, `injectStateValue`, `injectStateBinding`, `injectBoundProp`, `injectActions`, `injectAction`, `injectValidation`, `injectFieldValidation`, `injectUIStream`, `injectChatUI`, `injectDevtoolsActive`, `injectConfirmContext`, `jsonRenderMessage`, `isActionCancelled`, `checkSpec`.
 
+App-wide defaults: `provideJsonRender`, the `JSON_RENDER_CONFIG` token it fills, and the type `JsonRenderConfig`.
+
 Tokens: `JR_CONFIRM_DIALOG` (replace the confirmation dialog), `JR_CONFIRM_LABELS` (its two words), `CONFIRM_CONTEXT`, `RENDER_CONTEXT`, `REPEAT_SCOPE`.
 
 Spec checking: `checkSpec`, `formatSpecCheckIssues`, and the types
@@ -1031,6 +1087,8 @@ Schema alone (`ngx-json-render/schema`): `schema`, `AngularSchema`, `AngularSpec
 
 MCP Apps (`ngx-json-render/mcp`): `injectJsonRenderApp`, `parseSpecFromToolResult`, `messageText`, and the types `JsonRenderApp`, `JsonRenderAppOptions`. Needs the optional peers `@modelcontextprotocol/ext-apps` and `@modelcontextprotocol/sdk`.
 
+Router (`ngx-json-render/router`): `injectRouterNavigate`, and the type `RouterNavigateOptions`. Needs the optional peer `@angular/router`, which an Angular app on the router already has.
+
 Devtools (`ngx-json-render/devtools`): `JsonRenderDevtools` (`<json-render-devtools>`), and the types `DevtoolsEvent`, `PanelPosition`. Needs the optional peer `@json-render/devtools`.
 
 Testing (`ngx-json-render/testing`): `renderSpec`, `renderComponent`, `recordedTransport`, `specStream`, `usageLine`.
@@ -1042,7 +1100,7 @@ Everything from `@json-render/core` (types, `createStateStore`, `nestedToFlat`,
 | Input                 | Type                                 | Purpose                                                 |
 | --------------------- | ------------------------------------ | ------------------------------------------------------- |
 | `spec`                | `Spec \| null`                       | The UI spec (may be partial while streaming)            |
-| `registry`            | `ComponentRegistry`                  | Catalog type → Angular component                        |
+| `registry`            | `ComponentRegistry`                  | Catalog type → component; required unless provided      |
 | `loading`             | `boolean`                            | Suppress missing-element warnings while streaming       |
 | `fallback`            | `Type<unknown>`                      | Component for unknown types                             |
 | `validate`            | `'off' \| 'warn' \| 'strict'`        | Check the settled spec's structure (default `'off'`)    |
@@ -1059,6 +1117,8 @@ Everything from `@json-render/core` (types, `createStateStore`, `nestedToFlat`,
 
 Output: `(stateChange)` — batched `{ path, value }[]` in uncontrolled mode.
 
+Every input but `spec`, `loading`, `state` and `store` can come from `provideJsonRender` instead; see [Defaults for the whole app](#defaults-for-the-whole-app).
+
 ## License
 
 Apache-2.0

package/fesm2022/ngx-json-render-devtools.mjs

@@ -238,10 +238,10 @@ class JsonRenderDevtools {
             this.events = null;
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: JsonRenderDevtools, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: JsonRenderDevtools, isStandalone: true, selector: "json-render-devtools", inputs: { renderer: { classPropertyName: "renderer", publicName: "renderer", isSignal: true, isRequired: false, transformFunction: null }, spec: { classPropertyName: "spec", publicName: "spec", isSignal: true, isRequired: false, transformFunction: null }, catalog: { classPropertyName: "catalog", publicName: "catalog", isSignal: true, isRequired: false, transformFunction: null }, chat: { classPropertyName: "chat", publicName: "chat", isSignal: true, isRequired: false, transformFunction: null }, initialOpen: { classPropertyName: "initialOpen", publicName: "initialOpen", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, hotkey: { classPropertyName: "hotkey", publicName: "hotkey", isSignal: true, isRequired: false, transformFunction: null }, bufferSize: { classPropertyName: "bufferSize", publicName: "bufferSize", isSignal: true, isRequired: false, transformFunction: null }, reserveSpace: { classPropertyName: "reserveSpace", publicName: "reserveSpace", isSignal: true, isRequired: false, transformFunction: null }, allowDockToggle: { classPropertyName: "allowDockToggle", publicName: "allowDockToggle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { event: "event" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: JsonRenderDevtools, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.25", type: JsonRenderDevtools, isStandalone: true, selector: "json-render-devtools", inputs: { renderer: { classPropertyName: "renderer", publicName: "renderer", isSignal: true, isRequired: false, transformFunction: null }, spec: { classPropertyName: "spec", publicName: "spec", isSignal: true, isRequired: false, transformFunction: null }, catalog: { classPropertyName: "catalog", publicName: "catalog", isSignal: true, isRequired: false, transformFunction: null }, chat: { classPropertyName: "chat", publicName: "chat", isSignal: true, isRequired: false, transformFunction: null }, initialOpen: { classPropertyName: "initialOpen", publicName: "initialOpen", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, hotkey: { classPropertyName: "hotkey", publicName: "hotkey", isSignal: true, isRequired: false, transformFunction: null }, bufferSize: { classPropertyName: "bufferSize", publicName: "bufferSize", isSignal: true, isRequired: false, transformFunction: null }, reserveSpace: { classPropertyName: "reserveSpace", publicName: "reserveSpace", isSignal: true, isRequired: false, transformFunction: null }, allowDockToggle: { classPropertyName: "allowDockToggle", publicName: "allowDockToggle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { event: "event" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: JsonRenderDevtools, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: JsonRenderDevtools, decorators: [{
             type: Component,
             args: [{
                     selector: 'json-render-devtools',

package/fesm2022/ngx-json-render-router.mjs

@@ -0,0 +1,71 @@
+import { inject } from '@angular/core';
+import { Router } from '@angular/router';
+
+/**
+ * A `navigate` for `<json-render>` that hands a spec's
+ * `onSuccess: { navigate }` path to the Angular `Router`, but only a path
+ * inside the app that `allow` lets through. Anything else is refused with a
+ * warning and goes nowhere.
+ *
+ * Call it in an injection context — in the function form of
+ * `provideJsonRender`, or in a field initializer:
+ *
+ * ```ts
+ * provideJsonRender(() => ({
+ *   registry,
+ *   navigate: injectRouterNavigate({ allow: ['/thanks', /^\/orders\/\d+$/] }),
+ * }));
+ * ```
+ *
+ * Whatever `allow` says, a path is refused unless it starts with a single
+ * `/`: no other origin (`https://…`, `//host`), no scheme (`javascript:…`),
+ * no path relative to wherever the user happens to be. A backslash or a
+ * control character refuses it too, since browsers read `/\host` as
+ * `//host`.
+ */
+function injectRouterNavigate(options) {
+    const router = inject(Router);
+    const allowed = toPredicate(options.allow);
+    return (path) => {
+        if (!isAppPath(path)) {
+            console.warn(`[ngx-json-render] Refused to navigate to ${JSON.stringify(path)}: a spec may only navigate to a path inside the app, starting with a single "/".`);
+            return;
+        }
+        const pathname = path.split(/[?#]/, 1)[0];
+        if (!allowed(pathname)) {
+            console.warn(`[ngx-json-render] Refused to navigate to "${path}": "${pathname}" is not in the allow list given to injectRouterNavigate.`);
+            return;
+        }
+        router.navigateByUrl(path).catch((error) => {
+            console.warn(`[ngx-json-render] Navigation to "${path}" failed.`, error);
+        });
+    };
+}
+function isAppPath(path) {
+    return (typeof path === 'string' &&
+        /^\/(?![/\\])/.test(path) &&
+        !/[\\\u0000-\u001f\u007f]/.test(path));
+}
+function toPredicate(allow) {
+    if (typeof allow === 'function')
+        return allow;
+    return (path) => allow.some((rule) => {
+        if (typeof rule === 'string')
+            return rule === path;
+        // A global or sticky RegExp keeps `lastIndex` between calls; reset it so
+        // one rule answers the same way for the same path every time.
+        rule.lastIndex = 0;
+        return rule.test(path);
+    });
+}
+
+/*
+ * Public API Surface of ngx-json-render/router
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { injectRouterNavigate };
+//# sourceMappingURL=ngx-json-render-router.mjs.map

package/fesm2022/ngx-json-render-router.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-json-render-router.mjs","sources":["../../../projects/ngx-json-render/router/src/router-navigate.ts","../../../projects/ngx-json-render/router/src/public-api.ts","../../../projects/ngx-json-render/router/src/ngx-json-render-router.ts"],"sourcesContent":["import { inject } from '@angular/core';\nimport { Router } from '@angular/router';\n\n/** Which paths a spec may send the app to. */\nexport interface RouterNavigateOptions {\n  /**\n   * The paths a spec may navigate to. A string must equal the path exactly; a\n   * `RegExp` is tested against it; a function decides on its own. The path is\n   * what comes before any `?` or `#`, so a query string or fragment neither\n   * helps nor hurts a match, and is passed on to the router as written.\n   *\n   * Required: a spec is model output, and the app is what knows which of its\n   * routes a generated UI has any business opening.\n   */\n  readonly allow: readonly (string | RegExp)[] | ((path: string) => boolean);\n}\n\n/**\n * A `navigate` for `<json-render>` that hands a spec's\n * `onSuccess: { navigate }` path to the Angular `Router`, but only a path\n * inside the app that `allow` lets through. Anything else is refused with a\n * warning and goes nowhere.\n *\n * Call it in an injection context — in the function form of\n * `provideJsonRender`, or in a field initializer:\n *\n * ```ts\n * provideJsonRender(() => ({\n *   registry,\n *   navigate: injectRouterNavigate({ allow: ['/thanks', /^\\/orders\\/\\d+$/] }),\n * }));\n * ```\n *\n * Whatever `allow` says, a path is refused unless it starts with a single\n * `/`: no other origin (`https://…`, `//host`), no scheme (`javascript:…`),\n * no path relative to wherever the user happens to be. A backslash or a\n * control character refuses it too, since browsers read `/\\host` as\n * `//host`.\n */\nexport function injectRouterNavigate(\n  options: RouterNavigateOptions,\n): (path: string) => void {\n  const router = inject(Router);\n  const allowed = toPredicate(options.allow);\n  return (path) => {\n    if (!isAppPath(path)) {\n      console.warn(\n        `[ngx-json-render] Refused to navigate to ${JSON.stringify(path)}: a spec may only navigate to a path inside the app, starting with a single \"/\".`,\n      );\n      return;\n    }\n    const pathname = path.split(/[?#]/, 1)[0];\n    if (!allowed(pathname)) {\n      console.warn(\n        `[ngx-json-render] Refused to navigate to \"${path}\": \"${pathname}\" is not in the allow list given to injectRouterNavigate.`,\n      );\n      return;\n    }\n    router.navigateByUrl(path).catch((error: unknown) => {\n      console.warn(`[ngx-json-render] Navigation to \"${path}\" failed.`, error);\n    });\n  };\n}\n\nfunction isAppPath(path: unknown): path is string {\n  return (\n    typeof path === 'string' &&\n    /^\\/(?![/\\\\])/.test(path) &&\n    !/[\\\\\\u0000-\\u001f\\u007f]/.test(path)\n  );\n}\n\nfunction toPredicate(\n  allow: RouterNavigateOptions['allow'],\n): (path: string) => boolean {\n  if (typeof allow === 'function') return allow;\n  return (path) =>\n    allow.some((rule) => {\n      if (typeof rule === 'string') return rule === path;\n      // A global or sticky RegExp keeps `lastIndex` between calls; reset it so\n      // one rule answers the same way for the same path every time.\n      rule.lastIndex = 0;\n      return rule.test(path);\n    });\n}\n","/*\n * Public API Surface of ngx-json-render/router\n */\n\nexport {\n  injectRouterNavigate,\n  type RouterNavigateOptions,\n} from './router-navigate';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAiBA;;;;;;;;;;;;;;;;;;;;;AAqBG;AACG,SAAU,oBAAoB,CAClC,OAA8B,EAAA;AAE9B,IAAA,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC7B,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC;IAC1C,OAAO,CAAC,IAAI,KAAI;AACd,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;AACpB,YAAA,OAAO,CAAC,IAAI,CACV,CAAA,yCAAA,EAA4C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA,gFAAA,CAAkF,CACnJ;YACD;QACF;AACA,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AACzC,QAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YACtB,OAAO,CAAC,IAAI,CACV,CAAA,0CAAA,EAA6C,IAAI,CAAA,IAAA,EAAO,QAAQ,CAAA,yDAAA,CAA2D,CAC5H;YACD;QACF;QACA,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,KAAc,KAAI;YAClD,OAAO,CAAC,IAAI,CAAC,CAAA,iCAAA,EAAoC,IAAI,CAAA,SAAA,CAAW,EAAE,KAAK,CAAC;AAC1E,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AACH;AAEA,SAAS,SAAS,CAAC,IAAa,EAAA;AAC9B,IAAA,QACE,OAAO,IAAI,KAAK,QAAQ;AACxB,QAAA,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;AACzB,QAAA,CAAC,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC;AAEzC;AAEA,SAAS,WAAW,CAClB,KAAqC,EAAA;IAErC,IAAI,OAAO,KAAK,KAAK,UAAU;AAAE,QAAA,OAAO,KAAK;AAC7C,IAAA,OAAO,CAAC,IAAI,KACV,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAI;QAClB,IAAI,OAAO,IAAI,KAAK,QAAQ;YAAE,OAAO,IAAI,KAAK,IAAI;;;AAGlD,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC;AAClB,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;AACxB,IAAA,CAAC,CAAC;AACN;;ACpFA;;AAEG;;ACFH;;AAEG;;"}

package/fesm2022/ngx-json-render-testing.mjs

@@ -256,14 +256,14 @@ class JrComponentTestHost {
     parent = inject(Injector);
     component = signal(null, ...(ngDevMode ? [{ debugName: "component" }] : /* istanbul ignore next */ []));
     injector = signal(this.parent, ...(ngDevMode ? [{ debugName: "injector" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: JrComponentTestHost, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: JrComponentTestHost, isStandalone: true, selector: "jr-component-test-host", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: JrComponentTestHost, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: JrComponentTestHost, isStandalone: true, selector: "jr-component-test-host", ngImport: i0, template: `
     @if (component(); as type) {
       <ng-container *ngComponentOutlet="type; injector: injector()" />
     }
   `, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: JrComponentTestHost, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: JrComponentTestHost, decorators: [{
             type: Component,
             args: [{
                     selector: 'jr-component-test-host',
@@ -420,8 +420,8 @@ class JrTestHost {
     validationFunctions = signal(undefined, ...(ngDevMode ? [{ debugName: "validationFunctions" }] : /* istanbul ignore next */ []));
     directives = signal(undefined, ...(ngDevMode ? [{ debugName: "directives" }] : /* istanbul ignore next */ []));
     record = () => { };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: JrTestHost, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: JrTestHost, isStandalone: true, selector: "jr-test-host", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: JrTestHost, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: JrTestHost, isStandalone: true, selector: "jr-test-host", ngImport: i0, template: `
     <json-render
       [spec]="spec()"
       [registry]="registry()"
@@ -439,7 +439,7 @@ class JrTestHost {
     />
   `, isInline: true, dependencies: [{ kind: "component", type: JsonRenderer, selector: "json-render", inputs: ["spec", "registry", "loading", "fallback", "validate", "renderLimits", "catalog", "state", "store", "handlers", "onAction", "navigate", "validationFunctions", "functions", "directives"], outputs: ["stateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: JrTestHost, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: JrTestHost, decorators: [{
             type: Component,
             args: [{
                     selector: 'jr-test-host',