@cratis/scene.react 4.20.0 → 4.21.0

package/NavBar/extractNavigationItem.ts

@@ -1,12 +1,13 @@
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
 
-import { BindingExpression, Contribution, ExternalComponent, NavigationItem } from '@cratis/scene.model';
+import { BindingExpression, Contribution, DestinationReference, ExternalComponent, NavigationItem } from '@cratis/scene.model';
 
 /**
  * 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
+ * navigation-specific values (`label`, `targetScreen`, `routeParameterBindings`, `order`, `group`, and the
+ * optional `id`, `icon`, `presentation`, `destination` and `hierarchy`) - 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
@@ -21,20 +22,29 @@ export function extractNavigationItem(contribution: Contribution): NavigationIte
         return undefined;
     }
 
-    const { label, targetScreen, routeParameterBindings, order, group } = content.properties as Record<string, unknown>;
+    const { id, label, icon, presentation, targetScreen, routeParameterBindings, destination, order, group, hierarchy } = content.properties as Record<string, unknown>;
     if (typeof label !== 'string' || typeof targetScreen !== 'string') {
         return undefined;
     }
 
     return {
+        id: typeof id === 'string' ? id : undefined,
         label,
+        icon: typeof icon === 'string' ? icon : undefined,
+        presentation: typeof presentation === 'string' ? presentation : undefined,
         targetScreen,
         routeParameterBindings: isBindingExpressionRecord(routeParameterBindings) ? routeParameterBindings : {},
         order: typeof order === 'number' ? order : contribution.order,
+        destination: isDestination(destination) ? destination : undefined,
         group: typeof group === 'string' ? group : undefined,
+        hierarchy: Array.isArray(hierarchy) ? hierarchy.filter((part): part is string => typeof part === 'string') : undefined,
     };
 }
 
+function isDestination(value: unknown): value is DestinationReference {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+
 function isBindingExpressionRecord(value: unknown): value is Record<string, BindingExpression> {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
 }

package/core/CoreToolbar.tsx

@@ -0,0 +1,153 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { useContext } from 'react';
+import { BindingScope, resolveBindingExpression } from '@cratis/scene.engine';
+import { BindingExpression, BindingSourceKind, DestinationKind, DestinationReference } from '@cratis/scene.model';
+import { RegisteredComponentProps, useRenderBindingScope } from '../renderer';
+import { SceneNavigationContextInternal } from '../navigation/SceneNavigationContext';
+
+/** How a toolbar item shows its icon and label - the `mode` an item's presentation hint can name. */
+export type ToolbarItemMode = 'icon' | 'text' | 'both';
+
+function textProperty(properties: Record<string, unknown>, name: string): string | undefined {
+    return typeof properties[name] === 'string' ? properties[name] : undefined;
+}
+
+function recordProperty(properties: Record<string, unknown>, name: string): Record<string, unknown> {
+    const value = properties[name];
+    return value !== null && typeof value === 'object' && !Array.isArray(value) ? value as Record<string, unknown> : {};
+}
+
+function isDestination(value: unknown): value is DestinationReference {
+    if (value === null || typeof value !== 'object' || Array.isArray(value)) return false;
+    return ['screen', 'module', 'route', 'dialog', 'outlet'].some(key => typeof (value as Record<string, unknown>)[key] === 'string');
+}
+
+function isBinding(value: unknown): value is BindingExpression {
+    return value !== null && typeof value === 'object' && typeof (value as BindingExpression).path === 'string';
+}
+
+function literal(value: unknown): BindingExpression {
+    return { kind: BindingSourceKind.Literal, path: '', value } as BindingExpression;
+}
+
+function resolveParameters(parameters: Record<string, unknown>, scope: BindingScope): Record<string, unknown> {
+    return Object.fromEntries(Object.entries(parameters).map(([name, binding]) =>
+        [name, isBinding(binding) ? resolveBindingExpression(binding, scope) : binding]));
+}
+
+/**
+ * An authored destination with its route parameters read now, against the scope the item renders in.
+ *
+ * A navigation host resolves a destination against its own scope, which cannot see what the screen's components
+ * publish - a table's selected row, an input's value - so the item resolves them where it is, and hands the host
+ * literals. (The renderer leaves a destination's bindings alone, unlike the rest of an element's properties.)
+ */
+function withResolvedParameters(destination: DestinationReference, scope: BindingScope): DestinationReference {
+    const bindings = destination.routeParameterBindings;
+    if (!bindings) return destination;
+    return {
+        ...destination,
+        routeParameterBindings: Object.fromEntries(Object.entries(bindings).map(([name, binding]) =>
+            [name, literal(resolveBindingExpression(binding, scope))])),
+    };
+}
+
+/** The mode the item's authored presentation asks for; anything it does not name shows both. */
+export function toolbarItemMode(presentation: Record<string, unknown>): ToolbarItemMode {
+    const mode = presentation.mode;
+    return mode === 'icon' || mode === 'text' ? mode : 'both';
+}
+
+/**
+ * Where activating a toolbar item goes.
+ *
+ * The destination the document authored wins. Without one, a `Navigate` item opens its target screen - its
+ * parameters become route parameter bindings - and a `Dialog` item opens its target dialog template.
+ */
+export function toolbarItemDestination(properties: Record<string, unknown>): DestinationReference | undefined {
+    if (isDestination(properties.destination)) return properties.destination;
+    const kind = textProperty(properties, 'kind')?.toLowerCase();
+    const target = textProperty(properties, 'target');
+    if (!target) return undefined;
+    // The renderer has already read each parameter's binding by the time the item sees it, so a parameter is a value.
+    const routeParameterBindings = Object.fromEntries(Object.entries(recordProperty(properties, 'parameters'))
+        .map(([name, value]) => [name, literal(value)])) as Record<string, BindingExpression>;
+    if (kind === 'navigate') return { screen: target, routeParameterBindings };
+    if (kind === 'dialog') return { kind: DestinationKind.Dialog, dialog: target, routeParameterBindings };
+    return undefined;
+}
+
+/**
+ * The `core:toolbar` component: the items a screen's toolbar groups, in the order they were authored.
+ * The items are `core:toolbarItem` elements in its `items` slot.
+ */
+export function CoreToolbar({ element, slots }: RegisteredComponentProps) {
+    const name = textProperty(element.properties, 'name');
+    return <div data-scene-id={element.id} data-scene-toolbar={name} role='toolbar' aria-label={name}>{slots.items}</div>;
+}
+
+/**
+ * The `core:toolbarItem` component: one toolbar entry with a label, an icon, presentation hints and what it does.
+ *
+ * - An `Action` item announces the command it targets with the host-neutral `cratis.scene.command` event, carrying its
+ *   parameters resolved against the binding scope.
+ * - A `Navigate` or `Dialog` item executes its destination through the enclosing navigation host - a screen in an
+ *   outlet, a dialog - and, outside one, announces it with the host-neutral `cratis.scene.navigate` event.
+ *
+ * Presentation: `mode` is `icon`, `text` or `both` (the default); an icon-only item keeps its label as its accessible name.
+ * Every presentation hint - `placement`, `density` or whatever a package reads - is also carried on the node as a
+ * `data-scene-presentation-<name>` attribute so a theme can style by it.
+ */
+export function CoreToolbarItem({ element }: RegisteredComponentProps) {
+    const navigation = useContext(SceneNavigationContextInternal);
+    const scope = useRenderBindingScope();
+    const name = textProperty(element.properties, 'name') ?? element.id;
+    const kind = textProperty(element.properties, 'kind')?.toLowerCase();
+    const target = textProperty(element.properties, 'target') ?? '';
+    const label = textProperty(element.properties, 'label') ?? name;
+    const icon = textProperty(element.properties, 'icon');
+    const presentation = recordProperty(element.properties, 'presentation');
+    const mode = toolbarItemMode(presentation);
+    const destination = toolbarItemDestination(element.properties);
+    const attributes = Object.fromEntries(Object.entries(presentation)
+        .filter(([key]) => /^[A-Za-z][A-Za-z0-9-]*$/.test(key))
+        .map(([key, value]) => [`data-scene-presentation-${key.toLowerCase()}`, String(value)]));
+
+    const activate = () => {
+        if (kind === 'action') {
+            const args = resolveParameters(recordProperty(element.properties, 'parameters'), scope);
+            globalThis.dispatchEvent(new CustomEvent('cratis.scene.command', { detail: { command: target, element, arguments: args } }));
+            return;
+        }
+
+        if (!destination) return;
+        const resolved = withResolvedParameters(destination, scope);
+        if (navigation) {
+            navigation.navigate(resolved);
+        } else {
+            globalThis.dispatchEvent(new CustomEvent('cratis.scene.navigate', {
+                detail: { targetScreen: destination.screen ?? '', dialog: destination.dialog, destination: resolved, element },
+            }));
+        }
+    };
+
+    return (
+        <button
+            type='button'
+            data-scene-id={element.id}
+            data-scene-toolbar-item={name}
+            data-scene-icon={icon}
+            data-scene-mode={mode}
+            aria-label={mode === 'icon' ? label : undefined}
+            title={mode === 'icon' ? label : undefined}
+            disabled={kind !== 'action' && !destination}
+            onClick={activate}
+            {...attributes}
+        >
+            {mode !== 'text' && icon && <span aria-hidden='true' data-scene-icon-name={icon} />}
+            {mode !== 'icon' && label}
+        </button>
+    );
+}

