@cratis/scene.blueprint.default 4.40.0 → 4.42.0

package/dist/cjs/gallery/GalleryScreenPreview.js

@@ -4,9 +4,28 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var scene_react = require('@cratis/scene.react');
 var LayoutConfigProvider = require('../configuration/LayoutConfigProvider.js');
+var ComponentName = require('../ComponentName.js');
 var defaultBlueprintComponents = require('../defaultBlueprintComponents.js');
+require('../foundation/ComponentState.js');
+require('../foundation/ActivityFeed.js');
+require('../foundation/ApprovalChainStepper.js');
+require('../foundation/foundationDescriptors.js');
+require('../foundation/foundationComponentMetadata.js');
+var foundationSamples = require('../foundation/foundationSamples.js');
+var packageName = require('../packageName.js');
 var defaultBlueprintThemes = require('../themes/defaultBlueprintThemes.js');
 var LayoutThemeProvider = require('../themes/LayoutThemeProvider.js');
+require('../foundation/templates/boardScreenTemplate.js');
+require('../foundation/templates/dashboardScreenTemplate.js');
+require('../foundation/templates/formScreenTemplate.js');
+require('../foundation/templates/listScreenTemplate.js');
+require('../foundation/templates/masterDetailScreenTemplate.js');
+require('../foundation/templates/recordPageTemplate.js');
+require('../foundation/templates/wizardScreenTemplate.js');
+require('../foundation/templates/workspaceScreenTemplate.js');
+require('../foundation/templates/templateParts.js');
+require('../foundation/templates/dialogTemplates.js');
+require('../foundation/templates/stateScreenTemplates.js');
 var composeScreen = require('./composeScreen.js');
 var previewProfile = require('./previewProfile.js');
 var resolveElementNames = require('./resolveElementNames.js');
@@ -24,6 +43,56 @@ var applyTemplatePreviewState = require('./applyTemplatePreviewState.js');
     ...scene_react.coreComponents,
     ...defaultBlueprintComponents.defaultBlueprintComponents
 };
