@cratis/scene.react 4.10.0 → 4.11.0

package/dist/esm/packages/PackageHostView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PackageHostView.js","sources":["../../../packages/PackageHostView.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { SceneElement } from '@cratis/scene.model';\nimport { SceneElementView } from '../SceneElementView';\nimport { PackageHostAssets } from './PackageHostAssets';\nimport { PackageHostConfiguration, resolvePackageHost } from './PackageHostConfiguration';\nimport { PackageHostRenderMode } from './PackageHostRenderMode';\n\nexport interface PackageHostViewProps {\n    configuration: PackageHostConfiguration;\n    element: SceneElement;\n    mode?: PackageHostRenderMode;\n    dataContext?: unknown;\n    queryResults?: Record<string, unknown>;\n    componentOutputs?: Record<string, Record<string, unknown>>;\n}\n\n/**\n * Renders a Scene element through an approved package host. Diagnostics are blocking: no rejected bundle,\n * component, asset or design-time contribution is rendered after policy/dependency validation fails.\n */\nexport function PackageHostView({\n    configuration,\n    element,\n    mode = PackageHostRenderMode.Embedded,\n    dataContext,\n    queryResults,\n    componentOutputs,\n}: PackageHostViewProps) {\n    const host = resolvePackageHost(configuration);\n    if (host.blocked) {\n        return <section role='alert' data-scene-host-mode={mode} data-scene-host-blocked='true'>\n            <h2>Scene package host blocked rendering</h2>\n            <ul>{host.diagnostics.map(diagnostic => <li key={diagnostic}>{diagnostic}</li>)}</ul>\n        </section>;\n    }\n\n    return <section data-scene-host-mode={mode} data-scene-host-blocked='false'>\n        <PackageHostAssets assets={host.assets} fonts={host.fonts} />\n        <SceneElementView element={element} registry={host.components} dataContext={dataContext} queryResults={queryResults} componentOutputs={componentOutputs} />\n    </section>;\n}\n"],"names":["PackageHostView","configuration","element","mode","PackageHostRenderMode","Embedded","dataContext","queryResults","componentOutputs","host","resolvePackageHost","blocked","_jsxs","section","role","data-scene-host-mode","data-scene-host-blocked","_jsx","h2","ul","diagnostics","map","diagnostic","li","PackageHostAssets","assets","fonts","SceneElementView","registry","components"],"mappings":";;;;;;AAAA;AACA;AAiBA;;;AAGC,IACM,SAASA,eAAAA,CAAgB,EAC5BC,aAAa,EACbC,OAAO,EACPC,IAAAA,GAAOC,qBAAAA,CAAsBC,QAAQ,EACrCC,WAAW,EACXC,YAAY,EACZC,gBAAgB,EACG,EAAA;AACnB,IAAA,MAAMC,OAAOC,kBAAAA,CAAmBT,aAAAA,CAAAA;IAChC,IAAIQ,IAAAA,CAAKE,OAAO,EAAE;AACd,QAAA,qBAAOC,IAAA,CAACC,SAAAA,EAAAA;YAAQC,IAAAA,EAAK,OAAA;YAAQC,sBAAAA,EAAsBZ,IAAAA;YAAMa,yBAAAA,EAAwB,MAAA;;8BAC7EC,GAAA,CAACC,IAAAA,EAAAA;AAAG,oBAAA,QAAA,EAAA;;8BACJD,GAAA,CAACE,IAAAA,EAAAA;AAAIV,oBAAAA,QAAAA,EAAAA,IAAAA,CAAKW,WAAW,CAACC,GAAG,CAACC,CAAAA,2BAAcL,GAAA,CAACM,IAAAA,EAAAA;AAAqBD,4BAAAA,QAAAA,EAAAA;AAAbA,yBAAAA,EAAAA,UAAAA,CAAAA;;;;AAEzD,IAAA;AAEA,IAAA,qBAAOV,IAAA,CAACC,SAAAA,EAAAA;QAAQE,sBAAAA,EAAsBZ,IAAAA;QAAMa,yBAAAA,EAAwB,OAAA;;0BAChEC,GAAA,CAACO,iBAAAA,EAAAA;AAAkBC,gBAAAA,MAAAA,EAAQhB,KAAKgB,MAAM;AAAEC,gBAAAA,KAAAA,EAAOjB,KAAKiB;;0BACpDT,GAAA,CAACU,gBAAAA,EAAAA;gBAAiBzB,OAAAA,EAASA,OAAAA;AAAS0B,gBAAAA,QAAAA,EAAUnB,KAAKoB,UAAU;gBAAEvB,WAAAA,EAAaA,WAAAA;gBAAaC,YAAAA,EAAcA,YAAAA;gBAAcC,gBAAAA,EAAkBA;;;;AAE/I;;"}

