@cratis/scene.react 0.1.0

package/dist/esm/NavBar/extractNavigationItem.js

@@ -0,0 +1,36 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Reads a {@link NavigationItem} out of a {@link Contribution} to the built-in `Navigation` contribution
+ * point. `Contribution.content` carries an {@link ExternalComponent} whose open `properties` bag holds the
+ * navigation-specific values (`label`, `targetScreen`, `routeParameterBindings`, `order`, `group`) - the
+ * same names as {@link NavigationItem}'s own fields. This property-bag contract is Scene#2's own choice,
+ * made without a real Screenplay-to-Scene translation to confirm it against (Stage#37 hasn't been built
+ * yet) - whoever builds that seam should either produce contributions matching this contract or this
+ * function should move to match whatever Stage#37 actually emits.
+ *
+ * @param contribution The contribution to read.
+ * @returns The extracted {@link NavigationItem}, or `undefined` when `contribution.content` isn't an {@link ExternalComponent} or is missing a required property.
+ */ function extractNavigationItem(contribution) {
+    const content = contribution.content;
+    if (!content.properties) {
+        return undefined;
+    }
+    const { label, targetScreen, routeParameterBindings, order, group } = content.properties;
+    if (typeof label !== 'string' || typeof targetScreen !== 'string') {
+        return undefined;
+    }
+    return {
+        label,
+        targetScreen,
+        routeParameterBindings: isBindingExpressionRecord(routeParameterBindings) ? routeParameterBindings : {},
+        order: typeof order === 'number' ? order : contribution.order,
+        group: typeof group === 'string' ? group : undefined
+    };
+}
+function isBindingExpressionRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+
+export { extractNavigationItem };
+//# sourceMappingURL=extractNavigationItem.js.map