+/** Components that are chrome or controls rather than data-showing regions, and so do not own the five states. */ const withoutStates = new Set([
+    ComponentName.ComponentName.EmptyState,
+    ComponentName.ComponentName.TrendChip,
+    ComponentName.ComponentName.StatusChip,
+    ComponentName.ComponentName.BulkBar,
+    ComponentName.ComponentName.GlobalSearch,
+    ComponentName.ComponentName.NotificationsButton
+]);
+/** Sets the forced state on every region that owns the five states, leaving chrome and controls as they are. */ function forceComponentState(element, forced) {
+    const external = element;
+    const children = element.children;
+    const slots = external.slots ? Object.fromEntries(Object.entries(external.slots).map(([slot, inner])=>[
+            slot,
+            inner.map((child)=>forceComponentState(child, forced))
+        ])) : undefined;
+    const bare = typeof external.componentName === 'string' ? external.componentName.substring(external.componentName.lastIndexOf(':') + 1) : undefined;
+    const owns = bare !== undefined && external.componentName.includes(packageName.defaultBlueprintName) && bare in foundationSamples.foundationSamples && foundationSamples.foundationSamples[bare].stateful && !withoutStates.has(bare);
+    return {
+        ...element,
+        ...owns ? {
+            properties: {
+                ...external.properties,
+                ...forced
+            }
+        } : {},
+        ...slots ? {
+            slots
+        } : {},
+        ...children ? {
+            children: children.map((child)=>forceComponentState(child, forced))
+        } : {}
+    };
+}
+/**
+ * A pack as the query results the templates bind to: one entry for each set, keyed by the set's shape name.
+ *
+ * The state is a property of the *data*, not of the template: Empty answers every query with no rows; Loading and Error withhold the answer, which is
+ * what a query that has not come back or has failed looks like to a component, so each shows its own skeleton or error exactly as it will in an application.
+ * The elements themselves are untouched, which is why the same template previews in every state with no per-template code.
+ */ const queryResultsOf = (pack, state = TemplatePreviewState.TemplatePreviewState.Populated)=>{
+    if (pack === undefined) return undefined;
+    if (state === TemplatePreviewState.TemplatePreviewState.Empty) return Object.fromEntries(pack.sets.map((set)=>[
+            set.shape,
+            []
+        ]));
+    return Object.fromEntries(pack.sets.map((set)=>[
+            set.shape,
+            set.rows
+        ]));
+};
 /**
  * Boots one gallery screen through the real engine.
  *
@@ -36,16 +105,18 @@ var applyTemplatePreviewState = require('./applyTemplatePreviewState.js');
  * come out as `UnresolvedComponent`'s dashed red box naming what is missing. That is the designed outcome:
  * a preview of a blueprint against half a profile should look visibly incomplete rather than quietly
  * wrong.
- */ function GalleryScreenPreview({ screenName, initialConfig, themes = defaultBlueprintThemes.defaultBlueprintThemes, registry = galleryPreviewRegistry, state = TemplatePreviewState.TemplatePreviewState.Populated }) {
+ */ function GalleryScreenPreview({ screenName, initialConfig, themes = defaultBlueprintThemes.defaultBlueprintThemes, registry = galleryPreviewRegistry, state = TemplatePreviewState.TemplatePreviewState.Populated, pack, forceState }) {
     const element = react.useMemo(()=>{
         const screen = screens.galleryScreen(screenName);
         if (!screen) {
             throw new Error(`The gallery has no screen named '${screenName}'.`);
         }
-        return applyTemplatePreviewState.applyTemplatePreviewState(resolveElementNames.resolveElementComponentNames(composeScreen.composeScreenElement(screen), previewProfile.galleryPreviewProfile, previewProfile.galleryComponentCatalog), state);
+        const resolved = applyTemplatePreviewState.applyTemplatePreviewState(resolveElementNames.resolveElementComponentNames(composeScreen.composeScreenElement(screen), previewProfile.galleryPreviewProfile, previewProfile.galleryComponentCatalog), state);
+        return forceState ? forceComponentState(resolved, forceState) : resolved;
     }, [
         screenName,
-        state
+        state,
+        forceState
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx(LayoutConfigProvider.LayoutConfigProvider, {
         initialConfig: initialConfig,
@@ -55,12 +126,15 @@ var applyTemplatePreviewState = require('./applyTemplatePreviewState.js');
             children: /*#__PURE__*/ jsxRuntime.jsx(scene_react.SceneElementView, {
                 element: element,
                 registry: registry,
-                resolveBinding: ()=>undefined
+                resolveBinding: ()=>undefined,
+                queryResults: queryResultsOf(pack, state)
             })
         })
     });
 }
 
 exports.GalleryScreenPreview = GalleryScreenPreview;
+exports.forceComponentState = forceComponentState;
 exports.galleryPreviewRegistry = galleryPreviewRegistry;
+exports.queryResultsOf = queryResultsOf;
 //# sourceMappingURL=GalleryScreenPreview.js.map

package/dist/cjs/gallery/GalleryScreenPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryScreenPreview.js","sources":["../../../gallery/GalleryScreenPreview.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 { Theme } from '@cratis/scene.model';\nimport { ComponentRegistry, SceneElementView, coreComponents } from '@cratis/scene.react';\nimport { LayoutConfigProvider, LayoutConfigState } from '../configuration';\nimport { defaultBlueprintComponents } from '../defaultBlueprintComponents';\nimport { LayoutThemeProvider, defaultBlueprintThemes } from '../themes';\nimport { composeScreenElement } from './composeScreen';\nimport { galleryComponentCatalog, galleryPreviewProfile } from './previewProfile';\nimport { resolveElementComponentNames } from './resolveElementNames';\nimport { galleryScreen } from './screens';\nimport { TemplatePreviewState } from './TemplatePreviewState';\nimport { applyTemplatePreviewState } from './applyTemplatePreviewState';\n\n/**\n * The registry a preview resolves against when a host does not supply one: `core` plus this blueprint.\n *\n * Merged by hand rather than through `mergePackageRegistries`, because reaching for this blueprint's\n * *bundle* here would be circular - the bundle is assembled from the gallery this file belongs to. Registry\n * keys carry their package name, so merge order cannot cause a collision either way.\n */\nexport const galleryPreviewRegistry: ComponentRegistry = { ...coreComponents, ...defaultBlueprintComponents };\n\nexport interface GalleryScreenPreviewProps {\n    /** The name of the gallery screen to boot. */\n    screenName: string;\n\n    /** Configuration to start from - a story pinning a mode, or a host restoring a session. */\n    initialConfig?: Partial<LayoutConfigState>;\n\n    /** The themes the configurator may switch between. Defaults to the two this blueprint ships. */\n    themes?: Theme[];\n\n    /** The component registry to render against. Defaults to `core` plus this blueprint's own components. */\n    registry?: ComponentRegistry;\n\n    /** The data state to show. Defaults to the seeded, populated records. */\n    state?: TemplatePreviewState;\n}\n\n/**\n * Boots one gallery screen through the real engine.\n *\n * Nothing here is a preview-only path: the screen is a real {@link Screen}, its element tree is resolved by\n * the real `resolveComponentName`, and it is rendered by the real `SceneElementView` against the real\n * registry. That is the point of shipping a gallery at all - a mockup proves that someone can draw a\n * dashboard, and this proves the blueprint renders one.\n *\n * Component names belonging to packages the host has not loaded resolve but find no implementation, and\n * come out as `UnresolvedComponent`'s dashed red box naming what is missing. That is the designed outcome:\n * a preview of a blueprint against half a profile should look visibly incomplete rather than quietly\n * wrong.\n */\nexport function GalleryScreenPreview({ screenName, initialConfig, themes = defaultBlueprintThemes, registry = galleryPreviewRegistry, state = TemplatePreviewState.Populated }: GalleryScreenPreviewProps) {\n    const element = useMemo(() => {\n        const screen = galleryScreen(screenName);\n        if (!screen) {\n            throw new Error(`The gallery has no screen named '${screenName}'.`);\n        }\n\n        return applyTemplatePreviewState(resolveElementComponentNames(composeScreenElement(screen), galleryPreviewProfile, galleryComponentCatalog), state);\n    }, [screenName, state]);\n\n    return (\n        <LayoutConfigProvider initialConfig={initialConfig} storage={null}>\n            <LayoutThemeProvider themes={themes}>\n                <SceneElementView element={element} registry={registry} resolveBinding={() => undefined} />\n            </LayoutThemeProvider>\n        </LayoutConfigProvider>\n    );\n}\n"],"names":["galleryPreviewRegistry","coreComponents","defaultBlueprintComponents","GalleryScreenPreview","screenName","initialConfig","themes","defaultBlueprintThemes","registry","state","TemplatePreviewState","Populated","element","useMemo","screen","galleryScreen","Error","applyTemplatePreviewState","resolveElementComponentNames","composeScreenElement","galleryPreviewProfile","galleryComponentCatalog","_jsx","LayoutConfigProvider","storage","LayoutThemeProvider","SceneElementView","resolveBinding","undefined"],"mappings":";;;;;;;;;;;;;;;;AAgBA;;;;;;UAOaA,sBAAAA,GAA4C;AAAE,IAAA,GAAGC,0BAAc;AAAE,IAAA,GAAGC;AAA2B;AAmB5G;;;;;;;;;;;;AAYC,IACM,SAASC,oBAAAA,CAAqB,EAAEC,UAAU,EAAEC,aAAa,EAAEC,MAAAA,GAASC,6CAAsB,EAAEC,QAAAA,GAAWR,sBAAsB,EAAES,KAAAA,GAAQC,yCAAAA,CAAqBC,SAAS,EAA6B,EAAA;AACrM,IAAA,MAAMC,UAAUC,aAAAA,CAAQ,IAAA;AACpB,QAAA,MAAMC,SAASC,qBAAAA,CAAcX,UAAAA,CAAAA;AAC7B,QAAA,IAAI,CAACU,MAAAA,EAAQ;AACT,YAAA,MAAM,IAAIE,KAAAA,CAAM,CAAC,iCAAiC,EAAEZ,UAAAA,CAAW,EAAE,CAAC,CAAA;AACtE,QAAA;AAEA,QAAA,OAAOa,mDAAAA,CAA0BC,gDAAAA,CAA6BC,kCAAAA,CAAqBL,MAAAA,CAAAA,EAASM,sCAAuBC,sCAAAA,CAAAA,EAA0BZ,KAAAA,CAAAA;IACjJ,CAAA,EAAG;AAACL,QAAAA,UAAAA;AAAYK,QAAAA;AAAM,KAAA,CAAA;AAEtB,IAAA,qBACIa,cAAA,CAACC,yCAAAA,EAAAA;QAAqBlB,aAAAA,EAAeA,aAAAA;QAAemB,OAAAA,EAAS,IAAA;AACzD,QAAA,QAAA,gBAAAF,cAAA,CAACG,uCAAAA,EAAAA;YAAoBnB,MAAAA,EAAQA,MAAAA;AACzB,YAAA,QAAA,gBAAAgB,cAAA,CAACI,4BAAAA,EAAAA;gBAAiBd,OAAAA,EAASA,OAAAA;gBAASJ,QAAAA,EAAUA,QAAAA;AAAUmB,gBAAAA,cAAAA,EAAgB,IAAMC;;;;AAI9F;;;"}
+{"version":3,"file":"GalleryScreenPreview.js","sources":["../../../gallery/GalleryScreenPreview.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 { ExternalComponent, SampleDataPack, SceneElement, Theme } from '@cratis/scene.model';\nimport { ComponentRegistry, SceneElementView, coreComponents } from '@cratis/scene.react';\nimport { LayoutConfigProvider, LayoutConfigState } from '../configuration';\nimport { ComponentName } from '../ComponentName';\nimport { defaultBlueprintComponents } from '../defaultBlueprintComponents';\nimport { ComponentState, foundationSamples } from '../foundation';\nimport { defaultBlueprintName } from '../packageName';\nimport { LayoutThemeProvider, defaultBlueprintThemes } from '../themes';\nimport { composeScreenElement } from './composeScreen';\nimport { galleryComponentCatalog, galleryPreviewProfile } from './previewProfile';\nimport { resolveElementComponentNames } from './resolveElementNames';\nimport { galleryScreen } from './screens';\nimport { TemplatePreviewState } from './TemplatePreviewState';\nimport { applyTemplatePreviewState } from './applyTemplatePreviewState';\n\n/**\n * The registry a preview resolves against when a host does not supply one: `core` plus this blueprint.\n *\n * Merged by hand rather than through `mergePackageRegistries`, because reaching for this blueprint's\n * *bundle* here would be circular - the bundle is assembled from the gallery this file belongs to. Registry\n * keys carry their package name, so merge order cannot cause a collision either way.\n */\nexport const galleryPreviewRegistry: ComponentRegistry = { ...coreComponents, ...defaultBlueprintComponents };\n\nexport interface GalleryScreenPreviewProps {\n    /** The name of the gallery screen to boot. */\n    screenName: string;\n\n    /** Configuration to start from - a story pinning a mode, or a host restoring a session. */\n    initialConfig?: Partial<LayoutConfigState>;\n\n    /** The themes the configurator may switch between. Defaults to the two this blueprint ships. */\n    themes?: Theme[];\n\n    /** The component registry to render against. Defaults to `core` plus this blueprint's own components. */\n    registry?: ComponentRegistry;\n\n    /** The data state to show. Defaults to the seeded, populated records. */\n    state?: TemplatePreviewState;\n\n    /**\n     * The sample-data pack that stands in for the queries the templates bind to: each set's `shape` is a query name and its `rows` that query's result.\n     * Templates carry no rows of their own - they declare where the data comes from (spec SD1) - so a preview of a foundation template needs one.\n     */\n    pack?: SampleDataPack;\n\n    /**\n     * A standard state (spec Part B 1.4) to force on every foundation component that owns the five states: loading, error, no-permission or partial.\n     * This is how a designer inspects each one on a real template - it only sets the `state` property the components already read, so there is no\n     * second code path. `error`, `permissionSubject` and `failedRegions` give the state its message.\n     */\n    forceState?: ForcedComponentState;\n}\n\n/** The standard states a preview can force on a template's components. */\nexport interface ForcedComponentState {\n    state: ComponentState;\n    error?: string;\n    permissionSubject?: string;\n    failedRegions?: string[];\n}\n\n/** Components that are chrome or controls rather than data-showing regions, and so do not own the five states. */\nconst withoutStates = new Set<string>([\n    ComponentName.EmptyState, ComponentName.TrendChip, ComponentName.StatusChip, ComponentName.BulkBar, ComponentName.GlobalSearch, ComponentName.NotificationsButton,\n]);\n\n/** Sets the forced state on every region that owns the five states, leaving chrome and controls as they are. */\nexport function forceComponentState(element: SceneElement, forced: ForcedComponentState): SceneElement {\n    const external = element as Partial<ExternalComponent>;\n    const children = (element as { children?: SceneElement[] }).children;\n    const slots = external.slots ? Object.fromEntries(Object.entries(external.slots).map(([slot, inner]) => [slot, inner.map(child => forceComponentState(child, forced))])) : undefined;\n    const bare = typeof external.componentName === 'string' ? external.componentName.substring(external.componentName.lastIndexOf(':') + 1) : undefined;\n    const owns = bare !== undefined && external.componentName!.includes(defaultBlueprintName) && (bare in foundationSamples) && foundationSamples[bare].stateful && !withoutStates.has(bare);\n\n    return {\n        ...element,\n        ...(owns ? { properties: { ...external.properties, ...forced } } : {}),\n        ...(slots ? { slots } : {}),\n        ...(children ? { children: children.map(child => forceComponentState(child, forced)) } : {}),\n    } as SceneElement;\n}\n\n/**\n * A pack as the query results the templates bind to: one entry for each set, keyed by the set's shape name.\n *\n * The state is a property of the *data*, not of the template: Empty answers every query with no rows; Loading and Error withhold the answer, which is\n * what a query that has not come back or has failed looks like to a component, so each shows its own skeleton or error exactly as it will in an application.\n * The elements themselves are untouched, which is why the same template previews in every state with no per-template code.\n */\nexport const queryResultsOf = (pack: SampleDataPack | undefined, state: TemplatePreviewState = TemplatePreviewState.Populated): Record<string, unknown> | undefined => {\n    if (pack === undefined) return undefined;\n    if (state === TemplatePreviewState.Empty) return Object.fromEntries(pack.sets.map(set => [set.shape, []]));\n    return Object.fromEntries(pack.sets.map(set => [set.shape, set.rows]));\n};\n\n/**\n * Boots one gallery screen through the real engine.\n *\n * Nothing here is a preview-only path: the screen is a real {@link Screen}, its element tree is resolved by\n * the real `resolveComponentName`, and it is rendered by the real `SceneElementView` against the real\n * registry. That is the point of shipping a gallery at all - a mockup proves that someone can draw a\n * dashboard, and this proves the blueprint renders one.\n *\n * Component names belonging to packages the host has not loaded resolve but find no implementation, and\n * come out as `UnresolvedComponent`'s dashed red box naming what is missing. That is the designed outcome:\n * a preview of a blueprint against half a profile should look visibly incomplete rather than quietly\n * wrong.\n */\nexport function GalleryScreenPreview({ screenName, initialConfig, themes = defaultBlueprintThemes, registry = galleryPreviewRegistry, state = TemplatePreviewState.Populated, pack, forceState }: GalleryScreenPreviewProps) {\n    const element = useMemo(() => {\n        const screen = galleryScreen(screenName);\n        if (!screen) {\n            throw new Error(`The gallery has no screen named '${screenName}'.`);\n        }\n\n        const resolved = applyTemplatePreviewState(resolveElementComponentNames(composeScreenElement(screen), galleryPreviewProfile, galleryComponentCatalog), state);\n        return forceState ? forceComponentState(resolved, forceState) : resolved;\n    }, [screenName, state, forceState]);\n\n    return (\n        <LayoutConfigProvider initialConfig={initialConfig} storage={null}>\n            <LayoutThemeProvider themes={themes}>\n                <SceneElementView element={element} registry={registry} resolveBinding={() => undefined} queryResults={queryResultsOf(pack, state)} />\n            </LayoutThemeProvider>\n        </LayoutConfigProvider>\n    );\n}\n"],"names":["galleryPreviewRegistry","coreComponents","defaultBlueprintComponents","withoutStates","Set","ComponentName","EmptyState","TrendChip","StatusChip","BulkBar","GlobalSearch","NotificationsButton","forceComponentState","element","forced","external","children","slots","Object","fromEntries","entries","map","slot","inner","child","undefined","bare","componentName","substring","lastIndexOf","owns","includes","defaultBlueprintName","foundationSamples","stateful","has","properties","queryResultsOf","pack","state","TemplatePreviewState","Populated","Empty","sets","set","shape","rows","GalleryScreenPreview","screenName","initialConfig","themes","defaultBlueprintThemes","registry","forceState","useMemo","screen","galleryScreen","Error","resolved","applyTemplatePreviewState","resolveElementComponentNames","composeScreenElement","galleryPreviewProfile","galleryComponentCatalog","_jsx","LayoutConfigProvider","storage","LayoutThemeProvider","SceneElementView","resolveBinding","queryResults"],"mappings":"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"}

package/dist/cjs/gallery/applicationChrome.js

@@ -1,8 +1,8 @@
 'use strict';
 
+var scene_model = require('@cratis/scene.model');
 var ComponentName = require('../ComponentName.js');
 var SlotName = require('../layouts/SlotName.js');
-require('@cratis/scene.model');
 require('../layouts/shellComponents.js');
 require('../layouts/appShell.js');
 require('../layouts/fullPage.js');
@@ -64,6 +64,23 @@ var navigation = require('./navigation.js');
                     logo('topbar-logo')
                 ],
                 end: [
+                    // The topbar of Part B 2.1: logo, search, notifications, the environment, and the user. The search and the bell are the foundation
+                    // components, so they work everywhere the shell does; the unread count is a query result, never a value.
+                    elements.externalComponent('topbar-search', ComponentName.ComponentName.GlobalSearch, {
+                        placeholder: 'Search',
+                        label: 'Search the application'
+                    }),
+                    elements.externalComponent('topbar-notifications', ComponentName.ComponentName.NotificationsButton, {
+                        count: {
+                            kind: scene_model.BindingSourceKind.QueryResult,
+                            query: 'NotificationCount',
+                            path: '0.count'
+                        }
+                    }),
+                    elements.externalComponent('topbar-environment', ComponentName.ComponentName.StatusChip, {
+                        status: 'Production',
+                        tone: 'info'
+                    }),
                     elements.externalComponent('topbar-user', ComponentName.ComponentName.UserMenu, {
                         name: 'Amelia Nyquist',
                         role: 'Owner',

package/dist/cjs/gallery/applicationChrome.js.map

@@ -1 +1 @@
-{"version":3,"file":"applicationChrome.js","sources":["../../../gallery/applicationChrome.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 { SceneElement } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { SlotName } from '../layouts';\nimport { defaultBlueprintThemes } from '../themes';\nimport { externalComponent } from './elements';\nimport { entriesInGroup, navigationElement, navigationGroups } from './navigation';\n\n/**\n * The chrome every screen in the application shell shares: the topbar, the sidebar, the menu, the footer\n * and the configurator.\n *\n * It is built once, per screen, rather than repeated in twenty templates. A screen template describes what\n * is *different* about a screen; if it also had to describe the topbar, then adding an item to the menu\n * would mean editing twenty files, and nineteen of them would eventually be missed.\n */\n\n/** The brand mark, shared by the topbar and the sidebar header. */\nfunction logo(id: string): SceneElement {\n    return externalComponent(id, ComponentName.Logo, { label: 'Contoso', initials: 'C', targetScreen: 'Dashboard' });\n}\n\n/** One menu section per navigation group, each holding that group's entries. */\nfunction menuSections(activeScreen: string): SceneElement[] {\n    return navigationGroups.map(group =>\n        externalComponent(\n            `menu-${group.toLowerCase()}`,\n            ComponentName.Menu,\n            { title: group, label: group },\n            { items: entriesInGroup(group).map(entry => navigationElement(entry, activeScreen)) },\n        ),\n    );\n}\n\n/** The configurator, offering the themes this blueprint ships. */\nfunction configPanel(): SceneElement {\n    return externalComponent(ComponentName.ConfigPanel, ComponentName.ConfigPanel, {\n        title: 'Settings',\n        themes: defaultBlueprintThemes.map(theme => ({ name: theme.name, label: theme.name, isDark: theme.isDark ?? false })),\n    });\n}\n\n/** One trail entry: a label, and the screen it goes back to. */\nexport interface BreadcrumbEntry {\n    /** What the entry is called. */\n    label: string;\n\n    /** The screen it navigates back to, or undefined for the current page. */\n    targetScreen?: string;\n}\n\n/**\n * The application shell's slot content for one screen.\n *\n * Only the breadcrumb and which menu entry is marked active differ from screen to screen - everything else\n * is identical, which is the point of chrome.\n *\n * @param activeScreen The screen being rendered, so its menu entry is marked current.\n * @param breadcrumb The trail above the content.\n * @returns Slot content keyed by the {@link SlotName}s the `AppShell` layout declares.\n */\nexport function applicationChrome(activeScreen: string, breadcrumb: BreadcrumbEntry[]): Record<string, SceneElement[]> {\n    return {\n        [SlotName.Topbar]: [\n            externalComponent(\n                'topbar',\n                ComponentName.Topbar,\n                {},\n                {\n                    logo: [logo('topbar-logo')],\n                    end: [\n                        externalComponent('topbar-user', ComponentName.UserMenu, {\n                            name: 'Amelia Nyquist',\n                            role: 'Owner',\n                            initials: 'AN',\n                            items: [\n                                { label: 'Your profile', icon: 'pi pi-user', targetScreen: 'ProfileSettings' },\n                                { label: 'Help', icon: 'pi pi-question-circle', targetScreen: 'Help' },\n                                { label: 'Lock', icon: 'pi pi-lock', targetScreen: 'LockScreen' },\n                            ],\n                        }),\n                    ],\n                },\n            ),\n        ],\n        [SlotName.Sidebar]: [externalComponent('sidebar', ComponentName.Sidebar, { title: 'Contoso' }, { logo: [logo('sidebar-logo')] })],\n        [SlotName.Menu]: menuSections(activeScreen),\n        [SlotName.Breadcrumb]: [\n            externalComponent('breadcrumb', ComponentName.Breadcrumb, {\n                homeTargetScreen: 'Dashboard',\n                items: breadcrumb,\n            }),\n        ],\n        [SlotName.Footer]: [externalComponent('footer', ComponentName.Footer, { text: '© Contoso · Built with Cratis Scene' })],\n        [SlotName.ConfigPanel]: [configPanel()],\n    };\n}\n\n/**\n * The full-page shell's slot content: the configurator and nothing else.\n *\n * A sign-in screen has no navigation to render, but it does have to honor the chosen theme - it is very\n * often the first page anyone sees, and arriving at a light sign-in page before a dark application is a\n * jarring way to start.\n */\nexport function fullPageChrome(): Record<string, SceneElement[]> {\n    return { [SlotName.ConfigPanel]: [configPanel()] };\n}\n"],"names":["logo","id","externalComponent","ComponentName","Logo","label","initials","targetScreen","menuSections","activeScreen","navigationGroups","map","group","toLowerCase","Menu","title","items","entriesInGroup","entry","navigationElement","configPanel","ConfigPanel","themes","defaultBlueprintThemes","theme","name","isDark","applicationChrome","breadcrumb","SlotName","Topbar","end","UserMenu","role","icon","Sidebar","Breadcrumb","homeTargetScreen","Footer","text","fullPageChrome"],"mappings":"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"}
+{"version":3,"file":"applicationChrome.js","sources":["../../../gallery/applicationChrome.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 { BindingSourceKind, SceneElement } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { SlotName } from '../layouts';\nimport { defaultBlueprintThemes } from '../themes';\nimport { externalComponent } from './elements';\nimport { entriesInGroup, navigationElement, navigationGroups } from './navigation';\n\n/**\n * The chrome every screen in the application shell shares: the topbar, the sidebar, the menu, the footer\n * and the configurator.\n *\n * It is built once, per screen, rather than repeated in twenty templates. A screen template describes what\n * is *different* about a screen; if it also had to describe the topbar, then adding an item to the menu\n * would mean editing twenty files, and nineteen of them would eventually be missed.\n */\n\n/** The brand mark, shared by the topbar and the sidebar header. */\nfunction logo(id: string): SceneElement {\n    return externalComponent(id, ComponentName.Logo, { label: 'Contoso', initials: 'C', targetScreen: 'Dashboard' });\n}\n\n/** One menu section per navigation group, each holding that group's entries. */\nfunction menuSections(activeScreen: string): SceneElement[] {\n    return navigationGroups.map(group =>\n        externalComponent(\n            `menu-${group.toLowerCase()}`,\n            ComponentName.Menu,\n            { title: group, label: group },\n            { items: entriesInGroup(group).map(entry => navigationElement(entry, activeScreen)) },\n        ),\n    );\n}\n\n/** The configurator, offering the themes this blueprint ships. */\nfunction configPanel(): SceneElement {\n    return externalComponent(ComponentName.ConfigPanel, ComponentName.ConfigPanel, {\n        title: 'Settings',\n        themes: defaultBlueprintThemes.map(theme => ({ name: theme.name, label: theme.name, isDark: theme.isDark ?? false })),\n    });\n}\n\n/** One trail entry: a label, and the screen it goes back to. */\nexport interface BreadcrumbEntry {\n    /** What the entry is called. */\n    label: string;\n\n    /** The screen it navigates back to, or undefined for the current page. */\n    targetScreen?: string;\n}\n\n/**\n * The application shell's slot content for one screen.\n *\n * Only the breadcrumb and which menu entry is marked active differ from screen to screen - everything else\n * is identical, which is the point of chrome.\n *\n * @param activeScreen The screen being rendered, so its menu entry is marked current.\n * @param breadcrumb The trail above the content.\n * @returns Slot content keyed by the {@link SlotName}s the `AppShell` layout declares.\n */\nexport function applicationChrome(activeScreen: string, breadcrumb: BreadcrumbEntry[]): Record<string, SceneElement[]> {\n    return {\n        [SlotName.Topbar]: [\n            externalComponent(\n                'topbar',\n                ComponentName.Topbar,\n                {},\n                {\n                    logo: [logo('topbar-logo')],\n                    end: [\n                        // The topbar of Part B 2.1: logo, search, notifications, the environment, and the user. The search and the bell are the foundation\n                        // components, so they work everywhere the shell does; the unread count is a query result, never a value.\n                        externalComponent('topbar-search', ComponentName.GlobalSearch, { placeholder: 'Search', label: 'Search the application' }),\n                        externalComponent('topbar-notifications', ComponentName.NotificationsButton, { count: { kind: BindingSourceKind.QueryResult, query: 'NotificationCount', path: '0.count' } }),\n                        externalComponent('topbar-environment', ComponentName.StatusChip, { status: 'Production', tone: 'info' }),\n                        externalComponent('topbar-user', ComponentName.UserMenu, {\n                            name: 'Amelia Nyquist',\n                            role: 'Owner',\n                            initials: 'AN',\n                            items: [\n                                { label: 'Your profile', icon: 'pi pi-user', targetScreen: 'ProfileSettings' },\n                                { label: 'Help', icon: 'pi pi-question-circle', targetScreen: 'Help' },\n                                { label: 'Lock', icon: 'pi pi-lock', targetScreen: 'LockScreen' },\n                            ],\n                        }),\n                    ],\n                },\n            ),\n        ],\n        [SlotName.Sidebar]: [externalComponent('sidebar', ComponentName.Sidebar, { title: 'Contoso' }, { logo: [logo('sidebar-logo')] })],\n        [SlotName.Menu]: menuSections(activeScreen),\n        [SlotName.Breadcrumb]: [\n            externalComponent('breadcrumb', ComponentName.Breadcrumb, {\n                homeTargetScreen: 'Dashboard',\n                items: breadcrumb,\n            }),\n        ],\n        [SlotName.Footer]: [externalComponent('footer', ComponentName.Footer, { text: '© Contoso · Built with Cratis Scene' })],\n        [SlotName.ConfigPanel]: [configPanel()],\n    };\n}\n\n/**\n * The full-page shell's slot content: the configurator and nothing else.\n *\n * A sign-in screen has no navigation to render, but it does have to honor the chosen theme - it is very\n * often the first page anyone sees, and arriving at a light sign-in page before a dark application is a\n * jarring way to start.\n */\nexport function fullPageChrome(): Record<string, SceneElement[]> {\n    return { [SlotName.ConfigPanel]: [configPanel()] };\n}\n"],"names":["logo","id","externalComponent","ComponentName","Logo","label","initials","targetScreen","menuSections","activeScreen","navigationGroups","map","group","toLowerCase","Menu","title","items","entriesInGroup","entry","navigationElement","configPanel","ConfigPanel","themes","defaultBlueprintThemes","theme","name","isDark","applicationChrome","breadcrumb","SlotName","Topbar","end","GlobalSearch","placeholder","NotificationsButton","count","kind","BindingSourceKind","QueryResult","query","path","StatusChip","status","tone","UserMenu","role","icon","Sidebar","Breadcrumb","homeTargetScreen","Footer","text","fullPageChrome"],"mappings":";;;;;;;;;;;;;;;AAAA;AACA;AASA;;;;;;;AAOC,wEAGD,SAASA,IAAAA,CAAKC,EAAU,EAAA;AACpB,IAAA,OAAOC,0BAAAA,CAAkBD,EAAAA,EAAIE,2BAAAA,CAAcC,IAAI,EAAE;QAAEC,KAAAA,EAAO,SAAA;QAAWC,QAAAA,EAAU,GAAA;QAAKC,YAAAA,EAAc;AAAY,KAAA,CAAA;AAClH;AAEA,iFACA,SAASC,YAAAA,CAAaC,YAAoB,EAAA;AACtC,IAAA,OAAOC,2BAAAA,CAAiBC,GAAG,CAACC,CAAAA,QACxBV,0BAAAA,CACI,CAAC,KAAK,EAAEU,MAAMC,WAAW,EAAA,CAAA,CAAI,EAC7BV,2BAAAA,CAAcW,IAAI,EAClB;YAAEC,KAAAA,EAAOH,KAAAA;YAAOP,KAAAA,EAAOO;SAAM,EAC7B;AAAEI,YAAAA,KAAAA,EAAOC,0BAAeL,KAAAA,CAAAA,CAAOD,GAAG,CAACO,CAAAA,KAAAA,GAASC,6BAAkBD,KAAAA,EAAOT,YAAAA,CAAAA;AAAe,SAAA,CAAA,CAAA;AAGhG;AAEA,mEACA,SAASW,WAAAA,GAAAA;AACL,IAAA,OAAOlB,2BAAkBC,2BAAAA,CAAckB,WAAW,EAAElB,2BAAAA,CAAckB,WAAW,EAAE;QAC3EN,KAAAA,EAAO,UAAA;AACPO,QAAAA,MAAAA,EAAQC,6CAAAA,CAAuBZ,GAAG,CAACa,CAAAA,SAAU;AAAEC,gBAAAA,IAAAA,EAAMD,MAAMC,IAAI;AAAEpB,gBAAAA,KAAAA,EAAOmB,MAAMC,IAAI;gBAAEC,MAAAA,EAAQF,KAAAA,CAAME,MAAM,IAAI;aAAM,CAAA;AACtH,KAAA,CAAA;AACJ;AAWA;;;;;;;;;AASC,IACM,SAASC,iBAAAA,CAAkBlB,YAAoB,EAAEmB,UAA6B,EAAA;IACjF,OAAO;QACH,CAACC,iBAAAA,CAASC,MAAM,GAAG;AACf5B,YAAAA,0BAAAA,CACI,QAAA,EACAC,2BAAAA,CAAc2B,MAAM,EACpB,EAAC,EACD;gBACI9B,IAAAA,EAAM;oBAACA,IAAAA,CAAK,aAAA;AAAe,iBAAA;gBAC3B+B,GAAAA,EAAK;;;oBAGD7B,0BAAAA,CAAkB,eAAA,EAAiBC,2BAAAA,CAAc6B,YAAY,EAAE;wBAAEC,WAAAA,EAAa,QAAA;wBAAU5B,KAAAA,EAAO;AAAyB,qBAAA,CAAA;oBACxHH,0BAAAA,CAAkB,sBAAA,EAAwBC,2BAAAA,CAAc+B,mBAAmB,EAAE;wBAAEC,KAAAA,EAAO;AAAEC,4BAAAA,IAAAA,EAAMC,8BAAkBC,WAAW;4BAAEC,KAAAA,EAAO,mBAAA;4BAAqBC,IAAAA,EAAM;AAAU;AAAE,qBAAA,CAAA;oBAC3KtC,0BAAAA,CAAkB,oBAAA,EAAsBC,2BAAAA,CAAcsC,UAAU,EAAE;wBAAEC,MAAAA,EAAQ,YAAA;wBAAcC,IAAAA,EAAM;AAAO,qBAAA,CAAA;oBACvGzC,0BAAAA,CAAkB,aAAA,EAAeC,2BAAAA,CAAcyC,QAAQ,EAAE;wBACrDnB,IAAAA,EAAM,gBAAA;wBACNoB,IAAAA,EAAM,OAAA;wBACNvC,QAAAA,EAAU,IAAA;wBACVU,KAAAA,EAAO;AACH,4BAAA;gCAAEX,KAAAA,EAAO,cAAA;gCAAgByC,IAAAA,EAAM,YAAA;gCAAcvC,YAAAA,EAAc;AAAkB,6BAAA;AAC7E,4BAAA;gCAAEF,KAAAA,EAAO,MAAA;gCAAQyC,IAAAA,EAAM,uBAAA;gCAAyBvC,YAAAA,EAAc;AAAO,6BAAA;AACrE,4BAAA;gCAAEF,KAAAA,EAAO,MAAA;gCAAQyC,IAAAA,EAAM,YAAA;gCAAcvC,YAAAA,EAAc;AAAa;AACnE;AACL,qBAAA;AACH;AACL,aAAA;AAEP,SAAA;QACD,CAACsB,iBAAAA,CAASkB,OAAO,GAAG;YAAC7C,0BAAAA,CAAkB,SAAA,EAAWC,2BAAAA,CAAc4C,OAAO,EAAE;gBAAEhC,KAAAA,EAAO;aAAU,EAAG;gBAAEf,IAAAA,EAAM;oBAACA,IAAAA,CAAK,cAAA;AAAgB;AAAC,aAAA;AAAG,SAAA;AACjI,QAAA,CAAC6B,iBAAAA,CAASf,IAAI,GAAGN,YAAAA,CAAaC,YAAAA,CAAAA;QAC9B,CAACoB,iBAAAA,CAASmB,UAAU,GAAG;YACnB9C,0BAAAA,CAAkB,YAAA,EAAcC,2BAAAA,CAAc6C,UAAU,EAAE;gBACtDC,gBAAAA,EAAkB,WAAA;gBAClBjC,KAAAA,EAAOY;AACX,aAAA;AACH,SAAA;QACD,CAACC,iBAAAA,CAASqB,MAAM,GAAG;YAAChD,0BAAAA,CAAkB,QAAA,EAAUC,2BAAAA,CAAc+C,MAAM,EAAE;gBAAEC,IAAAA,EAAM;AAAsC,aAAA;AAAG,SAAA;QACvH,CAACtB,iBAAAA,CAASR,WAAW,GAAG;AAACD,YAAAA,WAAAA;AAAc;AAC3C,KAAA;AACJ;AAEA;;;;;;AAMC,IACM,SAASgC,cAAAA,GAAAA;IACZ,OAAO;QAAE,CAACvB,iBAAAA,CAASR,WAAW,GAAG;AAACD,YAAAA,WAAAA;AAAc;AAAC,KAAA;AACrD;;;"}

package/dist/cjs/gallery/composeScreen.js

@@ -61,13 +61,15 @@ function placeInside(outer, inner) {
     if (!inner.fitsSlot) {
         return outer;
     }
-    const innerContent = inner.slots.flatMap((slot)=>inner.content?.[slot.name] ?? []);
+    // A container-qualified name (`WorkspaceScreen.moduleContent`) says which container; the slot's own name is what the container's content is keyed by.
+    const slot = inner.fitsSlot.substring(inner.fitsSlot.lastIndexOf('.') + 1);
+    const innerContent = inner.slots.flatMap((innerSlot)=>inner.content?.[innerSlot.name] ?? []);
     return {
         ...outer,
         content: {
             ...outer.content,
-            [inner.fitsSlot]: [
-                ...outer.content?.[inner.fitsSlot] ?? [],
+            [slot]: [
+                ...outer.content?.[slot] ?? [],
                 ...innerContent
             ]
         }

package/dist/cjs/gallery/composeScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"composeScreen.js","sources":["../../../gallery/composeScreen.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 { ExternalComponent, Layout, SceneElement, Screen, ScreenTemplate } from '@cratis/scene.model';\nimport { shellComponentForLayout } from '../layouts';\nimport { externalComponent } from './elements';\n\n/**\n * Turns a {@link ScreenTemplate}'s content into slot content on the {@link Layout} that contains it.\n *\n * The rule has two halves, and both matter. Content filed under a slot the *layout* also declares stays\n * under that name - which is how a sign-in template's branding half reaches the full-page layout's `aside`\n * region rather than being buried inside the form column. Everything else flows into the slot the\n * template's `fitsSlot` names, because that is what `fitsSlot` means: this template occupies that region.\n *\n * @param template The template to place.\n * @param layout The layout it is placed into.\n * @returns Slot content keyed by the layout's own slot names.\n */\nexport function templateContentInLayout(template: ScreenTemplate, layout: Layout): Record<string, SceneElement[]> {\n    const layoutSlots = new Set(layout.slots.map(slot => slot.name));\n    const placed: Record<string, SceneElement[]> = {};\n    const ownSlotOrder = template.slots.map(slot => slot.name);\n    const content = template.content ?? {};\n\n    for (const slotName of ownSlotOrder) {\n        const elements = content[slotName];\n        if (!elements || elements.length === 0) {\n            continue;\n        }\n\n        const target = layoutSlots.has(slotName) ? slotName : template.fitsSlot;\n        if (!target) {\n            continue;\n        }\n\n        placed[target] = [...(placed[target] ?? []), ...elements];\n    }\n\n    return placed;\n}\n\n/**\n * Folds a containment chain of screen templates into the outermost one.\n *\n * This is `fitsSlot` doing its job, applied repeatedly. A slice's template fits a slot on the feature's\n * template, which fits a slot on the module's, which fits a slot on the application layout - so the way to\n * place the slice is to place it in the feature, place *that* result in the module, and hand the module to\n * the layout. Folding from the inside out means the rule is written once and the chain can be any depth.\n *\n * The alternative - filing a nested template's content under its own `fitsSlot` at the top level - looks\n * right and is not: the layout has no `body` slot, so the content lands in a region nothing renders and\n * the screen comes up empty with nothing to explain it.\n *\n * @param chain The templates from outermost to innermost. A chain of one is returned unchanged.\n * @returns A template with the same slots and `fitsSlot` as the outermost, carrying the whole chain's content.\n */\nexport function nestScreenTemplates(chain: ScreenTemplate[]): ScreenTemplate {\n    return chain.reduceRight((inner, outer) => (inner === outer ? outer : placeInside(outer, inner)));\n}\n\nfunction placeInside(outer: ScreenTemplate, inner: ScreenTemplate): ScreenTemplate {\n    if (!inner.fitsSlot) {\n        return outer;\n    }\n\n    const innerContent = inner.slots.flatMap(slot => inner.content?.[slot.name] ?? []);\n    return {\n        ...outer,\n        content: {\n            ...outer.content,\n            [inner.fitsSlot]: [...(outer.content?.[inner.fitsSlot] ?? []), ...innerContent],\n        },\n    };\n}\n\n/**\n * Builds the element tree that renders a {@link Screen}.\n *\n * The screen's slot content becomes the shell component's slots one-for-one, which is the whole trick: a\n * layout's slots and a shell component's slots are the same vocabulary, so nothing has to translate\n * between them and a slot filled under a name the shell does not read is a spec failure rather than a\n * silently missing region.\n *\n * @param screen The screen to render.\n * @returns The shell element, ready for `SceneElementView`.\n */\nexport function composeScreenElement(screen: Screen): ExternalComponent {\n    const shell = shellComponentForLayout(screen.layout);\n    if (!shell) {\n        throw new Error(`Screen '${screen.name}' names the layout '${screen.layout}', which this blueprint does not provide.`);\n    }\n\n    return externalComponent(`screen-${screen.name}`, shell, { screenName: screen.name }, screen.slotContent);\n}\n"],"names":["templateContentInLayout","template","layout","layoutSlots","Set","slots","map","slot","name","placed","ownSlotOrder","content","slotName","elements","length","target","has","fitsSlot","nestScreenTemplates","chain","reduceRight","inner","outer","placeInside","innerContent","flatMap","composeScreenElement","screen","shell","shellComponentForLayout","Error","externalComponent","screenName","slotContent"],"mappings":";;;;;;;;AAAA;AACA;AAMA;;;;;;;;;;;AAWC,IACM,SAASA,uBAAAA,CAAwBC,QAAwB,EAAEC,MAAc,EAAA;IAC5E,MAAMC,WAAAA,GAAc,IAAIC,GAAAA,CAAIF,MAAAA,CAAOG,KAAK,CAACC,GAAG,CAACC,CAAAA,IAAAA,GAAQA,IAAAA,CAAKC,IAAI,CAAA,CAAA;AAC9D,IAAA,MAAMC,SAAyC,EAAC;IAChD,MAAMC,YAAAA,GAAeT,SAASI,KAAK,CAACC,GAAG,CAACC,CAAAA,IAAAA,GAAQA,IAAAA,CAAKC,IAAI,CAAA;AACzD,IAAA,MAAMG,OAAAA,GAAUV,QAAAA,CAASU,OAAO,IAAI,EAAC;IAErC,KAAK,MAAMC,YAAYF,YAAAA,CAAc;QACjC,MAAMG,QAAAA,GAAWF,OAAO,CAACC,QAAAA,CAAS;AAClC,QAAA,IAAI,CAACC,QAAAA,IAAYA,QAAAA,CAASC,MAAM,KAAK,CAAA,EAAG;AACpC,YAAA;AACJ,QAAA;AAEA,QAAA,MAAMC,SAASZ,WAAAA,CAAYa,GAAG,CAACJ,QAAAA,CAAAA,GAAYA,QAAAA,GAAWX,SAASgB,QAAQ;AACvE,QAAA,IAAI,CAACF,MAAAA,EAAQ;AACT,YAAA;AACJ,QAAA;QAEAN,MAAM,CAACM,OAAO,GAAG;eAAKN,MAAM,CAACM,MAAAA,CAAO,IAAI,EAAE;AAAMF,YAAAA,GAAAA;AAAS,SAAA;AAC7D,IAAA;IAEA,OAAOJ,MAAAA;AACX;AAEA;;;;;;;;;;;;;;IAeO,SAASS,mBAAAA,CAAoBC,KAAuB,EAAA;IACvD,OAAOA,KAAAA,CAAMC,WAAW,CAAC,CAACC,KAAAA,EAAOC,QAAWD,KAAAA,KAAUC,KAAAA,GAAQA,KAAAA,GAAQC,WAAAA,CAAYD,KAAAA,EAAOD,KAAAA,CAAAA,CAAAA;AAC7F;AAEA,SAASE,WAAAA,CAAYD,KAAqB,EAAED,KAAqB,EAAA;IAC7D,IAAI,CAACA,KAAAA,CAAMJ,QAAQ,EAAE;QACjB,OAAOK,KAAAA;AACX,IAAA;AAEA,IAAA,MAAME,eAAeH,KAAAA,CAAMhB,KAAK,CAACoB,OAAO,CAAClB,CAAAA,IAAAA,GAAQc,KAAAA,CAAMV,OAAO,GAAGJ,IAAAA,CAAKC,IAAI,CAAC,IAAI,EAAE,CAAA;IACjF,OAAO;AACH,QAAA,GAAGc,KAAK;QACRX,OAAAA,EAAS;AACL,YAAA,GAAGW,MAAMX,OAAO;YAChB,CAACU,KAAAA,CAAMJ,QAAQ,GAAG;AAAKK,gBAAAA,GAAAA,KAAAA,CAAMX,OAAO,GAAGU,MAAMJ,QAAQ,CAAC,IAAI,EAAE;AAAMO,gBAAAA,GAAAA;AAAa;AACnF;AACJ,KAAA;AACJ;AAEA;;;;;;;;;;IAWO,SAASE,oBAAAA,CAAqBC,MAAc,EAAA;IAC/C,MAAMC,KAAAA,GAAQC,uCAAAA,CAAwBF,MAAAA,CAAOzB,MAAM,CAAA;AACnD,IAAA,IAAI,CAAC0B,KAAAA,EAAO;AACR,QAAA,MAAM,IAAIE,KAAAA,CAAM,CAAC,QAAQ,EAAEH,MAAAA,CAAOnB,IAAI,CAAC,oBAAoB,EAAEmB,MAAAA,CAAOzB,MAAM,CAAC,yCAAyC,CAAC,CAAA;AACzH,IAAA;IAEA,OAAO6B,0BAAAA,CAAkB,CAAC,OAAO,EAAEJ,OAAOnB,IAAI,CAAA,CAAE,EAAEoB,KAAAA,EAAO;AAAEI,QAAAA,UAAAA,EAAYL,OAAOnB;AAAK,KAAA,EAAGmB,OAAOM,WAAW,CAAA;AAC5G;;;;"}
+{"version":3,"file":"composeScreen.js","sources":["../../../gallery/composeScreen.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 { ExternalComponent, Layout, SceneElement, Screen, ScreenTemplate } from '@cratis/scene.model';\nimport { shellComponentForLayout } from '../layouts';\nimport { externalComponent } from './elements';\n\n/**\n * Turns a {@link ScreenTemplate}'s content into slot content on the {@link Layout} that contains it.\n *\n * The rule has two halves, and both matter. Content filed under a slot the *layout* also declares stays\n * under that name - which is how a sign-in template's branding half reaches the full-page layout's `aside`\n * region rather than being buried inside the form column. Everything else flows into the slot the\n * template's `fitsSlot` names, because that is what `fitsSlot` means: this template occupies that region.\n *\n * @param template The template to place.\n * @param layout The layout it is placed into.\n * @returns Slot content keyed by the layout's own slot names.\n */\nexport function templateContentInLayout(template: ScreenTemplate, layout: Layout): Record<string, SceneElement[]> {\n    const layoutSlots = new Set(layout.slots.map(slot => slot.name));\n    const placed: Record<string, SceneElement[]> = {};\n    const ownSlotOrder = template.slots.map(slot => slot.name);\n    const content = template.content ?? {};\n\n    for (const slotName of ownSlotOrder) {\n        const elements = content[slotName];\n        if (!elements || elements.length === 0) {\n            continue;\n        }\n\n        const target = layoutSlots.has(slotName) ? slotName : template.fitsSlot;\n        if (!target) {\n            continue;\n        }\n\n        placed[target] = [...(placed[target] ?? []), ...elements];\n    }\n\n    return placed;\n}\n\n/**\n * Folds a containment chain of screen templates into the outermost one.\n *\n * This is `fitsSlot` doing its job, applied repeatedly. A slice's template fits a slot on the feature's\n * template, which fits a slot on the module's, which fits a slot on the application layout - so the way to\n * place the slice is to place it in the feature, place *that* result in the module, and hand the module to\n * the layout. Folding from the inside out means the rule is written once and the chain can be any depth.\n *\n * The alternative - filing a nested template's content under its own `fitsSlot` at the top level - looks\n * right and is not: the layout has no `body` slot, so the content lands in a region nothing renders and\n * the screen comes up empty with nothing to explain it.\n *\n * @param chain The templates from outermost to innermost. A chain of one is returned unchanged.\n * @returns A template with the same slots and `fitsSlot` as the outermost, carrying the whole chain's content.\n */\nexport function nestScreenTemplates(chain: ScreenTemplate[]): ScreenTemplate {\n    return chain.reduceRight((inner, outer) => (inner === outer ? outer : placeInside(outer, inner)));\n}\n\nfunction placeInside(outer: ScreenTemplate, inner: ScreenTemplate): ScreenTemplate {\n    if (!inner.fitsSlot) {\n        return outer;\n    }\n\n    // A container-qualified name (`WorkspaceScreen.moduleContent`) says which container; the slot's own name is what the container's content is keyed by.\n    const slot = inner.fitsSlot.substring(inner.fitsSlot.lastIndexOf('.') + 1);\n    const innerContent = inner.slots.flatMap(innerSlot => inner.content?.[innerSlot.name] ?? []);\n    return {\n        ...outer,\n        content: {\n            ...outer.content,\n            [slot]: [...(outer.content?.[slot] ?? []), ...innerContent],\n        },\n    };\n}\n\n/**\n * Builds the element tree that renders a {@link Screen}.\n *\n * The screen's slot content becomes the shell component's slots one-for-one, which is the whole trick: a\n * layout's slots and a shell component's slots are the same vocabulary, so nothing has to translate\n * between them and a slot filled under a name the shell does not read is a spec failure rather than a\n * silently missing region.\n *\n * @param screen The screen to render.\n * @returns The shell element, ready for `SceneElementView`.\n */\nexport function composeScreenElement(screen: Screen): ExternalComponent {\n    const shell = shellComponentForLayout(screen.layout);\n    if (!shell) {\n        throw new Error(`Screen '${screen.name}' names the layout '${screen.layout}', which this blueprint does not provide.`);\n    }\n\n    return externalComponent(`screen-${screen.name}`, shell, { screenName: screen.name }, screen.slotContent);\n}\n"],"names":["templateContentInLayout","template","layout","layoutSlots","Set","slots","map","slot","name","placed","ownSlotOrder","content","slotName","elements","length","target","has","fitsSlot","nestScreenTemplates","chain","reduceRight","inner","outer","placeInside","substring","lastIndexOf","innerContent","flatMap","innerSlot","composeScreenElement","screen","shell","shellComponentForLayout","Error","externalComponent","screenName","slotContent"],"mappings":"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"}

package/dist/cjs/gallery/dialogTemplates.js

@@ -1,9 +1,9 @@
 'use strict';
 
+var dialogTemplates = require('../foundation/templates/dialogTemplates.js');
 var TemplateSlotName = require('./TemplateSlotName.js');
 var elements = require('./elements.js');
 var widgets = require('./widgets.js');
-var templateProvenance = require('../templateProvenance.js');
 
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
@@ -15,7 +15,12 @@ var templateProvenance = require('../templateProvenance.js');
  * *placed* - it fills a slot on whatever contains it, and the containment chain is what decides where it
  * appears. A dialog is *summoned*: it opens over the application from wherever the code that opened it
  * happens to be, so there is no parent slot for it to name.
- */ /** Confirm: one question, two answers, and enough context to answer it. */ const confirmDialogTemplate = {
+ */ /**
+ * Confirm: one question, two answers, and enough context to answer it - the consequences listed, and the confirming button naming what it does
+ * (`Archive product`, never `OK`). A destructive confirmation takes the danger tone: the heading and border are drawn in the danger colors and the
+ * confirming button is the danger button. The components blueprint has a `ConfirmDialog` of its own for a command; a reference names the blueprint
+ * (`resolveTemplateReference`), so the two never collide.
+ */ const confirmDialogTemplate = {
     name: 'ConfirmDialog',
     slots: [
         {
@@ -30,32 +35,33 @@ var templateProvenance = require('../templateProvenance.js');
     ],
     content: {
         [TemplateSlotName.TemplateSlotName.Header]: [
-            elements.text('confirm-title', 'Archive this product?')
-        ],
-        [TemplateSlotName.TemplateSlotName.Body]: [
-            elements.text('confirm-message', 'Bamboo Watch will stop appearing in the catalog. Existing orders keep it.'),
-            elements.externalComponent('confirm-note', 'message', {
-                severity: 'warn',
-                text: 'This can be undone from the archive.'
+            elements.externalComponent('confirm-frame', 'dialogFrame', {
+                title: 'Archive this product?',
+                message: 'Bamboo Watch will stop appearing in the catalog.',
+                tone: 'danger',
+                consequences: [
+                    'Existing orders keep it',
+                    'It can be restored from the archive'
+                ]
             })
         ],
+        [TemplateSlotName.TemplateSlotName.Body]: [],
         [TemplateSlotName.TemplateSlotName.Actions]: [
             elements.panel('confirm-actions', [
-                elements.button('confirm-yes', 'Archive', {
-                    severity: 'danger'
-                }),
-                elements.button('confirm-no', 'Keep it', {
-                    severity: 'secondary'
+                dialogTemplates.closingDialog(dialogTemplates.actionButton('confirm-no', {
+                    label: 'Keep it',
+                    emphasis: 'secondary'
+                })),
+                dialogTemplates.actionButton('confirm-yes', {
+                    label: 'Archive product',
+                    emphasis: 'danger'
                 })
             ])
         ]
     },
     displayName: 'Confirmation dialog',
     description: 'One question with the consequence spelled out, and a way back.',
-    metadata: {
-        ...templateProvenance.defaultBlueprintTemplateProvenance,
-        category: 'Foundation / Dialog'
-    }
+    metadata: dialogTemplates.dialogMetadata('ConfirmDialog')
 };
 /** Form: a short capture that does not deserve a page of its own. */ const formDialogTemplate = {
     name: 'FormDialog',
@@ -72,7 +78,9 @@ var templateProvenance = require('../templateProvenance.js');
     ],
     content: {
         [TemplateSlotName.TemplateSlotName.Header]: [
-            elements.text('form-dialog-title', 'Invite someone')
+            elements.externalComponent('form-dialog-frame', 'dialogFrame', {
+                title: 'Invite someone'
+            })
         ],
         [TemplateSlotName.TemplateSlotName.Body]: [
             widgets.field('form-dialog-email', 'Email', 'inputText', {
@@ -91,21 +99,18 @@ var templateProvenance = require('../templateProvenance.js');
         ],
         [TemplateSlotName.TemplateSlotName.Actions]: [
             elements.panel('form-dialog-actions', [
+                dialogTemplates.closingDialog(elements.button('form-dialog-cancel', 'Cancel', {
+                    severity: 'secondary'
+                })),
                 elements.button('form-dialog-send', 'Send invitation', {
                     severity: 'primary'
-                }),
-                elements.button('form-dialog-cancel', 'Cancel', {
-                    severity: 'secondary'
                 })
             ])
         ]
     },
     displayName: 'Form dialog',
     description: 'A handful of fields captured without leaving the page underneath.',
-    metadata: {
-        ...templateProvenance.defaultBlueprintTemplateProvenance,
-        category: 'Foundation / Dialog'
-    }
+    metadata: dialogTemplates.dialogMetadata('FormDialog', true)
 };
 /** Detail: a record shown over the list it came from. */ const detailDialogTemplate = {
     name: 'DetailDialog',
@@ -125,7 +130,9 @@ var templateProvenance = require('../templateProvenance.js');
     ],
     content: {
         [TemplateSlotName.TemplateSlotName.Header]: [
-            elements.text('detail-dialog-title', 'ORD-4192')
+            elements.externalComponent('detail-dialog-frame', 'dialogFrame', {
+                title: 'ORD-4192'
+            })
         ],
         [TemplateSlotName.TemplateSlotName.Body]: [
             elements.card('detail-dialog-summary', [
@@ -144,27 +151,25 @@ var templateProvenance = require('../templateProvenance.js');
         ],
         [TemplateSlotName.TemplateSlotName.Actions]: [
             elements.panel('detail-dialog-actions', [
+                dialogTemplates.closingDialog(elements.button('detail-dialog-close', 'Close', {
+                    severity: 'secondary'
+                })),
                 elements.button('detail-dialog-open', 'Open full record', {
                     severity: 'primary',
                     targetScreen: 'DetailView'
-                }),
-                elements.button('detail-dialog-close', 'Close', {
-                    severity: 'secondary'
                 })
             ])
         ]
     },
     displayName: 'Detail dialog',
     description: 'A record over the list it came from, with a route to the full page.',
-    metadata: {
-        ...templateProvenance.defaultBlueprintTemplateProvenance,
-        category: 'Foundation / Dialog'
-    }
+    metadata: dialogTemplates.dialogMetadata('DetailDialog', true)
 };
-/** The dialog templates this blueprint provides. */ const galleryDialogTemplates = [
+/** The dialog templates this blueprint provides: the three the gallery began with, and the foundation's quick create, lookup, side sheet and filter dialogs. */ const galleryDialogTemplates = [
     confirmDialogTemplate,
     formDialogTemplate,
-    detailDialogTemplate
+    detailDialogTemplate,
+    ...dialogTemplates.foundationDialogTemplates
 ];
 
 exports.confirmDialogTemplate = confirmDialogTemplate;

package/dist/cjs/gallery/dialogTemplates.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogTemplates.js","sources":["../../../gallery/dialogTemplates.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 { DialogTemplate } from '@cratis/scene.model';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, panel, text } from './elements';\nimport { field } from './widgets';\nimport { defaultBlueprintTemplateProvenance } from '../templateProvenance';\n\n/**\n * The three dialog shapes an application repeats: confirm something destructive, capture a short form, and\n * show a record without leaving the list behind it.\n *\n * A dialog template has no `fitsSlot`, and that absence is the whole distinction. A screen template is\n * *placed* - it fills a slot on whatever contains it, and the containment chain is what decides where it\n * appears. A dialog is *summoned*: it opens over the application from wherever the code that opened it\n * happens to be, so there is no parent slot for it to name.\n */\n\n/** Confirm: one question, two answers, and enough context to answer it. */\nexport const confirmDialogTemplate: DialogTemplate = {\n    name: 'ConfirmDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [text('confirm-title', 'Archive this product?')],\n        [TemplateSlotName.Body]: [\n            text('confirm-message', 'Bamboo Watch will stop appearing in the catalog. Existing orders keep it.'),\n            externalComponent('confirm-note', 'message', { severity: 'warn', text: 'This can be undone from the archive.' }),\n        ],\n        [TemplateSlotName.Actions]: [\n            panel('confirm-actions', [button('confirm-yes', 'Archive', { severity: 'danger' }), button('confirm-no', 'Keep it', { severity: 'secondary' })]),\n        ],\n    },\n    displayName: 'Confirmation dialog',\n    description: 'One question with the consequence spelled out, and a way back.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Dialog' },\n};\n\n/** Form: a short capture that does not deserve a page of its own. */\nexport const formDialogTemplate: DialogTemplate = {\n    name: 'FormDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [text('form-dialog-title', 'Invite someone')],\n        [TemplateSlotName.Body]: [\n            field('form-dialog-email', 'Email', 'inputText', { placeholder: 'them@contoso.com' }),\n            field('form-dialog-role', 'Role', 'dropdown', { options: ['Viewer', 'Editor', 'Administrator'] }),\n            field('form-dialog-message', 'Message', 'inputTextarea', { rows: 3 }),\n        ],\n        [TemplateSlotName.Actions]: [\n            panel('form-dialog-actions', [button('form-dialog-send', 'Send invitation', { severity: 'primary' }), button('form-dialog-cancel', 'Cancel', { severity: 'secondary' })]),\n        ],\n    },\n    displayName: 'Form dialog',\n    description: 'A handful of fields captured without leaving the page underneath.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Dialog' },\n};\n\n/** Detail: a record shown over the list it came from. */\nexport const detailDialogTemplate: DialogTemplate = {\n    name: 'DetailDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [text('detail-dialog-title', 'ORD-4192')],\n        [TemplateSlotName.Body]: [\n            card('detail-dialog-summary', [\n                text('detail-dialog-customer', 'Northwind Traders'),\n                text('detail-dialog-total', '$1,240.00'),\n                externalComponent('detail-dialog-status', 'tag', { value: 'Shipped', severity: 'success' }),\n            ]),\n        ],\n        [TemplateSlotName.SidePanel]: [externalComponent('detail-dialog-timeline', 'timeline', { align: 'left' })],\n        [TemplateSlotName.Actions]: [\n            panel('detail-dialog-actions', [button('detail-dialog-open', 'Open full record', { severity: 'primary', targetScreen: 'DetailView' }), button('detail-dialog-close', 'Close', { severity: 'secondary' })]),\n        ],\n    },\n    displayName: 'Detail dialog',\n    description: 'A record over the list it came from, with a route to the full page.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Dialog' },\n};\n\n/** The dialog templates this blueprint provides. */\nexport const galleryDialogTemplates: DialogTemplate[] = [confirmDialogTemplate, formDialogTemplate, detailDialogTemplate];\n"],"names":["confirmDialogTemplate","name","slots","TemplateSlotName","Header","Body","Actions","content","text","externalComponent","severity","panel","button","displayName","description","metadata","defaultBlueprintTemplateProvenance","category","formDialogTemplate","field","placeholder","options","rows","detailDialogTemplate","SidePanel","card","value","align","targetScreen","galleryDialogTemplates"],"mappings":"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"}
+{"version":3,"file":"dialogTemplates.js","sources":["../../../gallery/dialogTemplates.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 { DialogTemplate } from '@cratis/scene.model';\nimport { actionButton, closingDialog, dialogMetadata, foundationDialogTemplates } from '../foundation/templates/dialogTemplates';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, panel, text } from './elements';\nimport { field } from './widgets';\n\n/**\n * The three dialog shapes an application repeats: confirm something destructive, capture a short form, and\n * show a record without leaving the list behind it.\n *\n * A dialog template has no `fitsSlot`, and that absence is the whole distinction. A screen template is\n * *placed* - it fills a slot on whatever contains it, and the containment chain is what decides where it\n * appears. A dialog is *summoned*: it opens over the application from wherever the code that opened it\n * happens to be, so there is no parent slot for it to name.\n */\n\n/**\n * Confirm: one question, two answers, and enough context to answer it - the consequences listed, and the confirming button naming what it does\n * (`Archive product`, never `OK`). A destructive confirmation takes the danger tone: the heading and border are drawn in the danger colors and the\n * confirming button is the danger button. The components blueprint has a `ConfirmDialog` of its own for a command; a reference names the blueprint\n * (`resolveTemplateReference`), so the two never collide.\n */\nexport const confirmDialogTemplate: DialogTemplate = {\n    name: 'ConfirmDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [externalComponent('confirm-frame', 'dialogFrame', {\n            title: 'Archive this product?', message: 'Bamboo Watch will stop appearing in the catalog.', tone: 'danger',\n            consequences: ['Existing orders keep it', 'It can be restored from the archive'],\n        })],\n        [TemplateSlotName.Body]: [],\n        [TemplateSlotName.Actions]: [\n            panel('confirm-actions', [closingDialog(actionButton('confirm-no', { label: 'Keep it', emphasis: 'secondary' })), actionButton('confirm-yes', { label: 'Archive product', emphasis: 'danger' })]),\n        ],\n    },\n    displayName: 'Confirmation dialog',\n    description: 'One question with the consequence spelled out, and a way back.',\n    metadata: dialogMetadata('ConfirmDialog'),\n};\n\n/** Form: a short capture that does not deserve a page of its own. */\nexport const formDialogTemplate: DialogTemplate = {\n    name: 'FormDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [externalComponent('form-dialog-frame', 'dialogFrame', { title: 'Invite someone' })],\n        [TemplateSlotName.Body]: [\n            field('form-dialog-email', 'Email', 'inputText', { placeholder: 'them@contoso.com' }),\n            field('form-dialog-role', 'Role', 'dropdown', { options: ['Viewer', 'Editor', 'Administrator'] }),\n            field('form-dialog-message', 'Message', 'inputTextarea', { rows: 3 }),\n        ],\n        [TemplateSlotName.Actions]: [\n            panel('form-dialog-actions', [closingDialog(button('form-dialog-cancel', 'Cancel', { severity: 'secondary' })), button('form-dialog-send', 'Send invitation', { severity: 'primary' })]),\n        ],\n    },\n    displayName: 'Form dialog',\n    description: 'A handful of fields captured without leaving the page underneath.',\n    metadata: dialogMetadata('FormDialog', true),\n};\n\n/** Detail: a record shown over the list it came from. */\nexport const detailDialogTemplate: DialogTemplate = {\n    name: 'DetailDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [externalComponent('detail-dialog-frame', 'dialogFrame', { title: 'ORD-4192' })],\n        [TemplateSlotName.Body]: [\n            card('detail-dialog-summary', [\n                text('detail-dialog-customer', 'Northwind Traders'),\n                text('detail-dialog-total', '$1,240.00'),\n                externalComponent('detail-dialog-status', 'tag', { value: 'Shipped', severity: 'success' }),\n            ]),\n        ],\n        [TemplateSlotName.SidePanel]: [externalComponent('detail-dialog-timeline', 'timeline', { align: 'left' })],\n        [TemplateSlotName.Actions]: [\n            panel('detail-dialog-actions', [closingDialog(button('detail-dialog-close', 'Close', { severity: 'secondary' })), button('detail-dialog-open', 'Open full record', { severity: 'primary', targetScreen: 'DetailView' })]),\n        ],\n    },\n    displayName: 'Detail dialog',\n    description: 'A record over the list it came from, with a route to the full page.',\n    metadata: dialogMetadata('DetailDialog', true),\n};\n\n/** The dialog templates this blueprint provides: the three the gallery began with, and the foundation's quick create, lookup, side sheet and filter dialogs. */\nexport const galleryDialogTemplates: DialogTemplate[] = [confirmDialogTemplate, formDialogTemplate, detailDialogTemplate, ...foundationDialogTemplates];\n"],"names":["confirmDialogTemplate","name","slots","TemplateSlotName","Header","Body","Actions","content","externalComponent","title","message","tone","consequences","panel","closingDialog","actionButton","label","emphasis","displayName","description","metadata","dialogMetadata","formDialogTemplate","field","placeholder","options","rows","button","severity","detailDialogTemplate","SidePanel","card","text","value","align","targetScreen","galleryDialogTemplates","foundationDialogTemplates"],"mappings":";;;;;;;AAAA;AACA;AAQA;;;;;;;;;;;;;UAgBaA,qBAAAA,GAAwC;IACjDC,IAAAA,EAAM,eAAA;IACNC,KAAAA,EAAO;AAAC,QAAA;AAAED,YAAAA,IAAAA,EAAME,kCAAiBC;AAAO,SAAA;AAAG,QAAA;AAAEH,YAAAA,IAAAA,EAAME,kCAAiBE;AAAK,SAAA;AAAG,QAAA;AAAEJ,YAAAA,IAAAA,EAAME,kCAAiBG;AAAQ;AAAE,KAAA;IAC/GC,OAAAA,EAAS;QACL,CAACJ,iCAAAA,CAAiBC,MAAM,GAAG;AAACI,YAAAA,0BAAAA,CAAkB,iBAAiB,aAAA,EAAe;gBAC1EC,KAAAA,EAAO,uBAAA;gBAAyBC,OAAAA,EAAS,kDAAA;gBAAoDC,IAAAA,EAAM,QAAA;gBACnGC,YAAAA,EAAc;AAAC,oBAAA,yBAAA;AAA2B,oBAAA;AAAsC;AACpF,aAAA;AAAG,SAAA;AACH,QAAA,CAACT,iCAAAA,CAAiBE,IAAI,GAAG,EAAE;QAC3B,CAACF,iCAAAA,CAAiBG,OAAO,GAAG;AACxBO,YAAAA,cAAAA,CAAM,iBAAA,EAAmB;AAACC,gBAAAA,6BAAAA,CAAcC,6BAAa,YAAA,EAAc;oBAAEC,KAAAA,EAAO,SAAA;oBAAWC,QAAAA,EAAU;AAAY,iBAAA,CAAA,CAAA;AAAKF,gBAAAA,4BAAAA,CAAa,aAAA,EAAe;oBAAEC,KAAAA,EAAO,iBAAA;oBAAmBC,QAAAA,EAAU;AAAS,iBAAA;AAAG,aAAA;AACnM;AACL,KAAA;IACAC,WAAAA,EAAa,qBAAA;IACbC,WAAAA,EAAa,gEAAA;AACbC,IAAAA,QAAAA,EAAUC,8BAAAA,CAAe,eAAA;AAC7B;AAEA,sEACO,MAAMC,kBAAAA,GAAqC;IAC9CrB,IAAAA,EAAM,YAAA;IACNC,KAAAA,EAAO;AAAC,QAAA;AAAED,YAAAA,IAAAA,EAAME,kCAAiBC;AAAO,SAAA;AAAG,QAAA;AAAEH,YAAAA,IAAAA,EAAME,kCAAiBE;AAAK,SAAA;AAAG,QAAA;AAAEJ,YAAAA,IAAAA,EAAME,kCAAiBG;AAAQ;AAAE,KAAA;IAC/GC,OAAAA,EAAS;QACL,CAACJ,iCAAAA,CAAiBC,MAAM,GAAG;AAACI,YAAAA,0BAAAA,CAAkB,qBAAqB,aAAA,EAAe;gBAAEC,KAAAA,EAAO;AAAiB,aAAA;AAAG,SAAA;QAC/G,CAACN,iCAAAA,CAAiBE,IAAI,GAAG;YACrBkB,aAAAA,CAAM,mBAAA,EAAqB,SAAS,WAAA,EAAa;gBAAEC,WAAAA,EAAa;AAAmB,aAAA,CAAA;YACnFD,aAAAA,CAAM,kBAAA,EAAoB,QAAQ,UAAA,EAAY;gBAAEE,OAAAA,EAAS;AAAC,oBAAA,QAAA;AAAU,oBAAA,QAAA;AAAU,oBAAA;AAAgB;AAAC,aAAA,CAAA;YAC/FF,aAAAA,CAAM,qBAAA,EAAuB,WAAW,eAAA,EAAiB;gBAAEG,IAAAA,EAAM;AAAE,aAAA;AACtE,SAAA;QACD,CAACvB,iCAAAA,CAAiBG,OAAO,GAAG;AACxBO,YAAAA,cAAAA,CAAM,qBAAA,EAAuB;gBAACC,6BAAAA,CAAca,eAAAA,CAAO,sBAAsB,QAAA,EAAU;oBAAEC,QAAAA,EAAU;AAAY,iBAAA,CAAA,CAAA;AAAKD,gBAAAA,eAAAA,CAAO,oBAAoB,iBAAA,EAAmB;oBAAEC,QAAAA,EAAU;AAAU,iBAAA;AAAG,aAAA;AAC1L;AACL,KAAA;IACAV,WAAAA,EAAa,aAAA;IACbC,WAAAA,EAAa,mEAAA;AACbC,IAAAA,QAAAA,EAAUC,+BAAe,YAAA,EAAc,IAAA;AAC3C;AAEA,0DACO,MAAMQ,oBAAAA,GAAuC;IAChD5B,IAAAA,EAAM,cAAA;IACNC,KAAAA,EAAO;AAAC,QAAA;AAAED,YAAAA,IAAAA,EAAME,kCAAiBC;AAAO,SAAA;AAAG,QAAA;AAAEH,YAAAA,IAAAA,EAAME,kCAAiBE;AAAK,SAAA;AAAG,QAAA;AAAEJ,YAAAA,IAAAA,EAAME,kCAAiB2B;AAAU,SAAA;AAAG,QAAA;AAAE7B,YAAAA,IAAAA,EAAME,kCAAiBG;AAAQ;AAAE,KAAA;IACrJC,OAAAA,EAAS;QACL,CAACJ,iCAAAA,CAAiBC,MAAM,GAAG;AAACI,YAAAA,0BAAAA,CAAkB,uBAAuB,aAAA,EAAe;gBAAEC,KAAAA,EAAO;AAAW,aAAA;AAAG,SAAA;QAC3G,CAACN,iCAAAA,CAAiBE,IAAI,GAAG;AACrB0B,YAAAA,aAAAA,CAAK,uBAAA,EAAyB;AAC1BC,gBAAAA,aAAAA,CAAK,wBAAA,EAA0B,mBAAA,CAAA;AAC/BA,gBAAAA,aAAAA,CAAK,qBAAA,EAAuB,WAAA,CAAA;AAC5BxB,gBAAAA,0BAAAA,CAAkB,wBAAwB,KAAA,EAAO;oBAAEyB,KAAAA,EAAO,SAAA;oBAAWL,QAAAA,EAAU;AAAU,iBAAA;AAC5F,aAAA;AACJ,SAAA;QACD,CAACzB,iCAAAA,CAAiB2B,SAAS,GAAG;AAACtB,YAAAA,0BAAAA,CAAkB,0BAA0B,UAAA,EAAY;gBAAE0B,KAAAA,EAAO;AAAO,aAAA;AAAG,SAAA;QAC1G,CAAC/B,iCAAAA,CAAiBG,OAAO,GAAG;AACxBO,YAAAA,cAAAA,CAAM,uBAAA,EAAyB;gBAACC,6BAAAA,CAAca,eAAAA,CAAO,uBAAuB,OAAA,EAAS;oBAAEC,QAAAA,EAAU;AAAY,iBAAA,CAAA,CAAA;AAAKD,gBAAAA,eAAAA,CAAO,sBAAsB,kBAAA,EAAoB;oBAAEC,QAAAA,EAAU,SAAA;oBAAWO,YAAAA,EAAc;AAAa,iBAAA;AAAG,aAAA;AAC3N;AACL,KAAA;IACAjB,WAAAA,EAAa,eAAA;IACbC,WAAAA,EAAa,qEAAA;AACbC,IAAAA,QAAAA,EAAUC,+BAAe,cAAA,EAAgB,IAAA;AAC7C;AAEA,iKACO,MAAMe,sBAAAA,GAA2C;AAACpC,IAAAA,qBAAAA;AAAuBsB,IAAAA,kBAAAA;AAAoBO,IAAAA,oBAAAA;AAAyBQ,IAAAA,GAAAA;;;;;;"}