package/dist/esm/packages/StandalonePackageHost.d.ts

@@ -0,0 +1,3 @@
+import { PackageHostViewProps } from './PackageHostView';
+export declare function StandalonePackageHost(props: Omit<PackageHostViewProps, 'mode'>): import("react").JSX.Element;
+//# sourceMappingURL=StandalonePackageHost.d.ts.map

package/dist/esm/packages/StandalonePackageHost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandalonePackageHost.d.ts","sourceRoot":"","sources":["../../../packages/StandalonePackageHost.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAI1E,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,+BAE9E"}

package/dist/esm/packages/StandalonePackageHost.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { PackageHostView } from './PackageHostView.js';
+import { PackageHostRenderMode } from './PackageHostRenderMode.js';
+
+/** A standalone browser package host example surface. */ function StandalonePackageHost(props) {
+    return /*#__PURE__*/ jsx(PackageHostView, {
+        ...props,
+        mode: PackageHostRenderMode.Standalone
+    });
+}
+
+export { StandalonePackageHost };
+//# sourceMappingURL=StandalonePackageHost.js.map

package/dist/esm/packages/StandalonePackageHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandalonePackageHost.js","sources":["../../../packages/StandalonePackageHost.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { PackageHostView, PackageHostViewProps } from './PackageHostView';\nimport { PackageHostRenderMode } from './PackageHostRenderMode';\n\n/** A standalone browser package host example surface. */\nexport function StandalonePackageHost(props: Omit<PackageHostViewProps, 'mode'>) {\n    return <PackageHostView {...props} mode={PackageHostRenderMode.Standalone} />;\n}\n"],"names":["StandalonePackageHost","props","_jsx","PackageHostView","mode","PackageHostRenderMode","Standalone"],"mappings":";;;;AAMA,0DACO,SAASA,qBAAAA,CAAsBC,KAAyC,EAAA;AAC3E,IAAA,qBAAOC,GAAA,CAACC,eAAAA,EAAAA;AAAiB,QAAA,GAAGF,KAAK;AAAEG,QAAAA,IAAAA,EAAMC,sBAAsBC;;AACnE;;"}

package/dist/esm/packages/WebViewPackageHost.d.ts

@@ -0,0 +1,3 @@
+import { PackageHostViewProps } from './PackageHostView';
+export declare function WebViewPackageHost(props: Omit<PackageHostViewProps, 'mode'>): import("react").JSX.Element;
+//# sourceMappingURL=WebViewPackageHost.d.ts.map

package/dist/esm/packages/WebViewPackageHost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebViewPackageHost.d.ts","sourceRoot":"","sources":["../../../packages/WebViewPackageHost.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAI1E,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,+BAE3E"}

package/dist/esm/packages/WebViewPackageHost.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { PackageHostView } from './PackageHostView.js';
+import { PackageHostRenderMode } from './PackageHostRenderMode.js';
+
+/** A constrained webview package host example surface. */ function WebViewPackageHost(props) {
+    return /*#__PURE__*/ jsx(PackageHostView, {
+        ...props,
+        mode: PackageHostRenderMode.WebView
+    });
+}
+
+export { WebViewPackageHost };
+//# sourceMappingURL=WebViewPackageHost.js.map

package/dist/esm/packages/WebViewPackageHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebViewPackageHost.js","sources":["../../../packages/WebViewPackageHost.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { PackageHostView, PackageHostViewProps } from './PackageHostView';\nimport { PackageHostRenderMode } from './PackageHostRenderMode';\n\n/** A constrained webview package host example surface. */\nexport function WebViewPackageHost(props: Omit<PackageHostViewProps, 'mode'>) {\n    return <PackageHostView {...props} mode={PackageHostRenderMode.WebView} />;\n}\n"],"names":["WebViewPackageHost","props","_jsx","PackageHostView","mode","PackageHostRenderMode","WebView"],"mappings":";;;;AAMA,2DACO,SAASA,kBAAAA,CAAmBC,KAAyC,EAAA;AACxE,IAAA,qBAAOC,GAAA,CAACC,eAAAA,EAAAA;AAAiB,QAAA,GAAGF,KAAK;AAAEG,QAAAA,IAAAA,EAAMC,sBAAsBC;;AACnE;;"}