package/dist/esm/NavBar/extractNavigationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractNavigationItem.js","sources":["../../../NavBar/extractNavigationItem.ts"],"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 { BindingExpression, Contribution, ExternalComponent, NavigationItem } from '@cratis/scene.model';\n\n/**\n * Reads a {@link NavigationItem} out of a {@link Contribution} to the built-in `Navigation` contribution\n * point. `Contribution.content` carries an {@link ExternalComponent} whose open `properties` bag holds the\n * navigation-specific values (`label`, `targetScreen`, `routeParameterBindings`, `order`, `group`) - the\n * same names as {@link NavigationItem}'s own fields. This property-bag contract is Scene#2's own choice,\n * made without a real Screenplay-to-Scene translation to confirm it against (Stage#37 hasn't been built\n * yet) - whoever builds that seam should either produce contributions matching this contract or this\n * function should move to match whatever Stage#37 actually emits.\n *\n * @param contribution The contribution to read.\n * @returns The extracted {@link NavigationItem}, or `undefined` when `contribution.content` isn't an {@link ExternalComponent} or is missing a required property.\n */\nexport function extractNavigationItem(contribution: Contribution): NavigationItem | undefined {\n    const content = contribution.content as Partial<ExternalComponent>;\n    if (!content.properties) {\n        return undefined;\n    }\n\n    const { label, targetScreen, routeParameterBindings, order, group } = content.properties as Record<string, unknown>;\n    if (typeof label !== 'string' || typeof targetScreen !== 'string') {\n        return undefined;\n    }\n\n    return {\n        label,\n        targetScreen,\n        routeParameterBindings: isBindingExpressionRecord(routeParameterBindings) ? routeParameterBindings : {},\n        order: typeof order === 'number' ? order : contribution.order,\n        group: typeof group === 'string' ? group : undefined,\n    };\n}\n\nfunction isBindingExpressionRecord(value: unknown): value is Record<string, BindingExpression> {\n    return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n"],"names":["extractNavigationItem","contribution","content","properties","undefined","label","targetScreen","routeParameterBindings","order","group","isBindingExpressionRecord","value","Array","isArray"],"mappings":"AAAA;AACA;AAIA;;;;;;;;;;;IAYO,SAASA,qBAAAA,CAAsBC,YAA0B,EAAA;IAC5D,MAAMC,OAAAA,GAAUD,aAAaC,OAAO;IACpC,IAAI,CAACA,OAAAA,CAAQC,UAAU,EAAE;QACrB,OAAOC,SAAAA;AACX,IAAA;AAEA,IAAA,MAAM,EAAEC,KAAK,EAAEC,YAAY,EAAEC,sBAAsB,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAGP,QAAQC,UAAU;AACxF,IAAA,IAAI,OAAOE,KAAAA,KAAU,QAAA,IAAY,OAAOC,iBAAiB,QAAA,EAAU;QAC/D,OAAOF,SAAAA;AACX,IAAA;IAEA,OAAO;AACHC,QAAAA,KAAAA;AACAC,QAAAA,YAAAA;QACAC,sBAAAA,EAAwBG,yBAAAA,CAA0BH,sBAAAA,CAAAA,GAA0BA,sBAAAA,GAAyB,EAAC;AACtGC,QAAAA,KAAAA,EAAO,OAAOA,KAAAA,KAAU,QAAA,GAAWA,KAAAA,GAAQP,aAAaO,KAAK;QAC7DC,KAAAA,EAAO,OAAOA,KAAAA,KAAU,QAAA,GAAWA,KAAAA,GAAQL;AAC/C,KAAA;AACJ;AAEA,SAASM,0BAA0BC,KAAc,EAAA;IAC7C,OAAO,OAAOA,UAAU,QAAA,IAAYA,KAAAA,KAAU,QAAQ,CAACC,KAAAA,CAAMC,OAAO,CAACF,KAAAA,CAAAA;AACzE;;;;"}

package/dist/esm/NavBar/for_NavBar/when_rendering_navigation_contributions.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_rendering_navigation_contributions.d.ts.map

package/dist/esm/NavBar/for_NavBar/when_rendering_navigation_contributions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_rendering_navigation_contributions.d.ts","sourceRoot":"","sources":["../../../../NavBar/for_NavBar/when_rendering_navigation_contributions.tsx"],"names":[],"mappings":""}

package/dist/esm/NavBar/for_NavBar/when_rendering_navigation_contributions.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from '@testing-library/react';
+import { HorizontalAlignment, VerticalAlignment, Visibility } from '@cratis/scene.model';
+import { NavBar } from '../NavBar';
+function navigationContribution(id, properties, order) {
+    const content = {
+        id,
+        name: id,
+        properties,
+        visibility: Visibility.Visible,
+        isEnabled: true,
+        opacity: 1,
+        size: {},
+        zIndex: 0,
+        minimumSize: {},
+        maximumSize: {},
+        margin: { left: 0, top: 0, right: 0, bottom: 0 },
+        horizontalAlignment: HorizontalAlignment.Stretch,
+        verticalAlignment: VerticalAlignment.Stretch,
+        componentName: 'core:navigation-item',
+        slots: {},
+    };
+    return { contributionPointName: 'Navigation', content, order };
+}
+describe('when rendering navigation contributions', () => {
+    describe('and no item declares a group', () => {
+        const contributions = [
+            navigationContribution('adjustments', { label: 'Adjustments', targetScreen: 'Adjustments' }, 20),
+            navigationContribution('invoices', { label: 'Invoices', targetScreen: 'InvoiceList' }, 10),
+        ];
+        beforeEach(() => {
+            render(_jsx(NavBar, { contributions: contributions, renderRoute: item => `/${item.targetScreen}` }));
+        });
+        it('should render every item as a link to its rendered route', () => {
+            screen.getByRole('link', { name: 'Invoices' }).getAttribute('href').should.equal('/InvoiceList');
+            screen.getByRole('link', { name: 'Adjustments' }).getAttribute('href').should.equal('/Adjustments');
+        });
+        it('should render items in aggregated order', () => {
+            const links = screen.getAllByRole('link').map(link => link.textContent);
+            links.should.deep.equal(['Invoices', 'Adjustments']);
+        });
+    });
+    describe('and a contribution cannot be extracted into a navigation item', () => {
+        const contributions = [navigationContribution('broken', { label: 'Broken' })];
+        beforeEach(() => {
+            render(_jsx(NavBar, { contributions: contributions, renderRoute: item => `/${item.targetScreen}` }));
+        });
+        it('should skip it rather than render a broken link', () => {
+            screen.queryAllByRole('link').should.have.lengthOf(0);
+        });
+    });
+});
+//# sourceMappingURL=when_rendering_navigation_contributions.js.map

package/dist/esm/NavBar/for_NavBar/when_rendering_navigation_contributions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_rendering_navigation_contributions.js","sourceRoot":"","sources":["../../../../NavBar/for_NavBar/when_rendering_navigation_contributions.tsx"],"names":[],"mappings":"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"}

package/dist/esm/NavBar/for_extractNavigationItem/when_extracting_from_a_navigation_contribution.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_extracting_from_a_navigation_contribution.d.ts.map

package/dist/esm/NavBar/for_extractNavigationItem/when_extracting_from_a_navigation_contribution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_extracting_from_a_navigation_contribution.d.ts","sourceRoot":"","sources":["../../../../NavBar/for_extractNavigationItem/when_extracting_from_a_navigation_contribution.ts"],"names":[],"mappings":""}

package/dist/esm/NavBar/for_extractNavigationItem/when_extracting_from_a_navigation_contribution.js

@@ -0,0 +1,45 @@
+import { HorizontalAlignment, VerticalAlignment, Visibility } from '@cratis/scene.model';
+import { extractNavigationItem } from '../extractNavigationItem';
+function navigationContribution(properties, order) {
+    const content = {
+        id: 'nav-item',
+        name: 'nav-item',
+        properties,
+        visibility: Visibility.Visible,
+        isEnabled: true,
+        opacity: 1,
+        size: {},
+        zIndex: 0,
+        minimumSize: {},
+        maximumSize: {},
+        margin: { left: 0, top: 0, right: 0, bottom: 0 },
+        horizontalAlignment: HorizontalAlignment.Stretch,
+        verticalAlignment: VerticalAlignment.Stretch,
+        componentName: 'core:navigation-item',
+        slots: {},
+    };
+    return { contributionPointName: 'Navigation', content, order };
+}
+describe('when extracting from a navigation contribution', () => {
+    describe('and the required properties are present', () => {
+        let result;
+        beforeEach(() => {
+            result = extractNavigationItem(navigationContribution({ label: 'Invoices', targetScreen: 'InvoiceList', group: 'Sales' }, 10));
+        });
+        it('should extract the label', () => result.label.should.equal('Invoices'));
+        it('should extract the target screen', () => result.targetScreen.should.equal('InvoiceList'));
+        it('should extract the group', () => result.group.should.equal('Sales'));
+        it('should fall back to the contribution order when the properties bag has none', () => result.order.should.equal(10));
+    });
+    describe('and the label is missing', () => {
+        it('should return undefined', () => {
+            (extractNavigationItem(navigationContribution({ targetScreen: 'InvoiceList' })) === undefined).should.be.true;
+        });
+    });
+    describe('and the target screen is missing', () => {
+        it('should return undefined', () => {
+            (extractNavigationItem(navigationContribution({ label: 'Invoices' })) === undefined).should.be.true;
+        });
+    });
+});
+//# sourceMappingURL=when_extracting_from_a_navigation_contribution.js.map

package/dist/esm/NavBar/for_extractNavigationItem/when_extracting_from_a_navigation_contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_extracting_from_a_navigation_contribution.js","sourceRoot":"","sources":["../../../../NavBar/for_extractNavigationItem/when_extracting_from_a_navigation_contribution.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmC,mBAAmB,EAAkB,iBAAiB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC1I,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,SAAS,sBAAsB,CAAC,UAAmC,EAAE,KAAc;IAC/E,MAAM,OAAO,GAAsB;QAC/B,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,UAAU;QAChB,UAAU;QACV,UAAU,EAAE,UAAU,CAAC,OAAO;QAC9B,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,EAAE;QACR,MAAM,EAAE,CAAC;QACT,WAAW,EAAE,EAAE;QACf,WAAW,EAAE,EAAE;QACf,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QAChD,mBAAmB,EAAE,mBAAmB,CAAC,OAAO;QAChD,iBAAiB,EAAE,iBAAiB,CAAC,OAAO;QAC5C,aAAa,EAAE,sBAAsB;QACrC,KAAK,EAAE,EAAE;KACZ,CAAC;IACF,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AACnE,CAAC;AAED,QAAQ,CAAC,gDAAgD,EAAE,GAAG,EAAE;IAC5D,QAAQ,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACrD,IAAI,MAAkC,CAAC;QAEvC,UAAU,CAAC,GAAG,EAAE;YACZ,MAAM,GAAG,qBAAqB,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;QACnI,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE,CAAC,MAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;QAC7E,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE,CAAC,MAAO,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;QAC/F,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE,CAAC,MAAO,CAAC,KAAM,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3E,EAAE,CAAC,6EAA6E,EAAE,GAAG,EAAE,CAAC,MAAO,CAAC,KAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7H,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACtC,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;YAC/B,CAAC,qBAAqB,CAAC,sBAAsB,CAAC,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;QAClH,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC9C,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;YAC/B,CAAC,qBAAqB,CAAC,sBAAsB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC;QACxG,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './NavBar';
+export * from './extractNavigationItem';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../NavBar/index.ts"],"names":[],"mappings":"AAGA,cAAc,UAAU,CAAC;AACzB,cAAc,yBAAyB,CAAC"}

package/dist/esm/NavBar/index.js

@@ -0,0 +1,3 @@
+export * from './NavBar';
+export * from './extractNavigationItem';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../NavBar/index.ts"],"names":[],"mappings":"AAGA,cAAc,UAAU,CAAC;AACzB,cAAc,yBAAyB,CAAC"}

package/dist/esm/SceneElementView.d.ts

@@ -0,0 +1,10 @@
+import { BindingResolver } from '@cratis/scene.engine';
+import { SceneElement } from '@cratis/scene.model';
+import { ComponentRegistry } from './renderer';
+export interface SceneElementViewProps {
+    element: SceneElement;
+    registry: ComponentRegistry;
+    resolveBinding: BindingResolver;
+}
+export declare function SceneElementView({ element, registry, resolveBinding }: SceneElementViewProps): import("react").JSX.Element;
+//# sourceMappingURL=SceneElementView.d.ts.map

package/dist/esm/SceneElementView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneElementView.d.ts","sourceRoot":"","sources":["../../SceneElementView.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiB,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAuB,MAAM,YAAY,CAAC;AAEpE,MAAM,WAAW,qBAAqB;IAClC,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,cAAc,EAAE,eAAe,CAAC;CACnC;AAMD,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,qBAAqB,+BAG5F"}

package/dist/esm/SceneElementView.js

@@ -0,0 +1,19 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { renderElement } from '@cratis/scene.engine';
+import { createReactRenderer } from './renderer/createReactRenderer.js';
+
+/**
+ * Renders a Scene element tree with the real `Scene.React` renderer - the WYSIWYG building block Studio's
+ * preview surface and Stage's shipped web bundle both consume unmodified.
+ */ function SceneElementView({ element, registry, resolveBinding }) {
+    const renderer = useMemo(()=>createReactRenderer(registry), [
+        registry
+    ]);
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: renderElement(element, renderer, resolveBinding)
+    });
+}
+
+export { SceneElementView };
+//# sourceMappingURL=SceneElementView.js.map