package/core/coreComponents.ts

@@ -7,6 +7,7 @@ import { CoreText } from './CoreText';
 import { CoreButton } from './CoreButton';
 import { CoreCard } from './CoreCard';
 import { CoreNavigationBar } from './CoreNavigationBar';
+import { CoreToolbar, CoreToolbarItem } from './CoreToolbar';
 import { CoreOutlet } from '../navigation/CoreOutlet';
 import {
     CoreAction,
@@ -43,4 +44,6 @@ export const coreComponents: ComponentRegistry = {
     [componentRegistryKey('core', 'file')]: CoreFile,
     [componentRegistryKey('core', 'navigationBar')]: CoreNavigationBar,
     [componentRegistryKey('core', 'outlet')]: CoreOutlet,
+    [componentRegistryKey('core', 'toolbar')]: CoreToolbar,
+    [componentRegistryKey('core', 'toolbarItem')]: CoreToolbarItem,
 };

package/core/corePackage.ts

@@ -35,6 +35,8 @@ export const corePackageManifest: ScenePackage = {
         'file',
         'navigationBar',
         'outlet',
+        'toolbar',
+        'toolbarItem',
     ],
     layouts: [],
     screenTemplates: [],

package/core/index.ts

@@ -5,6 +5,7 @@ export * from './CoreText';
 export * from './CoreButton';
 export * from './CoreCard';
 export * from './CoreNavigationBar';
+export * from './CoreToolbar';
 export * from './coreDescriptors';
 export * from './ScreenplayCoreComponents';
 export * from './coreComponents';

package/dist/cjs/NavBar/extractNavigationItem.js

@@ -5,7 +5,8 @@
 /**
  * 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
+ * navigation-specific values (`label`, `targetScreen`, `routeParameterBindings`, `order`, `group`, and the
+ * optional `id`, `icon`, `presentation`, `destination` and `hierarchy`) - 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
@@ -18,18 +19,26 @@
     if (!content.properties) {
         return undefined;
     }
-    const { label, targetScreen, routeParameterBindings, order, group } = content.properties;
+    const { id, label, icon, presentation, targetScreen, routeParameterBindings, destination, order, group, hierarchy } = content.properties;
     if (typeof label !== 'string' || typeof targetScreen !== 'string') {
         return undefined;
     }
     return {
+        id: typeof id === 'string' ? id : undefined,
         label,
+        icon: typeof icon === 'string' ? icon : undefined,
+        presentation: typeof presentation === 'string' ? presentation : undefined,
         targetScreen,
         routeParameterBindings: isBindingExpressionRecord(routeParameterBindings) ? routeParameterBindings : {},
         order: typeof order === 'number' ? order : contribution.order,
-        group: typeof group === 'string' ? group : undefined
+        destination: isDestination(destination) ? destination : undefined,
+        group: typeof group === 'string' ? group : undefined,
+        hierarchy: Array.isArray(hierarchy) ? hierarchy.filter((part)=>typeof part === 'string') : undefined
     };
 }
+function isDestination(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
 function isBindingExpressionRecord(value) {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
 }

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

@@ -1 +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;;"}
+{"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, DestinationReference, 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`, and the\n * optional `id`, `icon`, `presentation`, `destination` and `hierarchy`) - 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 { id, label, icon, presentation, targetScreen, routeParameterBindings, destination, order, group, hierarchy } = content.properties as Record<string, unknown>;\n    if (typeof label !== 'string' || typeof targetScreen !== 'string') {\n        return undefined;\n    }\n\n    return {\n        id: typeof id === 'string' ? id : undefined,\n        label,\n        icon: typeof icon === 'string' ? icon : undefined,\n        presentation: typeof presentation === 'string' ? presentation : undefined,\n        targetScreen,\n        routeParameterBindings: isBindingExpressionRecord(routeParameterBindings) ? routeParameterBindings : {},\n        order: typeof order === 'number' ? order : contribution.order,\n        destination: isDestination(destination) ? destination : undefined,\n        group: typeof group === 'string' ? group : undefined,\n        hierarchy: Array.isArray(hierarchy) ? hierarchy.filter((part): part is string => typeof part === 'string') : undefined,\n    };\n}\n\nfunction isDestination(value: unknown): value is DestinationReference {\n    return typeof value === 'object' && value !== null && !Array.isArray(value);\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","id","label","icon","presentation","targetScreen","routeParameterBindings","destination","order","group","hierarchy","isBindingExpressionRecord","isDestination","Array","isArray","filter","part","value"],"mappings":";;AAAA;AACA;AAIA;;;;;;;;;;;;IAaO,SAASA,qBAAAA,CAAsBC,YAA0B,EAAA;IAC5D,MAAMC,OAAAA,GAAUD,aAAaC,OAAO;IACpC,IAAI,CAACA,OAAAA,CAAQC,UAAU,EAAE;QACrB,OAAOC,SAAAA;AACX,IAAA;IAEA,MAAM,EAAEC,EAAE,EAAEC,KAAK,EAAEC,IAAI,EAAEC,YAAY,EAAEC,YAAY,EAAEC,sBAAsB,EAAEC,WAAW,EAAEC,KAAK,EAAEC,KAAK,EAAEC,SAAS,EAAE,GAAGZ,OAAAA,CAAQC,UAAU;AACxI,IAAA,IAAI,OAAOG,KAAAA,KAAU,QAAA,IAAY,OAAOG,iBAAiB,QAAA,EAAU;QAC/D,OAAOL,SAAAA;AACX,IAAA;IAEA,OAAO;QACHC,EAAAA,EAAI,OAAOA,EAAAA,KAAO,QAAA,GAAWA,EAAAA,GAAKD,SAAAA;AAClCE,QAAAA,KAAAA;QACAC,IAAAA,EAAM,OAAOA,IAAAA,KAAS,QAAA,GAAWA,IAAAA,GAAOH,SAAAA;QACxCI,YAAAA,EAAc,OAAOA,YAAAA,KAAiB,QAAA,GAAWA,YAAAA,GAAeJ,SAAAA;AAChEK,QAAAA,YAAAA;QACAC,sBAAAA,EAAwBK,yBAAAA,CAA0BL,sBAAAA,CAAAA,GAA0BA,sBAAAA,GAAyB,EAAC;AACtGE,QAAAA,KAAAA,EAAO,OAAOA,KAAAA,KAAU,QAAA,GAAWA,KAAAA,GAAQX,aAAaW,KAAK;QAC7DD,WAAAA,EAAaK,aAAAA,CAAcL,eAAeA,WAAAA,GAAcP,SAAAA;QACxDS,KAAAA,EAAO,OAAOA,KAAAA,KAAU,QAAA,GAAWA,KAAAA,GAAQT,SAAAA;QAC3CU,SAAAA,EAAWG,KAAAA,CAAMC,OAAO,CAACJ,SAAAA,CAAAA,GAAaA,SAAAA,CAAUK,MAAM,CAAC,CAACC,IAAAA,GAAyB,OAAOA,IAAAA,KAAS,QAAA,CAAA,GAAYhB;AACjH,KAAA;AACJ;AAEA,SAASY,cAAcK,KAAc,EAAA;IACjC,OAAO,OAAOA,UAAU,QAAA,IAAYA,KAAAA,KAAU,QAAQ,CAACJ,KAAAA,CAAMC,OAAO,CAACG,KAAAA,CAAAA;AACzE;AAEA,SAASN,0BAA0BM,KAAc,EAAA;IAC7C,OAAO,OAAOA,UAAU,QAAA,IAAYA,KAAAA,KAAU,QAAQ,CAACJ,KAAAA,CAAMC,OAAO,CAACG,KAAAA,CAAAA;AACzE;;"}

package/dist/cjs/core/CoreToolbar.js

@@ -0,0 +1,183 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var scene_engine = require('@cratis/scene.engine');
+var scene_model = require('@cratis/scene.model');
+var RenderBindingScopeContext = require('../renderer/RenderBindingScopeContext.js');
+require('../interactions/useInteractions.js');
+require('../interactions/NotificationHost.js');
+var SceneNavigationContext = require('../navigation/SceneNavigationContext.js');
+
+function textProperty(properties, name) {
+    return typeof properties[name] === 'string' ? properties[name] : undefined;
+}
+function recordProperty(properties, name) {
+    const value = properties[name];
+    return value !== null && typeof value === 'object' && !Array.isArray(value) ? value : {};
+}
+function isDestination(value) {
+    if (value === null || typeof value !== 'object' || Array.isArray(value)) return false;
+    return [
+        'screen',
+        'module',
+        'route',
+        'dialog',
+        'outlet'
+    ].some((key)=>typeof value[key] === 'string');
+}
+function isBinding(value) {
+    return value !== null && typeof value === 'object' && typeof value.path === 'string';
+}
+function literal(value) {
+    return {
+        kind: scene_model.BindingSourceKind.Literal,
+        path: '',
+        value
+    };
+}
+function resolveParameters(parameters, scope) {
+    return Object.fromEntries(Object.entries(parameters).map(([name, binding])=>[
+            name,
+            isBinding(binding) ? scene_engine.resolveBindingExpression(binding, scope) : binding
+        ]));
+}
+/**
+ * An authored destination with its route parameters read now, against the scope the item renders in.
+ *
+ * A navigation host resolves a destination against its own scope, which cannot see what the screen's components
+ * publish - a table's selected row, an input's value - so the item resolves them where it is, and hands the host
+ * literals. (The renderer leaves a destination's bindings alone, unlike the rest of an element's properties.)
+ */ function withResolvedParameters(destination, scope) {
+    const bindings = destination.routeParameterBindings;
+    if (!bindings) return destination;
+    return {
+        ...destination,
+        routeParameterBindings: Object.fromEntries(Object.entries(bindings).map(([name, binding])=>[
+                name,
+                literal(scene_engine.resolveBindingExpression(binding, scope))
+            ]))
+    };
+}
+/** The mode the item's authored presentation asks for; anything it does not name shows both. */ function toolbarItemMode(presentation) {
+    const mode = presentation.mode;
+    return mode === 'icon' || mode === 'text' ? mode : 'both';
+}
+/**
+ * Where activating a toolbar item goes.
+ *
+ * The destination the document authored wins. Without one, a `Navigate` item opens its target screen - its
+ * parameters become route parameter bindings - and a `Dialog` item opens its target dialog template.
+ */ function toolbarItemDestination(properties) {
+    if (isDestination(properties.destination)) return properties.destination;
+    const kind = textProperty(properties, 'kind')?.toLowerCase();
+    const target = textProperty(properties, 'target');
+    if (!target) return undefined;
+    // The renderer has already read each parameter's binding by the time the item sees it, so a parameter is a value.
+    const routeParameterBindings = Object.fromEntries(Object.entries(recordProperty(properties, 'parameters')).map(([name, value])=>[
+            name,
+            literal(value)
+        ]));
+    if (kind === 'navigate') return {
+        screen: target,
+        routeParameterBindings
+    };
+    if (kind === 'dialog') return {
+        kind: scene_model.DestinationKind.Dialog,
+        dialog: target,
+        routeParameterBindings
+    };
+    return undefined;
+}
+/**
+ * The `core:toolbar` component: the items a screen's toolbar groups, in the order they were authored.
+ * The items are `core:toolbarItem` elements in its `items` slot.
+ */ function CoreToolbar({ element, slots }) {
+    const name = textProperty(element.properties, 'name');
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        "data-scene-id": element.id,
+        "data-scene-toolbar": name,
+        role: "toolbar",
+        "aria-label": name,
+        children: slots.items
+    });
+}
+/**
+ * The `core:toolbarItem` component: one toolbar entry with a label, an icon, presentation hints and what it does.
+ *
+ * - An `Action` item announces the command it targets with the host-neutral `cratis.scene.command` event, carrying its
+ *   parameters resolved against the binding scope.
+ * - A `Navigate` or `Dialog` item executes its destination through the enclosing navigation host - a screen in an
+ *   outlet, a dialog - and, outside one, announces it with the host-neutral `cratis.scene.navigate` event.
+ *
+ * Presentation: `mode` is `icon`, `text` or `both` (the default); an icon-only item keeps its label as its accessible name.
+ * Every presentation hint - `placement`, `density` or whatever a package reads - is also carried on the node as a
+ * `data-scene-presentation-<name>` attribute so a theme can style by it.
+ */ function CoreToolbarItem({ element }) {
+    const navigation = react.useContext(SceneNavigationContext.SceneNavigationContextInternal);
+    const scope = RenderBindingScopeContext.useRenderBindingScope();
+    const name = textProperty(element.properties, 'name') ?? element.id;
+    const kind = textProperty(element.properties, 'kind')?.toLowerCase();
+    const target = textProperty(element.properties, 'target') ?? '';
+    const label = textProperty(element.properties, 'label') ?? name;
+    const icon = textProperty(element.properties, 'icon');
+    const presentation = recordProperty(element.properties, 'presentation');
+    const mode = toolbarItemMode(presentation);
+    const destination = toolbarItemDestination(element.properties);
+    const attributes = Object.fromEntries(Object.entries(presentation).filter(([key])=>/^[A-Za-z][A-Za-z0-9-]*$/.test(key)).map(([key, value])=>[
+            `data-scene-presentation-${key.toLowerCase()}`,
+            String(value)
+        ]));
+    const activate = ()=>{
+        if (kind === 'action') {
+            const args = resolveParameters(recordProperty(element.properties, 'parameters'), scope);
+            globalThis.dispatchEvent(new CustomEvent('cratis.scene.command', {
+                detail: {
+                    command: target,
+                    element,
+                    arguments: args
+                }
+            }));
+            return;
+        }
+        if (!destination) return;
+        const resolved = withResolvedParameters(destination, scope);
+        if (navigation) {
+            navigation.navigate(resolved);
+        } else {
+            globalThis.dispatchEvent(new CustomEvent('cratis.scene.navigate', {
+                detail: {
+                    targetScreen: destination.screen ?? '',
+                    dialog: destination.dialog,
+                    destination: resolved,
+                    element
+                }
+            }));
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs("button", {
+        type: "button",
+        "data-scene-id": element.id,
+        "data-scene-toolbar-item": name,
+        "data-scene-icon": icon,
+        "data-scene-mode": mode,
+        "aria-label": mode === 'icon' ? label : undefined,
+        title: mode === 'icon' ? label : undefined,
+        disabled: kind !== 'action' && !destination,
+        onClick: activate,
+        ...attributes,
+        children: [
+            mode !== 'text' && icon && /*#__PURE__*/ jsxRuntime.jsx("span", {
+                "aria-hidden": "true",
+                "data-scene-icon-name": icon
+            }),
+            mode !== 'icon' && label
+        ]
+    });
+}
+
+exports.CoreToolbar = CoreToolbar;
+exports.CoreToolbarItem = CoreToolbarItem;
+exports.toolbarItemDestination = toolbarItemDestination;
+exports.toolbarItemMode = toolbarItemMode;
+//# sourceMappingURL=CoreToolbar.js.map

package/dist/cjs/core/CoreToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreToolbar.js","sources":["../../../core/CoreToolbar.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 { useContext } from 'react';\nimport { BindingScope, resolveBindingExpression } from '@cratis/scene.engine';\nimport { BindingExpression, BindingSourceKind, DestinationKind, DestinationReference } from '@cratis/scene.model';\nimport { RegisteredComponentProps, useRenderBindingScope } from '../renderer';\nimport { SceneNavigationContextInternal } from '../navigation/SceneNavigationContext';\n\n/** How a toolbar item shows its icon and label - the `mode` an item's presentation hint can name. */\nexport type ToolbarItemMode = 'icon' | 'text' | 'both';\n\nfunction textProperty(properties: Record<string, unknown>, name: string): string | undefined {\n    return typeof properties[name] === 'string' ? properties[name] : undefined;\n}\n\nfunction recordProperty(properties: Record<string, unknown>, name: string): Record<string, unknown> {\n    const value = properties[name];\n    return value !== null && typeof value === 'object' && !Array.isArray(value) ? value as Record<string, unknown> : {};\n}\n\nfunction isDestination(value: unknown): value is DestinationReference {\n    if (value === null || typeof value !== 'object' || Array.isArray(value)) return false;\n    return ['screen', 'module', 'route', 'dialog', 'outlet'].some(key => typeof (value as Record<string, unknown>)[key] === 'string');\n}\n\nfunction isBinding(value: unknown): value is BindingExpression {\n    return value !== null && typeof value === 'object' && typeof (value as BindingExpression).path === 'string';\n}\n\nfunction literal(value: unknown): BindingExpression {\n    return { kind: BindingSourceKind.Literal, path: '', value } as BindingExpression;\n}\n\nfunction resolveParameters(parameters: Record<string, unknown>, scope: BindingScope): Record<string, unknown> {\n    return Object.fromEntries(Object.entries(parameters).map(([name, binding]) =>\n        [name, isBinding(binding) ? resolveBindingExpression(binding, scope) : binding]));\n}\n\n/**\n * An authored destination with its route parameters read now, against the scope the item renders in.\n *\n * A navigation host resolves a destination against its own scope, which cannot see what the screen's components\n * publish - a table's selected row, an input's value - so the item resolves them where it is, and hands the host\n * literals. (The renderer leaves a destination's bindings alone, unlike the rest of an element's properties.)\n */\nfunction withResolvedParameters(destination: DestinationReference, scope: BindingScope): DestinationReference {\n    const bindings = destination.routeParameterBindings;\n    if (!bindings) return destination;\n    return {\n        ...destination,\n        routeParameterBindings: Object.fromEntries(Object.entries(bindings).map(([name, binding]) =>\n            [name, literal(resolveBindingExpression(binding, scope))])),\n    };\n}\n\n/** The mode the item's authored presentation asks for; anything it does not name shows both. */\nexport function toolbarItemMode(presentation: Record<string, unknown>): ToolbarItemMode {\n    const mode = presentation.mode;\n    return mode === 'icon' || mode === 'text' ? mode : 'both';\n}\n\n/**\n * Where activating a toolbar item goes.\n *\n * The destination the document authored wins. Without one, a `Navigate` item opens its target screen - its\n * parameters become route parameter bindings - and a `Dialog` item opens its target dialog template.\n */\nexport function toolbarItemDestination(properties: Record<string, unknown>): DestinationReference | undefined {\n    if (isDestination(properties.destination)) return properties.destination;\n    const kind = textProperty(properties, 'kind')?.toLowerCase();\n    const target = textProperty(properties, 'target');\n    if (!target) return undefined;\n    // The renderer has already read each parameter's binding by the time the item sees it, so a parameter is a value.\n    const routeParameterBindings = Object.fromEntries(Object.entries(recordProperty(properties, 'parameters'))\n        .map(([name, value]) => [name, literal(value)])) as Record<string, BindingExpression>;\n    if (kind === 'navigate') return { screen: target, routeParameterBindings };\n    if (kind === 'dialog') return { kind: DestinationKind.Dialog, dialog: target, routeParameterBindings };\n    return undefined;\n}\n\n/**\n * The `core:toolbar` component: the items a screen's toolbar groups, in the order they were authored.\n * The items are `core:toolbarItem` elements in its `items` slot.\n */\nexport function CoreToolbar({ element, slots }: RegisteredComponentProps) {\n    const name = textProperty(element.properties, 'name');\n    return <div data-scene-id={element.id} data-scene-toolbar={name} role='toolbar' aria-label={name}>{slots.items}</div>;\n}\n\n/**\n * The `core:toolbarItem` component: one toolbar entry with a label, an icon, presentation hints and what it does.\n *\n * - An `Action` item announces the command it targets with the host-neutral `cratis.scene.command` event, carrying its\n *   parameters resolved against the binding scope.\n * - A `Navigate` or `Dialog` item executes its destination through the enclosing navigation host - a screen in an\n *   outlet, a dialog - and, outside one, announces it with the host-neutral `cratis.scene.navigate` event.\n *\n * Presentation: `mode` is `icon`, `text` or `both` (the default); an icon-only item keeps its label as its accessible name.\n * Every presentation hint - `placement`, `density` or whatever a package reads - is also carried on the node as a\n * `data-scene-presentation-<name>` attribute so a theme can style by it.\n */\nexport function CoreToolbarItem({ element }: RegisteredComponentProps) {\n    const navigation = useContext(SceneNavigationContextInternal);\n    const scope = useRenderBindingScope();\n    const name = textProperty(element.properties, 'name') ?? element.id;\n    const kind = textProperty(element.properties, 'kind')?.toLowerCase();\n    const target = textProperty(element.properties, 'target') ?? '';\n    const label = textProperty(element.properties, 'label') ?? name;\n    const icon = textProperty(element.properties, 'icon');\n    const presentation = recordProperty(element.properties, 'presentation');\n    const mode = toolbarItemMode(presentation);\n    const destination = toolbarItemDestination(element.properties);\n    const attributes = Object.fromEntries(Object.entries(presentation)\n        .filter(([key]) => /^[A-Za-z][A-Za-z0-9-]*$/.test(key))\n        .map(([key, value]) => [`data-scene-presentation-${key.toLowerCase()}`, String(value)]));\n\n    const activate = () => {\n        if (kind === 'action') {\n            const args = resolveParameters(recordProperty(element.properties, 'parameters'), scope);\n            globalThis.dispatchEvent(new CustomEvent('cratis.scene.command', { detail: { command: target, element, arguments: args } }));\n            return;\n        }\n\n        if (!destination) return;\n        const resolved = withResolvedParameters(destination, scope);\n        if (navigation) {\n            navigation.navigate(resolved);\n        } else {\n            globalThis.dispatchEvent(new CustomEvent('cratis.scene.navigate', {\n                detail: { targetScreen: destination.screen ?? '', dialog: destination.dialog, destination: resolved, element },\n            }));\n        }\n    };\n\n    return (\n        <button\n            type='button'\n            data-scene-id={element.id}\n            data-scene-toolbar-item={name}\n            data-scene-icon={icon}\n            data-scene-mode={mode}\n            aria-label={mode === 'icon' ? label : undefined}\n            title={mode === 'icon' ? label : undefined}\n            disabled={kind !== 'action' && !destination}\n            onClick={activate}\n            {...attributes}\n        >\n            {mode !== 'text' && icon && <span aria-hidden='true' data-scene-icon-name={icon} />}\n            {mode !== 'icon' && label}\n        </button>\n    );\n}\n"],"names":["textProperty","properties","name","undefined","recordProperty","value","Array","isArray","isDestination","some","key","isBinding","path","literal","kind","BindingSourceKind","Literal","resolveParameters","parameters","scope","Object","fromEntries","entries","map","binding","resolveBindingExpression","withResolvedParameters","destination","bindings","routeParameterBindings","toolbarItemMode","presentation","mode","toolbarItemDestination","toLowerCase","target","screen","DestinationKind","Dialog","dialog","CoreToolbar","element","slots","_jsx","div","data-scene-id","id","data-scene-toolbar","role","aria-label","items","CoreToolbarItem","navigation","useContext","SceneNavigationContextInternal","useRenderBindingScope","label","icon","attributes","filter","test","String","activate","args","globalThis","dispatchEvent","CustomEvent","detail","command","arguments","resolved","navigate","targetScreen","_jsxs","button","type","data-scene-toolbar-item","data-scene-icon","data-scene-mode","title","disabled","onClick","span","aria-hidden","data-scene-icon-name"],"mappings":"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"}

package/dist/cjs/core/coreComponents.js

@@ -13,6 +13,7 @@ var CoreText = require('./CoreText.js');
 var CoreButton = require('./CoreButton.js');
 var CoreCard = require('./CoreCard.js');
 var CoreNavigationBar = require('./CoreNavigationBar.js');
+var CoreToolbar = require('./CoreToolbar.js');
 var ScreenplayCoreComponents = require('./ScreenplayCoreComponents.js');
 
 // Copyright (c) Cratis. All rights reserved.
@@ -36,7 +37,9 @@ var ScreenplayCoreComponents = require('./ScreenplayCoreComponents.js');
     [ScenePackageBundle.componentRegistryKey('core', 'code')]: ScreenplayCoreComponents.CoreCode,
     [ScenePackageBundle.componentRegistryKey('core', 'file')]: ScreenplayCoreComponents.CoreFile,
     [ScenePackageBundle.componentRegistryKey('core', 'navigationBar')]: CoreNavigationBar.CoreNavigationBar,
-    [ScenePackageBundle.componentRegistryKey('core', 'outlet')]: CoreOutlet.CoreOutlet
+    [ScenePackageBundle.componentRegistryKey('core', 'outlet')]: CoreOutlet.CoreOutlet,
+    [ScenePackageBundle.componentRegistryKey('core', 'toolbar')]: CoreToolbar.CoreToolbar,
+    [ScenePackageBundle.componentRegistryKey('core', 'toolbarItem')]: CoreToolbar.CoreToolbarItem
 };
 
 exports.coreComponents = coreComponents;

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

@@ -1 +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';\nimport { CoreNavigationBar } from './CoreNavigationBar';\nimport { CoreOutlet } from '../navigation/CoreOutlet';\nimport {\n    CoreAction,\n    CoreCode,\n    CoreColumn,\n    CoreData,\n    CoreField,\n    CoreFile,\n    CoreNavigate,\n    CoreSection,\n    CoreSummary,\n    CoreTable,\n    CoreTitle,\n} from './ScreenplayCoreComponents';\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    [componentRegistryKey('core', 'data')]: CoreData,\n    [componentRegistryKey('core', 'action')]: CoreAction,\n    [componentRegistryKey('core', 'section')]: CoreSection,\n    [componentRegistryKey('core', 'navigate')]: CoreNavigate,\n    [componentRegistryKey('core', 'title')]: CoreTitle,\n    [componentRegistryKey('core', 'table')]: CoreTable,\n    [componentRegistryKey('core', 'column')]: CoreColumn,\n    [componentRegistryKey('core', 'summary')]: CoreSummary,\n    [componentRegistryKey('core', 'field')]: CoreField,\n    [componentRegistryKey('core', 'code')]: CoreCode,\n    [componentRegistryKey('core', 'file')]: CoreFile,\n    [componentRegistryKey('core', 'navigationBar')]: CoreNavigationBar,\n    [componentRegistryKey('core', 'outlet')]: CoreOutlet,\n};\n"],"names":["coreComponents","componentRegistryKey","CoreText","CoreButton","CoreCard","CoreData","CoreAction","CoreSection","CoreNavigate","CoreTitle","CoreTable","CoreColumn","CoreSummary","CoreField","CoreCode","CoreFile","CoreNavigationBar","CoreOutlet"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AAuBA;;;UAIaA,cAAAA,GAAoC;IAC7C,CAACC,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUC,iBAAAA;IACxC,CAACD,uCAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYE,qBAAAA;IAC1C,CAACF,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUG,iBAAAA;IACxC,CAACH,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUI,iCAAAA;IACxC,CAACJ,uCAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYK,mCAAAA;IAC1C,CAACL,uCAAAA,CAAqB,MAAA,EAAQ,SAAA,CAAA,GAAaM,oCAAAA;IAC3C,CAACN,uCAAAA,CAAqB,MAAA,EAAQ,UAAA,CAAA,GAAcO,qCAAAA;IAC5C,CAACP,uCAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWQ,kCAAAA;IACzC,CAACR,uCAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWS,kCAAAA;IACzC,CAACT,uCAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYU,mCAAAA;IAC1C,CAACV,uCAAAA,CAAqB,MAAA,EAAQ,SAAA,CAAA,GAAaW,oCAAAA;IAC3C,CAACX,uCAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWY,kCAAAA;IACzC,CAACZ,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUa,iCAAAA;IACxC,CAACb,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUc,iCAAAA;IACxC,CAACd,uCAAAA,CAAqB,MAAA,EAAQ,eAAA,CAAA,GAAmBe,mCAAAA;IACjD,CAACf,uCAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYgB;AAC9C;;"}
+{"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';\nimport { CoreNavigationBar } from './CoreNavigationBar';\nimport { CoreToolbar, CoreToolbarItem } from './CoreToolbar';\nimport { CoreOutlet } from '../navigation/CoreOutlet';\nimport {\n    CoreAction,\n    CoreCode,\n    CoreColumn,\n    CoreData,\n    CoreField,\n    CoreFile,\n    CoreNavigate,\n    CoreSection,\n    CoreSummary,\n    CoreTable,\n    CoreTitle,\n} from './ScreenplayCoreComponents';\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    [componentRegistryKey('core', 'data')]: CoreData,\n    [componentRegistryKey('core', 'action')]: CoreAction,\n    [componentRegistryKey('core', 'section')]: CoreSection,\n    [componentRegistryKey('core', 'navigate')]: CoreNavigate,\n    [componentRegistryKey('core', 'title')]: CoreTitle,\n    [componentRegistryKey('core', 'table')]: CoreTable,\n    [componentRegistryKey('core', 'column')]: CoreColumn,\n    [componentRegistryKey('core', 'summary')]: CoreSummary,\n    [componentRegistryKey('core', 'field')]: CoreField,\n    [componentRegistryKey('core', 'code')]: CoreCode,\n    [componentRegistryKey('core', 'file')]: CoreFile,\n    [componentRegistryKey('core', 'navigationBar')]: CoreNavigationBar,\n    [componentRegistryKey('core', 'outlet')]: CoreOutlet,\n    [componentRegistryKey('core', 'toolbar')]: CoreToolbar,\n    [componentRegistryKey('core', 'toolbarItem')]: CoreToolbarItem,\n};\n"],"names":["coreComponents","componentRegistryKey","CoreText","CoreButton","CoreCard","CoreData","CoreAction","CoreSection","CoreNavigate","CoreTitle","CoreTable","CoreColumn","CoreSummary","CoreField","CoreCode","CoreFile","CoreNavigationBar","CoreOutlet","CoreToolbar","CoreToolbarItem"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AACA;AAwBA;;;UAIaA,cAAAA,GAAoC;IAC7C,CAACC,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUC,iBAAAA;IACxC,CAACD,uCAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYE,qBAAAA;IAC1C,CAACF,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUG,iBAAAA;IACxC,CAACH,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUI,iCAAAA;IACxC,CAACJ,uCAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYK,mCAAAA;IAC1C,CAACL,uCAAAA,CAAqB,MAAA,EAAQ,SAAA,CAAA,GAAaM,oCAAAA;IAC3C,CAACN,uCAAAA,CAAqB,MAAA,EAAQ,UAAA,CAAA,GAAcO,qCAAAA;IAC5C,CAACP,uCAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWQ,kCAAAA;IACzC,CAACR,uCAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWS,kCAAAA;IACzC,CAACT,uCAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYU,mCAAAA;IAC1C,CAACV,uCAAAA,CAAqB,MAAA,EAAQ,SAAA,CAAA,GAAaW,oCAAAA;IAC3C,CAACX,uCAAAA,CAAqB,MAAA,EAAQ,OAAA,CAAA,GAAWY,kCAAAA;IACzC,CAACZ,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUa,iCAAAA;IACxC,CAACb,uCAAAA,CAAqB,MAAA,EAAQ,MAAA,CAAA,GAAUc,iCAAAA;IACxC,CAACd,uCAAAA,CAAqB,MAAA,EAAQ,eAAA,CAAA,GAAmBe,mCAAAA;IACjD,CAACf,uCAAAA,CAAqB,MAAA,EAAQ,QAAA,CAAA,GAAYgB,qBAAAA;IAC1C,CAAChB,uCAAAA,CAAqB,MAAA,EAAQ,SAAA,CAAA,GAAaiB,uBAAAA;IAC3C,CAACjB,uCAAAA,CAAqB,MAAA,EAAQ,aAAA,CAAA,GAAiBkB;AACnD;;"}

package/dist/cjs/core/corePackage.js

@@ -33,7 +33,9 @@ var coreDescriptors = require('./coreDescriptors.js');
         'code',
         'file',
         'navigationBar',
-        'outlet'
+        'outlet',
+        'toolbar',
+        'toolbarItem'
     ],
     layouts: [],
     screenTemplates: [],

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

@@ -1 +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';\nimport { coreDescriptors } from './coreDescriptors';\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: [\n        'text',\n        'button',\n        'card',\n        'data',\n        'action',\n        'section',\n        'navigate',\n        'title',\n        'table',\n        'column',\n        'summary',\n        'field',\n        'code',\n        'file',\n        'navigationBar',\n        'outlet',\n    ],\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    license: 'MIT',\n    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE',\n};\n\n/**\n * The `core` package as a loadable bundle.\n */\nexport const corePackage: ScenePackageBundle = {\n    manifest: corePackageManifest,\n    components: coreComponents,\n    descriptors: coreDescriptors,\n};\n"],"names":["corePackageManifest","name","version","kind","PackageKind","ComponentLibrary","dependencies","components","layouts","screenTemplates","dialogTemplates","themes","displayName","description","module","license","licenseUrl","corePackage","manifest","coreComponents","descriptors","coreDescriptors"],"mappings":";;;;;;AAAA;AACA;AAOA;;;;;;UAOaA,mBAAAA,GAAoC;IAC7CC,IAAAA,EAAM,MAAA;IACNC,OAAAA,EAAS,OAAA;AACTC,IAAAA,IAAAA,EAAMC,wBAAYC,gBAAgB;AAClCC,IAAAA,YAAAA,EAAc,EAAE;IAChBC,UAAAA,EAAY;AACR,QAAA,MAAA;AACA,QAAA,QAAA;AACA,QAAA,MAAA;AACA,QAAA,MAAA;AACA,QAAA,QAAA;AACA,QAAA,SAAA;AACA,QAAA,UAAA;AACA,QAAA,OAAA;AACA,QAAA,OAAA;AACA,QAAA,QAAA;AACA,QAAA,SAAA;AACA,QAAA,OAAA;AACA,QAAA,MAAA;AACA,QAAA,MAAA;AACA,QAAA,eAAA;AACA,QAAA;AACH,KAAA;AACDC,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,qBAAA;IACRC,OAAAA,EAAS,KAAA;IACTC,UAAAA,EAAY;AAChB;AAEA;;UAGaC,WAAAA,GAAkC;IAC3CC,QAAAA,EAAUlB,mBAAAA;IACVO,UAAAA,EAAYY,6BAAAA;IACZC,WAAAA,EAAaC;AACjB;;;"}
+{"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';\nimport { coreDescriptors } from './coreDescriptors';\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: [\n        'text',\n        'button',\n        'card',\n        'data',\n        'action',\n        'section',\n        'navigate',\n        'title',\n        'table',\n        'column',\n        'summary',\n        'field',\n        'code',\n        'file',\n        'navigationBar',\n        'outlet',\n        'toolbar',\n        'toolbarItem',\n    ],\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    license: 'MIT',\n    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE',\n};\n\n/**\n * The `core` package as a loadable bundle.\n */\nexport const corePackage: ScenePackageBundle = {\n    manifest: corePackageManifest,\n    components: coreComponents,\n    descriptors: coreDescriptors,\n};\n"],"names":["corePackageManifest","name","version","kind","PackageKind","ComponentLibrary","dependencies","components","layouts","screenTemplates","dialogTemplates","themes","displayName","description","module","license","licenseUrl","corePackage","manifest","coreComponents","descriptors","coreDescriptors"],"mappings":";;;;;;AAAA;AACA;AAOA;;;;;;UAOaA,mBAAAA,GAAoC;IAC7CC,IAAAA,EAAM,MAAA;IACNC,OAAAA,EAAS,OAAA;AACTC,IAAAA,IAAAA,EAAMC,wBAAYC,gBAAgB;AAClCC,IAAAA,YAAAA,EAAc,EAAE;IAChBC,UAAAA,EAAY;AACR,QAAA,MAAA;AACA,QAAA,QAAA;AACA,QAAA,MAAA;AACA,QAAA,MAAA;AACA,QAAA,QAAA;AACA,QAAA,SAAA;AACA,QAAA,UAAA;AACA,QAAA,OAAA;AACA,QAAA,OAAA;AACA,QAAA,QAAA;AACA,QAAA,SAAA;AACA,QAAA,OAAA;AACA,QAAA,MAAA;AACA,QAAA,MAAA;AACA,QAAA,eAAA;AACA,QAAA,QAAA;AACA,QAAA,SAAA;AACA,QAAA;AACH,KAAA;AACDC,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,qBAAA;IACRC,OAAAA,EAAS,KAAA;IACTC,UAAAA,EAAY;AAChB;AAEA;;UAGaC,WAAAA,GAAkC;IAC3CC,QAAAA,EAAUlB,mBAAAA;IACVO,UAAAA,EAAYY,6BAAAA;IACZC,WAAAA,EAAaC;AACjB;;;"}