package/dist/esm/packages/index.d.ts

@@ -6,7 +6,13 @@ export * from './DesignTimePropertyDisplayProps';
 export * from './DesignTimePropertyEditorProps';
 export * from './DesignTimeProvider';
 export * from '../navigation';
+export * from './EmbeddedPackageHost';
+export * from './PackageHostAssets';
 export * from './PackageHostConfiguration';
+export * from './PackageHostRenderMode';
+export * from './PackageHostView';
 export * from './ScenePackageBundle';
+export * from './StandalonePackageHost';
+export * from './WebViewPackageHost';
 export * from './ComponentsUiLibraryContract';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/packages/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/index.ts"],"names":[],"mappings":"AAGA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/index.ts"],"names":[],"mappings":"AAGA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC"}

package/dist/esm/packages/index.js

@@ -6,7 +6,13 @@ export * from './DesignTimePropertyDisplayProps';
 export * from './DesignTimePropertyEditorProps';
 export * from './DesignTimeProvider';
 export * from '../navigation';
+export * from './EmbeddedPackageHost';
+export * from './PackageHostAssets';
 export * from './PackageHostConfiguration';
+export * from './PackageHostRenderMode';
+export * from './PackageHostView';
 export * from './ScenePackageBundle';
+export * from './StandalonePackageHost';
+export * from './WebViewPackageHost';
 export * from './ComponentsUiLibraryContract';
 //# sourceMappingURL=index.js.map

package/dist/esm/packages/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/index.ts"],"names":[],"mappings":"AAGA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../packages/index.ts"],"names":[],"mappings":"AAGA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC"}

package/dist/esm/renderer/InteractiveComponent.js