package/dist/esm/SceneElementView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneElementView.js","sources":["../../SceneElementView.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 { useMemo } from 'react';\nimport { renderElement, BindingResolver } from '@cratis/scene.engine';\nimport { SceneElement } from '@cratis/scene.model';\nimport { ComponentRegistry, createReactRenderer } from './renderer';\n\nexport interface SceneElementViewProps {\n    element: SceneElement;\n    registry: ComponentRegistry;\n    resolveBinding: BindingResolver;\n}\n\n/**\n * Renders a Scene element tree with the real `Scene.React` renderer - the WYSIWYG building block Studio's\n * preview surface and Stage's shipped web bundle both consume unmodified.\n */\nexport function SceneElementView({ element, registry, resolveBinding }: SceneElementViewProps) {\n    const renderer = useMemo(() => createReactRenderer(registry), [registry]);\n    return <>{renderElement(element, renderer, resolveBinding)}</>;\n}\n"],"names":["SceneElementView","element","registry","resolveBinding","renderer","useMemo","createReactRenderer","_jsx","_Fragment","renderElement"],"mappings":";;;;;AAcA;;;IAIO,SAASA,gBAAAA,CAAiB,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,cAAc,EAAyB,EAAA;AACzF,IAAA,MAAMC,QAAAA,GAAWC,OAAAA,CAAQ,IAAMC,mBAAAA,CAAoBJ,QAAAA,CAAAA,EAAW;AAACA,QAAAA;AAAS,KAAA,CAAA;IACxE,qBAAOK,GAAA,CAAAC,QAAA,EAAA;AAAGC,QAAAA,QAAAA,EAAAA,aAAAA,CAAcR,SAASG,QAAAA,EAAUD,cAAAA;;AAC/C;;;;"}