package/dist/cjs/index.js

@@ -14,6 +14,7 @@ var CoreText = require('./core/CoreText.js');
 var CoreButton = require('./core/CoreButton.js');
 var CoreCard = require('./core/CoreCard.js');
 var CoreNavigationBar = require('./core/CoreNavigationBar.js');
+var CoreToolbar = require('./core/CoreToolbar.js');
 var coreDescriptors = require('./core/coreDescriptors.js');
 var ScreenplayCoreComponents = require('./core/ScreenplayCoreComponents.js');
 var coreComponents = require('./core/coreComponents.js');
@@ -89,6 +90,10 @@ exports.CoreText = CoreText.CoreText;
 exports.CoreButton = CoreButton.CoreButton;
 exports.CoreCard = CoreCard.CoreCard;
 exports.CoreNavigationBar = CoreNavigationBar.CoreNavigationBar;
+exports.CoreToolbar = CoreToolbar.CoreToolbar;
+exports.CoreToolbarItem = CoreToolbar.CoreToolbarItem;
+exports.toolbarItemDestination = CoreToolbar.toolbarItemDestination;
+exports.toolbarItemMode = CoreToolbar.toolbarItemMode;
 exports.coreDescriptors = coreDescriptors.coreDescriptors;
 exports.CoreAction = ScreenplayCoreComponents.CoreAction;
 exports.CoreCode = ScreenplayCoreComponents.CoreCode;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"extractNavigationItem.d.ts","sourceRoot":"","sources":["../../../NavBar/extractNavigationItem.ts"],"names":[],"mappings":"AAGA,OAAO,EAAqB,YAAY,EAAqB,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAczG,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAkB5F"}
+{"version":3,"file":"extractNavigationItem.d.ts","sourceRoot":"","sources":["../../../NavBar/extractNavigationItem.ts"],"names":[],"mappings":"AAGA,OAAO,EAAqB,YAAY,EAA2C,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAe/H,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAuB5F"}