@@ -42,6 +42,7 @@ function resolveProperties(properties, resolveBinding) {
 }
 function resolveValue(value, resolveBinding) {
     if (isBindingExpression(value)) return resolveBinding(value);
+    if (isDestinationReference(value)) return value;
     if (Array.isArray(value)) return value.map((entry)=>resolveValue(entry, resolveBinding));
     if (value !== null && typeof value === 'object') {
         return Object.fromEntries(Object.entries(value).map(([name, entry])=>[
@@ -54,6 +55,9 @@ function resolveValue(value, resolveBinding) {
 function isBindingExpression(value) {
     return value !== null && typeof value === 'object' && !Array.isArray(value) && typeof value.path === 'string';
 }
+function isDestinationReference(value) {
+    return value !== null && typeof value === 'object' && !Array.isArray(value) && 'routeParameterBindings' in value;
+}
 
 export { InteractiveComponent };
 //# sourceMappingURL=InteractiveComponent.js.map

package/dist/esm/renderer/InteractiveComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"InteractiveComponent.js","sources":["../../../renderer/InteractiveComponent.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ComponentType, ReactNode, createElement, useEffect, useMemo } from 'react';\nimport { BindingExpression, ExternalComponent } from '@cratis/scene.model';\nimport { useInteractions } from '../interactions';\nimport { useBindingOutputs } from './BindingOutputContext';\nimport { RegisteredComponentProps } from './ComponentRegistry';\nimport { useRenderBindingResolver } from './RenderBindingScopeContext';\n\nexport interface InteractiveComponentProps {\n    component: ComponentType<RegisteredComponentProps>;\n    element: ExternalComponent;\n    slots: Record<string, ReactNode[]>;\n}\n\n/**\n * Resolves an element's interactions and hands them to the component that renders it.\n *\n * This exists as a component rather than as a call inside the renderer because resolving them is a hook, and a\n * hook cannot run inside the plain function a {@link Renderer} is. Keeping the renderer plain is what lets the\n * same element tree be rendered by something that is not React at all.\n */\nexport function InteractiveComponent({ component, element, slots }: InteractiveComponentProps) {\n    const interactions = useInteractions(element.id, element.behaviors);\n    const bindingOutputs = useBindingOutputs(element.id);\n    const resolveBinding = useRenderBindingResolver();\n    const resolvedElement = useMemo(() => ({\n        ...element,\n        properties: resolveProperties(element.properties, resolveBinding),\n    }), [element, resolveBinding]);\n    useEffect(() => () => bindingOutputs.clearAll(), [element.id]);\n    return createElement(component, { element: resolvedElement, slots, interactions, bindingOutputs });\n}\n\nfunction resolveProperties(properties: Record<string, unknown>, resolveBinding: (binding: BindingExpression) => unknown): Record<string, unknown> {\n    return Object.fromEntries(Object.entries(properties).map(([name, value]) => [name, resolveValue(value, resolveBinding)]));\n}\n\nfunction resolveValue(value: unknown, resolveBinding: (binding: BindingExpression) => unknown): unknown {\n    if (isBindingExpression(value)) return resolveBinding(value);\n    if (Array.isArray(value)) return value.map(entry => resolveValue(entry, resolveBinding));\n    if (value !== null && typeof value === 'object') {\n        return Object.fromEntries(Object.entries(value as Record<string, unknown>).map(([name, entry]) => [name, resolveValue(entry, resolveBinding)]));\n    }\n\n    return value;\n}\n\nfunction isBindingExpression(value: unknown): value is BindingExpression {\n    return value !== null && typeof value === 'object' && !Array.isArray(value) && typeof (value as Record<string, unknown>).path === 'string';\n}\n"],"names":["InteractiveComponent","component","element","slots","interactions","useInteractions","id","behaviors","bindingOutputs","useBindingOutputs","resolveBinding","useRenderBindingResolver","resolvedElement","useMemo","properties","resolveProperties","useEffect","clearAll","createElement","Object","fromEntries","entries","map","name","value","resolveValue","isBindingExpression","Array","isArray","entry","path"],"mappings":";;;;;;;AAAA;AACA;AAeA;;;;;;IAOO,SAASA,oBAAAA,CAAqB,EAAEC,SAAS,EAAEC,OAAO,EAAEC,KAAK,EAA6B,EAAA;AACzF,IAAA,MAAMC,eAAeC,eAAAA,CAAgBH,OAAAA,CAAQI,EAAE,EAAEJ,QAAQK,SAAS,CAAA;IAClE,MAAMC,cAAAA,GAAiBC,iBAAAA,CAAkBP,OAAAA,CAAQI,EAAE,CAAA;AACnD,IAAA,MAAMI,cAAAA,GAAiBC,wBAAAA,EAAAA;IACvB,MAAMC,eAAAA,GAAkBC,OAAAA,CAAQ,KAAO;AACnC,YAAA,GAAGX,OAAO;YACVY,UAAAA,EAAYC,iBAAAA,CAAkBb,OAAAA,CAAQY,UAAU,EAAEJ,cAAAA;AACtD,SAAA,CAAA,EAAI;AAACR,QAAAA,OAAAA;AAASQ,QAAAA;AAAe,KAAA,CAAA;AAC7BM,IAAAA,SAAAA,CAAU,IAAM,IAAMR,cAAAA,CAAeS,QAAQ,EAAA,EAAI;AAACf,QAAAA,OAAAA,CAAQI;AAAG,KAAA,CAAA;AAC7D,IAAA,qBAAOY,cAAcjB,SAAAA,EAAW;QAAEC,OAAAA,EAASU,eAAAA;AAAiBT,QAAAA,KAAAA;AAAOC,QAAAA,YAAAA;AAAcI,QAAAA;AAAe,KAAA,CAAA;AACpG;AAEA,SAASO,iBAAAA,CAAkBD,UAAmC,EAAEJ,cAAuD,EAAA;AACnH,IAAA,OAAOS,MAAAA,CAAOC,WAAW,CAACD,MAAAA,CAAOE,OAAO,CAACP,UAAAA,CAAAA,CAAYQ,GAAG,CAAC,CAAC,CAACC,IAAAA,EAAMC,MAAM,GAAK;AAACD,YAAAA,IAAAA;AAAME,YAAAA,YAAAA,CAAaD,KAAAA,EAAOd,cAAAA;AAAgB,SAAA,CAAA,CAAA;AAC3H;AAEA,SAASe,YAAAA,CAAaD,KAAc,EAAEd,cAAuD,EAAA;IACzF,IAAIgB,mBAAAA,CAAoBF,KAAAA,CAAAA,EAAQ,OAAOd,cAAAA,CAAec,KAAAA,CAAAA;IACtD,IAAIG,KAAAA,CAAMC,OAAO,CAACJ,KAAAA,CAAAA,EAAQ,OAAOA,KAAAA,CAAMF,GAAG,CAACO,CAAAA,KAAAA,GAASJ,YAAAA,CAAaI,KAAAA,EAAOnB,cAAAA,CAAAA,CAAAA;AACxE,IAAA,IAAIc,KAAAA,KAAU,IAAA,IAAQ,OAAOA,KAAAA,KAAU,QAAA,EAAU;AAC7C,QAAA,OAAOL,MAAAA,CAAOC,WAAW,CAACD,MAAAA,CAAOE,OAAO,CAACG,KAAAA,CAAAA,CAAkCF,GAAG,CAAC,CAAC,CAACC,IAAAA,EAAMM,MAAM,GAAK;AAACN,gBAAAA,IAAAA;AAAME,gBAAAA,YAAAA,CAAaI,KAAAA,EAAOnB,cAAAA;AAAgB,aAAA,CAAA,CAAA;AACjJ,IAAA;IAEA,OAAOc,KAAAA;AACX;AAEA,SAASE,oBAAoBF,KAAc,EAAA;AACvC,IAAA,OAAOA,KAAAA,KAAU,IAAA,IAAQ,OAAOA,KAAAA,KAAU,YAAY,CAACG,KAAAA,CAAMC,OAAO,CAACJ,KAAAA,CAAAA,IAAU,OAAO,KAACA,CAAkCM,IAAI,KAAK,QAAA;AACtI;;"}
+{"version":3,"file":"InteractiveComponent.js","sources":["../../../renderer/InteractiveComponent.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ComponentType, ReactNode, createElement, useEffect, useMemo } from 'react';\nimport { BindingExpression, ExternalComponent } from '@cratis/scene.model';\nimport { useInteractions } from '../interactions';\nimport { useBindingOutputs } from './BindingOutputContext';\nimport { RegisteredComponentProps } from './ComponentRegistry';\nimport { useRenderBindingResolver } from './RenderBindingScopeContext';\n\nexport interface InteractiveComponentProps {\n    component: ComponentType<RegisteredComponentProps>;\n    element: ExternalComponent;\n    slots: Record<string, ReactNode[]>;\n}\n\n/**\n * Resolves an element's interactions and hands them to the component that renders it.\n *\n * This exists as a component rather than as a call inside the renderer because resolving them is a hook, and a\n * hook cannot run inside the plain function a {@link Renderer} is. Keeping the renderer plain is what lets the\n * same element tree be rendered by something that is not React at all.\n */\nexport function InteractiveComponent({ component, element, slots }: InteractiveComponentProps) {\n    const interactions = useInteractions(element.id, element.behaviors);\n    const bindingOutputs = useBindingOutputs(element.id);\n    const resolveBinding = useRenderBindingResolver();\n    const resolvedElement = useMemo(() => ({\n        ...element,\n        properties: resolveProperties(element.properties, resolveBinding),\n    }), [element, resolveBinding]);\n    useEffect(() => () => bindingOutputs.clearAll(), [element.id]);\n    return createElement(component, { element: resolvedElement, slots, interactions, bindingOutputs });\n}\n\nfunction resolveProperties(properties: Record<string, unknown>, resolveBinding: (binding: BindingExpression) => unknown): Record<string, unknown> {\n    return Object.fromEntries(Object.entries(properties).map(([name, value]) => [name, resolveValue(value, resolveBinding)]));\n}\n\nfunction resolveValue(value: unknown, resolveBinding: (binding: BindingExpression) => unknown): unknown {\n    if (isBindingExpression(value)) return resolveBinding(value);\n    if (isDestinationReference(value)) return value;\n    if (Array.isArray(value)) return value.map(entry => resolveValue(entry, resolveBinding));\n    if (value !== null && typeof value === 'object') {\n        return Object.fromEntries(Object.entries(value as Record<string, unknown>).map(([name, entry]) => [name, resolveValue(entry, resolveBinding)]));\n    }\n\n    return value;\n}\n\nfunction isBindingExpression(value: unknown): value is BindingExpression {\n    return value !== null && typeof value === 'object' && !Array.isArray(value) && typeof (value as Record<string, unknown>).path === 'string';\n}\n\nfunction isDestinationReference(value: unknown): boolean {\n    return value !== null && typeof value === 'object' && !Array.isArray(value) && 'routeParameterBindings' in value;\n}\n"],"names":["InteractiveComponent","component","element","slots","interactions","useInteractions","id","behaviors","bindingOutputs","useBindingOutputs","resolveBinding","useRenderBindingResolver","resolvedElement","useMemo","properties","resolveProperties","useEffect","clearAll","createElement","Object","fromEntries","entries","map","name","value","resolveValue","isBindingExpression","isDestinationReference","Array","isArray","entry","path"],"mappings":";;;;;;;AAAA;AACA;AAeA;;;;;;IAOO,SAASA,oBAAAA,CAAqB,EAAEC,SAAS,EAAEC,OAAO,EAAEC,KAAK,EAA6B,EAAA;AACzF,IAAA,MAAMC,eAAeC,eAAAA,CAAgBH,OAAAA,CAAQI,EAAE,EAAEJ,QAAQK,SAAS,CAAA;IAClE,MAAMC,cAAAA,GAAiBC,iBAAAA,CAAkBP,OAAAA,CAAQI,EAAE,CAAA;AACnD,IAAA,MAAMI,cAAAA,GAAiBC,wBAAAA,EAAAA;IACvB,MAAMC,eAAAA,GAAkBC,OAAAA,CAAQ,KAAO;AACnC,YAAA,GAAGX,OAAO;YACVY,UAAAA,EAAYC,iBAAAA,CAAkBb,OAAAA,CAAQY,UAAU,EAAEJ,cAAAA;AACtD,SAAA,CAAA,EAAI;AAACR,QAAAA,OAAAA;AAASQ,QAAAA;AAAe,KAAA,CAAA;AAC7BM,IAAAA,SAAAA,CAAU,IAAM,IAAMR,cAAAA,CAAeS,QAAQ,EAAA,EAAI;AAACf,QAAAA,OAAAA,CAAQI;AAAG,KAAA,CAAA;AAC7D,IAAA,qBAAOY,cAAcjB,SAAAA,EAAW;QAAEC,OAAAA,EAASU,eAAAA;AAAiBT,QAAAA,KAAAA;AAAOC,QAAAA,YAAAA;AAAcI,QAAAA;AAAe,KAAA,CAAA;AACpG;AAEA,SAASO,iBAAAA,CAAkBD,UAAmC,EAAEJ,cAAuD,EAAA;AACnH,IAAA,OAAOS,MAAAA,CAAOC,WAAW,CAACD,MAAAA,CAAOE,OAAO,CAACP,UAAAA,CAAAA,CAAYQ,GAAG,CAAC,CAAC,CAACC,IAAAA,EAAMC,MAAM,GAAK;AAACD,YAAAA,IAAAA;AAAME,YAAAA,YAAAA,CAAaD,KAAAA,EAAOd,cAAAA;AAAgB,SAAA,CAAA,CAAA;AAC3H;AAEA,SAASe,YAAAA,CAAaD,KAAc,EAAEd,cAAuD,EAAA;IACzF,IAAIgB,mBAAAA,CAAoBF,KAAAA,CAAAA,EAAQ,OAAOd,cAAAA,CAAec,KAAAA,CAAAA;IACtD,IAAIG,sBAAAA,CAAuBH,QAAQ,OAAOA,KAAAA;IAC1C,IAAII,KAAAA,CAAMC,OAAO,CAACL,KAAAA,CAAAA,EAAQ,OAAOA,KAAAA,CAAMF,GAAG,CAACQ,CAAAA,KAAAA,GAASL,YAAAA,CAAaK,KAAAA,EAAOpB,cAAAA,CAAAA,CAAAA;AACxE,IAAA,IAAIc,KAAAA,KAAU,IAAA,IAAQ,OAAOA,KAAAA,KAAU,QAAA,EAAU;AAC7C,QAAA,OAAOL,MAAAA,CAAOC,WAAW,CAACD,MAAAA,CAAOE,OAAO,CAACG,KAAAA,CAAAA,CAAkCF,GAAG,CAAC,CAAC,CAACC,IAAAA,EAAMO,MAAM,GAAK;AAACP,gBAAAA,IAAAA;AAAME,gBAAAA,YAAAA,CAAaK,KAAAA,EAAOpB,cAAAA;AAAgB,aAAA,CAAA,CAAA;AACjJ,IAAA;IAEA,OAAOc,KAAAA;AACX;AAEA,SAASE,oBAAoBF,KAAc,EAAA;AACvC,IAAA,OAAOA,KAAAA,KAAU,IAAA,IAAQ,OAAOA,KAAAA,KAAU,YAAY,CAACI,KAAAA,CAAMC,OAAO,CAACL,KAAAA,CAAAA,IAAU,OAAO,KAACA,CAAkCO,IAAI,KAAK,QAAA;AACtI;AAEA,SAASJ,uBAAuBH,KAAc,EAAA;IAC1C,OAAOA,KAAAA,KAAU,IAAA,IAAQ,OAAOA,KAAAA,KAAU,QAAA,IAAY,CAACI,KAAAA,CAAMC,OAAO,CAACL,KAAAA,CAAAA,IAAU,wBAAA,IAA4BA,KAAAA;AAC/G;;"}