package/dist/esm/SceneElementView.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+import { SceneElementView } from './SceneElementView';
+declare const meta: {
+    title: string;
+    component: typeof SceneElementView;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const CoreCardWithText: Story;
+export declare const UnresolvedComponent: Story;
+//# sourceMappingURL=SceneElementView.stories.d.ts.map

package/dist/esm/SceneElementView.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneElementView.stories.d.ts","sourceRoot":"","sources":["../../SceneElementView.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAoCtD,QAAA,MAAM,IAAI;;;;;QAIQ,MAAM;;CACiB,CAAC;eAE3B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAMjC,CAAC"}

package/dist/esm/SceneElementView.stories.js

@@ -0,0 +1,54 @@
+import { HorizontalAlignment, VerticalAlignment, Visibility } from '@cratis/scene.model';
+import { SceneElementView } from './SceneElementView';
+import { coreComponents } from './core';
+function control(id) {
+    return {
+        id,
+        name: id,
+        properties: {},
+        visibility: Visibility.Visible,
+        isEnabled: true,
+        opacity: 1,
+        size: {},
+        zIndex: 0,
+        minimumSize: {},
+        maximumSize: {},
+        margin: { left: 0, top: 0, right: 0, bottom: 0 },
+        horizontalAlignment: HorizontalAlignment.Stretch,
+        verticalAlignment: VerticalAlignment.Stretch,
+        borderThickness: { left: 0, top: 0, right: 0, bottom: 0 },
+        padding: { left: 0, top: 0, right: 0, bottom: 0 },
+        tabIndex: 0,
+    };
+}
+function coreComponent(id, componentName, properties = {}) {
+    return { ...control(id), properties, componentName, slots: {} };
+}
+const card = {
+    ...control('welcome-card'),
+    componentName: 'core:card',
+    slots: { content: [coreComponent('welcome-text', 'core:text', { text: 'Welcome to Scene' })] },
+};
+const root = { ...control('root'), children: [card] };
+const meta = {
+    title: 'Scene/SceneElementView',
+    component: SceneElementView,
+    tags: ['autodocs'],
+    parameters: { layout: 'padded' },
+};
+export default meta;
+export const CoreCardWithText = {
+    args: {
+        element: root,
+        registry: coreComponents,
+        resolveBinding: () => undefined,
+    },
+};
+export const UnresolvedComponent = {
+    args: {
+        element: coreComponent('missing', 'vendor:fancy-widget'),
+        registry: coreComponents,
+        resolveBinding: () => undefined,
+    },
+};
+//# sourceMappingURL=SceneElementView.stories.js.map

package/dist/esm/SceneElementView.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneElementView.stories.js","sourceRoot":"","sources":["../../SceneElementView.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA8B,mBAAmB,EAAS,iBAAiB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5H,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAExC,SAAS,OAAO,CAAC,EAAU;IACvB,OAAO;QACH,EAAE;QACF,IAAI,EAAE,EAAE;QACR,UAAU,EAAE,EAAE;QACd,UAAU,EAAE,UAAU,CAAC,OAAO;QAC9B,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,EAAE;QACR,MAAM,EAAE,CAAC;QACT,WAAW,EAAE,EAAE;QACf,WAAW,EAAE,EAAE;QACf,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QAChD,mBAAmB,EAAE,mBAAmB,CAAC,OAAO;QAChD,iBAAiB,EAAE,iBAAiB,CAAC,OAAO;QAC5C,eAAe,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACzD,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACjD,QAAQ,EAAE,CAAC;KACd,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EAAU,EAAE,aAAqB,EAAE,UAAU,GAA4B,EAAE;IAC9F,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;AACpE,CAAC;AAED,MAAM,IAAI,GAAsB;IAC5B,GAAG,OAAO,CAAC,cAAc,CAAC;IAC1B,aAAa,EAAE,WAAW;IAC1B,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,aAAa,CAAC,cAAc,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAC,EAAE;CACjG,CAAC;AAEF,MAAM,IAAI,GAAU,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;AAE7D,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;CACK,CAAC;AAE1C,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACnC,IAAI,EAAE;QACF,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,cAAc;QACxB,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;KAClC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACtC,IAAI,EAAE;QACF,OAAO,EAAE,aAAa,CAAC,SAAS,EAAE,qBAAqB,CAAC;QACxD,QAAQ,EAAE,cAAc;QACxB,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;KAClC;CACJ,CAAC"}

package/dist/esm/core/CoreButton.d.ts

@@ -0,0 +1,3 @@
+import { RegisteredComponentProps } from '../renderer';
+export declare function CoreButton({ element, slots }: RegisteredComponentProps): import("react").JSX.Element;
+//# sourceMappingURL=CoreButton.d.ts.map

package/dist/esm/core/CoreButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreButton.d.ts","sourceRoot":"","sources":["../../../core/CoreButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAKvD,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAQtE"}

package/dist/esm/core/CoreButton.js

@@ -0,0 +1,20 @@
+import { jsxs } from 'react/jsx-runtime';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The `core:button` component - part of the minimum vocabulary a `ui profile` can always fall back to.
+ */ function CoreButton({ element, slots }) {
+    const label = typeof element.properties.label === 'string' ? element.properties.label : '';
+    return /*#__PURE__*/ jsxs("button", {
+        type: "button",
+        "data-scene-id": element.id,
+        children: [
+            label,
+            slots.content
+        ]
+    });
+}
+
+export { CoreButton };
+//# sourceMappingURL=CoreButton.js.map

package/dist/esm/core/CoreButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreButton.js","sources":["../../../core/CoreButton.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 { RegisteredComponentProps } from '../renderer';\n\n/**\n * The `core:button` component - part of the minimum vocabulary a `ui profile` can always fall back to.\n */\nexport function CoreButton({ element, slots }: RegisteredComponentProps) {\n    const label = typeof element.properties.label === 'string' ? element.properties.label : '';\n    return (\n        <button type=\"button\" data-scene-id={element.id}>\n            {label}\n            {slots.content}\n        </button>\n    );\n}\n"],"names":["CoreButton","element","slots","label","properties","_jsxs","button","type","data-scene-id","id","content"],"mappings":";;AAAA;AACA;AAIA;;AAEC,IACM,SAASA,UAAAA,CAAW,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACnE,IAAA,MAAMC,KAAAA,GAAQ,OAAOF,OAAAA,CAAQG,UAAU,CAACD,KAAK,KAAK,QAAA,GAAWF,OAAAA,CAAQG,UAAU,CAACD,KAAK,GAAG,EAAA;AACxF,IAAA,qBACIE,IAAA,CAACC,QAAAA,EAAAA;QAAOC,IAAAA,EAAK,QAAA;AAASC,QAAAA,eAAAA,EAAeP,QAAQQ,EAAE;;AAC1CN,YAAAA,KAAAA;AACAD,YAAAA,KAAAA,CAAMQ;;;AAGnB;;;;"}

package/dist/esm/core/CoreCard.d.ts

@@ -0,0 +1,3 @@
+import { RegisteredComponentProps } from '../renderer';
+export declare function CoreCard({ element, slots }: RegisteredComponentProps): import("react").JSX.Element;
+//# sourceMappingURL=CoreCard.d.ts.map

package/dist/esm/core/CoreCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreCard.d.ts","sourceRoot":"","sources":["../../../core/CoreCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAKvD,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BAMpE"}

package/dist/esm/core/CoreCard.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The `core:card` component - part of the minimum vocabulary a `ui profile` can always fall back to.
+ */ function CoreCard({ element, slots }) {
+    return /*#__PURE__*/ jsx("section", {
+        "data-scene-id": element.id,
+        style: {
+            border: '1px solid #ccc',
+            borderRadius: 4,
+            padding: '0.75rem'
+        },
+        children: slots.content
+    });
+}
+
+export { CoreCard };
+//# sourceMappingURL=CoreCard.js.map

package/dist/esm/core/CoreCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreCard.js","sources":["../../../core/CoreCard.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 { RegisteredComponentProps } from '../renderer';\n\n/**\n * The `core:card` component - part of the minimum vocabulary a `ui profile` can always fall back to.\n */\nexport function CoreCard({ element, slots }: RegisteredComponentProps) {\n    return (\n        <section data-scene-id={element.id} style={{ border: '1px solid #ccc', borderRadius: 4, padding: '0.75rem' }}>\n            {slots.content}\n        </section>\n    );\n}\n"],"names":["CoreCard","element","slots","_jsx","section","data-scene-id","id","style","border","borderRadius","padding","content"],"mappings":";;AAAA;AACA;AAIA;;AAEC,IACM,SAASA,QAAAA,CAAS,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;AACjE,IAAA,qBACIC,GAAA,CAACC,SAAAA,EAAAA;AAAQC,QAAAA,eAAAA,EAAeJ,QAAQK,EAAE;QAAEC,KAAAA,EAAO;YAAEC,MAAAA,EAAQ,gBAAA;YAAkBC,YAAAA,EAAc,CAAA;YAAGC,OAAAA,EAAS;AAAU,SAAA;AACtGR,QAAAA,QAAAA,EAAAA,KAAAA,CAAMS;;AAGnB;;;;"}

package/dist/esm/core/CoreText.d.ts

@@ -0,0 +1,3 @@
+import { RegisteredComponentProps } from '../renderer';
+export declare function CoreText({ element }: RegisteredComponentProps): import("react").JSX.Element;
+//# sourceMappingURL=CoreText.d.ts.map

package/dist/esm/core/CoreText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreText.d.ts","sourceRoot":"","sources":["../../../core/CoreText.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAMvD,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAG7D"}

package/dist/esm/core/CoreText.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The `core:text` component - the minimum vocabulary a `ui profile` can always fall back to, regardless
+ * of which packages it lists, per Scene#3's `core` fallback guarantee.
+ */ function CoreText({ element }) {
+    const text = typeof element.properties.text === 'string' ? element.properties.text : '';
+    return /*#__PURE__*/ jsx("span", {
+        "data-scene-id": element.id,
+        children: text
+    });
+}
+
+export { CoreText };
+//# sourceMappingURL=CoreText.js.map

package/dist/esm/core/CoreText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreText.js","sources":["../../../core/CoreText.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 { RegisteredComponentProps } from '../renderer';\n\n/**\n * The `core:text` component - the minimum vocabulary a `ui profile` can always fall back to, regardless\n * of which packages it lists, per Scene#3's `core` fallback guarantee.\n */\nexport function CoreText({ element }: RegisteredComponentProps) {\n    const text = typeof element.properties.text === 'string' ? element.properties.text : '';\n    return <span data-scene-id={element.id}>{text}</span>;\n}\n"],"names":["CoreText","element","text","properties","_jsx","span","data-scene-id","id"],"mappings":";;AAAA;AACA;AAIA;;;AAGC,IACM,SAASA,QAAAA,CAAS,EAAEC,OAAO,EAA4B,EAAA;AAC1D,IAAA,MAAMC,IAAAA,GAAO,OAAOD,OAAAA,CAAQE,UAAU,CAACD,IAAI,KAAK,QAAA,GAAWD,OAAAA,CAAQE,UAAU,CAACD,IAAI,GAAG,EAAA;AACrF,IAAA,qBAAOE,GAAA,CAACC,MAAAA,EAAAA;AAAKC,QAAAA,eAAAA,EAAeL,QAAQM,EAAE;AAAGL,QAAAA,QAAAA,EAAAA;;AAC7C;;;;"}

package/dist/esm/core/coreComponents.d.ts

@@ -0,0 +1,3 @@
+import { ComponentRegistry } from '../renderer';
+export declare const coreComponents: ComponentRegistry;
+//# sourceMappingURL=coreComponents.d.ts.map

package/dist/esm/core/coreComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coreComponents.d.ts","sourceRoot":"","sources":["../../../core/coreComponents.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAUhD,eAAO,MAAM,cAAc,EAAE,iBAI5B,CAAC"}

package/dist/esm/core/coreComponents.js

@@ -0,0 +1,18 @@
+import { componentRegistryKey } from '../packages/ScenePackageBundle.js';
+import { CoreText } from './CoreText.js';
+import { CoreButton } from './CoreButton.js';
+import { CoreCard } from './CoreCard.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The `core` package's component registry - the final fallback every `ui profile` resolves against
+ * regardless of which other packages it lists (Scene#3).
+ */ const coreComponents = {
+    [componentRegistryKey('core', 'text')]: CoreText,
+    [componentRegistryKey('core', 'button')]: CoreButton,
+    [componentRegistryKey('core', 'card')]: CoreCard
+};
+
+export { coreComponents };
+//# sourceMappingURL=coreComponents.js.map

package/dist/esm/core/coreComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coreComponents.js","sources":["../../../core/coreComponents.ts"],"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 { ComponentRegistry } from '../renderer';\nimport { componentRegistryKey } from '../packages';\nimport { CoreText } from './CoreText';\nimport { CoreButton } from './CoreButton';\nimport { CoreCard } from './CoreCard';\n\n/**\n * The `core` package's component registry - the final fallback every `ui profile` resolves against\n * regardless of which other packages it lists (Scene#3).\n */\nexport const coreComponents: ComponentRegistry = {\n    [componentRegistryKey('core', 'text')]: CoreText,\n    [componentRegistryKey('core', 'button')]: CoreButton,\n    [componentRegistryKey('core', 'card')]: CoreCard,\n};\n"],"names":["coreComponents","componentRegistryKey","CoreText","CoreButton","CoreCard"],"mappings":";;;;;AAAA;AACA;AAQA;;;UAIaA,cAAAA,GAAoC;IAC7C,CAACC,oBAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUC,QAAAA;IACxC,CAACD,oBAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYE,UAAAA;IAC1C,CAACF,oBAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUG;AAC5C;;;;"}

package/dist/esm/core/corePackage.d.ts

@@ -0,0 +1,5 @@
+import { ScenePackage } from '@cratis/scene.model';
+import { ScenePackageBundle } from '../packages';
+export declare const corePackageManifest: ScenePackage;
+export declare const corePackage: ScenePackageBundle;
+//# sourceMappingURL=corePackage.d.ts.map

package/dist/esm/core/corePackage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"corePackage.d.ts","sourceRoot":"","sources":["../../../core/corePackage.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAUjD,eAAO,MAAM,mBAAmB,EAAE,YAajC,CAAC;AAKF,eAAO,MAAM,WAAW,EAAE,kBAGzB,CAAC"}

package/dist/esm/core/corePackage.js

@@ -0,0 +1,38 @@
+import { PackageKind } from '@cratis/scene.model';
+import { coreComponents } from './coreComponents.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The `core` package's declaration. Every other package is loaded by a host that reads its manifest;
+ * `core` ships inside the renderer itself, because Scene#3 guarantees a bare name always has somewhere to
+ * resolve regardless of which packages a profile lists. It is still declared the same way as any other -
+ * a package picker should be able to show it, and the dependency resolver should be able to reason about
+ * it, without a special case.
+ */ const corePackageManifest = {
+    name: 'core',
+    version: '1.0.0',
+    kind: PackageKind.ComponentLibrary,
+    dependencies: [],
+    components: [
+        'text',
+        'button',
+        'card'
+    ],
+    layouts: [],
+    screenTemplates: [],
+    dialogTemplates: [],
+    themes: [],
+    displayName: 'Core',
+    description: 'The built-in fallback vocabulary every ui profile resolves against.',
+    module: '@cratis/scene.react'
+};
+/**
+ * The `core` package as a loadable bundle.
+ */ const corePackage = {
+    manifest: corePackageManifest,
+    components: coreComponents
+};
+
+export { corePackage, corePackageManifest };
+//# sourceMappingURL=corePackage.js.map

package/dist/esm/core/corePackage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"corePackage.js","sources":["../../../core/corePackage.ts"],"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 { PackageKind, ScenePackage } from '@cratis/scene.model';\nimport { ScenePackageBundle } from '../packages';\nimport { coreComponents } from './coreComponents';\n\n/**\n * The `core` package's declaration. Every other package is loaded by a host that reads its manifest;\n * `core` ships inside the renderer itself, because Scene#3 guarantees a bare name always has somewhere to\n * resolve regardless of which packages a profile lists. It is still declared the same way as any other -\n * a package picker should be able to show it, and the dependency resolver should be able to reason about\n * it, without a special case.\n */\nexport const corePackageManifest: ScenePackage = {\n    name: 'core',\n    version: '1.0.0',\n    kind: PackageKind.ComponentLibrary,\n    dependencies: [],\n    components: ['text', 'button', 'card'],\n    layouts: [],\n    screenTemplates: [],\n    dialogTemplates: [],\n    themes: [],\n    displayName: 'Core',\n    description: 'The built-in fallback vocabulary every ui profile resolves against.',\n    module: '@cratis/scene.react',\n};\n\n/**\n * The `core` package as a loadable bundle.\n */\nexport const corePackage: ScenePackageBundle = {\n    manifest: corePackageManifest,\n    components: coreComponents,\n};\n"],"names":["corePackageManifest","name","version","kind","PackageKind","ComponentLibrary","dependencies","components","layouts","screenTemplates","dialogTemplates","themes","displayName","description","module","corePackage","manifest","coreComponents"],"mappings":";;;AAAA;AACA;AAMA;;;;;;UAOaA,mBAAAA,GAAoC;IAC7CC,IAAAA,EAAM,MAAA;IACNC,OAAAA,EAAS,OAAA;AACTC,IAAAA,IAAAA,EAAMC,YAAYC,gBAAgB;AAClCC,IAAAA,YAAAA,EAAc,EAAE;IAChBC,UAAAA,EAAY;AAAC,QAAA,MAAA;AAAQ,QAAA,QAAA;AAAU,QAAA;AAAO,KAAA;AACtCC,IAAAA,OAAAA,EAAS,EAAE;AACXC,IAAAA,eAAAA,EAAiB,EAAE;AACnBC,IAAAA,eAAAA,EAAiB,EAAE;AACnBC,IAAAA,MAAAA,EAAQ,EAAE;IACVC,WAAAA,EAAa,MAAA;IACbC,WAAAA,EAAa,qEAAA;IACbC,MAAAA,EAAQ;AACZ;AAEA;;UAGaC,WAAAA,GAAkC;IAC3CC,QAAAA,EAAUhB,mBAAAA;IACVO,UAAAA,EAAYU;AAChB;;;;"}

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

@@ -0,0 +1,6 @@
+export * from './CoreText';
+export * from './CoreButton';
+export * from './CoreCard';
+export * from './coreComponents';
+export * from './corePackage';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../core/index.ts"],"names":[],"mappings":"AAGA,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}

package/dist/esm/core/index.js

@@ -0,0 +1,6 @@
+export * from './CoreText';
+export * from './CoreButton';
+export * from './CoreCard';
+export * from './coreComponents';
+export * from './corePackage';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../core/index.ts"],"names":[],"mappings":"AAGA,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}

package/dist/esm/for_SceneElementView/when_rendering_a_tree.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_rendering_a_tree.d.ts.map

package/dist/esm/for_SceneElementView/when_rendering_a_tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_rendering_a_tree.d.ts","sourceRoot":"","sources":["../../../for_SceneElementView/when_rendering_a_tree.tsx"],"names":[],"mappings":""}

package/dist/esm/for_SceneElementView/when_rendering_a_tree.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect } from 'chai';
+import { render, screen } from '@testing-library/react';
+import { HorizontalAlignment, VerticalAlignment, Visibility } from '@cratis/scene.model';
+import { SceneElementView } from '../SceneElementView';
+import { coreComponents } from '../core';
+function control(id) {
+    return {
+        id,
+        name: id,
+        properties: {},
+        visibility: Visibility.Visible,
+        isEnabled: true,
+        opacity: 1,
+        size: {},
+        zIndex: 0,
+        minimumSize: {},
+        maximumSize: {},
+        margin: { left: 0, top: 0, right: 0, bottom: 0 },
+        horizontalAlignment: HorizontalAlignment.Stretch,
+        verticalAlignment: VerticalAlignment.Stretch,
+        borderThickness: { left: 0, top: 0, right: 0, bottom: 0 },
+        padding: { left: 0, top: 0, right: 0, bottom: 0 },
+        tabIndex: 0,
+    };
+}
+describe('when rendering a tree', () => {
+    describe('and every component resolves', () => {
+        const text = { ...control('greeting'), componentName: 'core:text', properties: { text: 'Hello Scene' }, slots: {} };
+        const card = { ...control('card'), componentName: 'core:card', slots: { content: [text] } };
+        beforeEach(() => {
+            render(_jsx(SceneElementView, { element: card, registry: coreComponents, resolveBinding: () => undefined }));
+        });
+        it('should render the nested core:text content', () => expect(screen.getByText('Hello Scene')).to.exist);
+    });
+    describe('and a component does not resolve', () => {
+        const missing = { ...control('missing'), componentName: 'vendor:fancy-widget', slots: {} };
+        beforeEach(() => {
+            render(_jsx(SceneElementView, { element: missing, registry: coreComponents, resolveBinding: () => undefined }));
+        });
+        it('should render a visible unresolved-component placeholder', () => expect(screen.getByText('Unresolved component: vendor:fancy-widget')).to.exist);
+    });
+});
+//# sourceMappingURL=when_rendering_a_tree.js.map

package/dist/esm/for_SceneElementView/when_rendering_a_tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_rendering_a_tree.js","sourceRoot":"","sources":["../../../for_SceneElementView/when_rendering_a_tree.tsx"],"names":[],"mappings":"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"}

package/dist/esm/for_applyThemeTokens/when_switching_themes.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=when_switching_themes.d.ts.map

package/dist/esm/for_applyThemeTokens/when_switching_themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"when_switching_themes.d.ts","sourceRoot":"","sources":["../../../for_applyThemeTokens/when_switching_themes.ts"],"names":[],"mappings":""}