@cratis/scene.blueprint.default 4.12.0 → 4.14.0

package/README.md

@@ -27,9 +27,9 @@ blueprint.default/
 | Concept | What it is | How many |
 | --- | --- | --- |
 | **Layout** | the application's base navigational look | one per application, chosen from two |
-| **Screen template** | a reusable shape *inside* a layout, at module / feature / slice level | twenty-three |
+| **Screen template** | a reusable shape *inside* a layout, at module / feature / slice level | twenty-four |
 | **Dialog template** | the same, for overlays - no `fitsSlot`, because a dialog occupies no parent slot | three |
-| **Screen** | an instance: names its layout and template, and provides the content | twenty-three |
+| **Screen** | an instance: names its layout and template, and provides the content | twenty-four |
 
 A screen template states where it belongs, in `fitsSlot`, rather than being told by whatever hosts it.
 That one rule composes at every depth: a module's template fits the layout's `content`, a feature's fits a

package/dist/cjs/gallery/GalleryScreenPreview.js

@@ -11,6 +11,8 @@ var composeScreen = require('./composeScreen.js');
 var previewProfile = require('./previewProfile.js');
 var resolveElementNames = require('./resolveElementNames.js');
 var screens = require('./screens.js');
+var TemplatePreviewState = require('./TemplatePreviewState.js');
+var applyTemplatePreviewState = require('./applyTemplatePreviewState.js');
 
 /**
  * The registry a preview resolves against when a host does not supply one: `core` plus this blueprint.
@@ -34,15 +36,16 @@ var screens = require('./screens.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 }) {
+ */ function GalleryScreenPreview({ screenName, initialConfig, themes = defaultBlueprintThemes.defaultBlueprintThemes, registry = galleryPreviewRegistry, state = TemplatePreviewState.TemplatePreviewState.Populated }) {
     const element = react.useMemo(()=>{
         const screen = screens.galleryScreen(screenName);
         if (!screen) {
             throw new Error(`The gallery has no screen named '${screenName}'.`);
         }
-        return resolveElementNames.resolveElementComponentNames(composeScreen.composeScreenElement(screen), previewProfile.galleryPreviewProfile, previewProfile.galleryComponentCatalog);
+        return applyTemplatePreviewState.applyTemplatePreviewState(resolveElementNames.resolveElementComponentNames(composeScreen.composeScreenElement(screen), previewProfile.galleryPreviewProfile, previewProfile.galleryComponentCatalog), state);
     }, [
-        screenName
+        screenName,
+        state
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx(LayoutConfigProvider.LayoutConfigProvider, {
         initialConfig: initialConfig,

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';\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\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 }: 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 resolveElementComponentNames(composeScreenElement(screen), galleryPreviewProfile, galleryComponentCatalog);\n    }, [screenName]);\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","element","useMemo","screen","galleryScreen","Error","resolveElementComponentNames","composeScreenElement","galleryPreviewProfile","galleryComponentCatalog","_jsx","LayoutConfigProvider","storage","LayoutThemeProvider","SceneElementView","resolveBinding","undefined"],"mappings":";;;;;;;;;;;;;;AAcA;;;;;;UAOaA,sBAAAA,GAA4C;AAAE,IAAA,GAAGC,0BAAc;AAAE,IAAA,GAAGC;AAA2B;AAgB5G;;;;;;;;;;;;AAYC,IACM,SAASC,oBAAAA,CAAqB,EAAEC,UAAU,EAAEC,aAAa,EAAEC,MAAAA,GAASC,6CAAsB,EAAEC,QAAAA,GAAWR,sBAAsB,EAA6B,EAAA;AAC7J,IAAA,MAAMS,UAAUC,aAAAA,CAAQ,IAAA;AACpB,QAAA,MAAMC,SAASC,qBAAAA,CAAcR,UAAAA,CAAAA;AAC7B,QAAA,IAAI,CAACO,MAAAA,EAAQ;AACT,YAAA,MAAM,IAAIE,KAAAA,CAAM,CAAC,iCAAiC,EAAET,UAAAA,CAAW,EAAE,CAAC,CAAA;AACtE,QAAA;QAEA,OAAOU,gDAAAA,CAA6BC,kCAAAA,CAAqBJ,MAAAA,CAAAA,EAASK,oCAAAA,EAAuBC,sCAAAA,CAAAA;IAC7F,CAAA,EAAG;AAACb,QAAAA;AAAW,KAAA,CAAA;AAEf,IAAA,qBACIc,cAAA,CAACC,yCAAAA,EAAAA;QAAqBd,aAAAA,EAAeA,aAAAA;QAAee,OAAAA,EAAS,IAAA;AACzD,QAAA,QAAA,gBAAAF,cAAA,CAACG,uCAAAA,EAAAA;YAAoBf,MAAAA,EAAQA,MAAAA;AACzB,YAAA,QAAA,gBAAAY,cAAA,CAACI,4BAAAA,EAAAA;gBAAiBb,OAAAA,EAASA,OAAAA;gBAASD,QAAAA,EAAUA,QAAAA;AAAUe,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 { 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;;;"}

package/dist/cjs/gallery/TemplatePreviewState.js

@@ -0,0 +1,17 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The data states a template preview can show. A template is only worth choosing if it looks right in all
+ * four, because an application spends real time in each of them.
+ */ var TemplatePreviewState = /*#__PURE__*/ function(TemplatePreviewState) {
+    /** The seeded, realistic records. */ TemplatePreviewState["Populated"] = "populated";
+    /** The query returned nothing; each table shows its empty message. */ TemplatePreviewState["Empty"] = "empty";
+    /** The query has not answered yet; each table announces that it is loading. */ TemplatePreviewState["Loading"] = "loading";
+    /** The query failed; each table announces the error in place of its rows. */ TemplatePreviewState["Error"] = "error";
+    return TemplatePreviewState;
+}({});
+
+exports.TemplatePreviewState = TemplatePreviewState;
+//# sourceMappingURL=TemplatePreviewState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatePreviewState.js","sources":["../../../gallery/TemplatePreviewState.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\n/**\n * The data states a template preview can show. A template is only worth choosing if it looks right in all\n * four, because an application spends real time in each of them.\n */\nexport enum TemplatePreviewState {\n    /** The seeded, realistic records. */\n    Populated = 'populated',\n\n    /** The query returned nothing; each table shows its empty message. */\n    Empty = 'empty',\n\n    /** The query has not answered yet; each table announces that it is loading. */\n    Loading = 'loading',\n\n    /** The query failed; each table announces the error in place of its rows. */\n    Error = 'error',\n}\n"],"names":["TemplatePreviewState"],"mappings":";;AAAA;AACA;AAEA;;;IAIO,IAAKA,oBAAAA,iBAAAA,SAAAA,oBAAAA,EAAAA;0CAC2B,oBAAA,CAAA,WAAA,CAAA,GAAA,WAAA;2EAGiC,oBAAA,CAAA,OAAA,CAAA,GAAA,OAAA;oFAGS,oBAAA,CAAA,SAAA,CAAA,GAAA,SAAA;kFAGF,oBAAA,CAAA,OAAA,CAAA,GAAA,OAAA;AAVnEA,IAAAA,OAAAA,oBAAAA;AAYX,CAAA,CAAA,EAAA;;"}

package/dist/cjs/gallery/applyTemplatePreviewState.js

@@ -0,0 +1,91 @@
+'use strict';
+
+var TemplatePreviewState = require('./TemplatePreviewState.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** What a table in a preview says when its data could not be loaded. */ const previewErrorMessage = 'The data could not be loaded. Try again in a moment.';
+/**
+ * Puts every data-bearing element of a composed screen into one data state, leaving everything else - the
+ * shell, headers, actions and static content - exactly as authored.
+ *
+ * A data-bearing element is one whose `rows` are records: the seeded rows are what a query would return,
+ * so the states are expressed as a query's outcomes in the table's own vocabulary - no rows, `loading`, or
+ * an `error` message - rather than by swapping in a different component. The authored tree is not changed.
+ */ function applyTemplatePreviewState(element, state) {
+    if (state === TemplatePreviewState.TemplatePreviewState.Populated) return element;
+    return transform(element, state);
+}
+/** Whether a composed screen contains anything a data state changes. */ function hasPreviewData(element) {
+    const properties = element.properties;
+    if (isDataBearing(properties)) return true;
+    return childrenOf(element).some(hasPreviewData);
+}
+function transform(element, state) {
+    const external = element;
+    const panel = element;
+    let result = element;
+    if (isDataBearing(external.properties)) {
+        result = {
+            ...result,
+            properties: {
+                ...external.properties,
+                ...stateProperties(state)
+            }
+        };
+    }
+    if (external.slots) {
+        const slots = Object.fromEntries(Object.entries(external.slots).map(([name, children])=>[
+                name,
+                children.map((child)=>transform(child, state))
+            ]));
+        result = {
+            ...result,
+            slots
+        };
+    }
+    if (Array.isArray(panel.children)) {
+        result = {
+            ...result,
+            children: panel.children.map((child)=>transform(child, state))
+        };
+    }
+    return result;
+}
+function stateProperties(state) {
+    switch(state){
+        case TemplatePreviewState.TemplatePreviewState.Empty:
+            return {
+                rows: []
+            };
+        case TemplatePreviewState.TemplatePreviewState.Loading:
+            return {
+                rows: [],
+                loading: true
+            };
+        case TemplatePreviewState.TemplatePreviewState.Error:
+            return {
+                rows: [],
+                error: previewErrorMessage
+            };
+        default:
+            return {};
+    }
+}
+function isDataBearing(properties) {
+    const rows = properties?.rows;
+    return Array.isArray(rows) && rows.every((row)=>typeof row === 'object' && row !== null && !Array.isArray(row));
+}
+function childrenOf(element) {
+    const external = element;
+    const panel = element;
+    return [
+        ...Object.values(external.slots ?? {}).flat(),
+        ...Array.isArray(panel.children) ? panel.children : []
+    ];
+}
+
+exports.applyTemplatePreviewState = applyTemplatePreviewState;
+exports.hasPreviewData = hasPreviewData;
+exports.previewErrorMessage = previewErrorMessage;
+//# sourceMappingURL=applyTemplatePreviewState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyTemplatePreviewState.js","sources":["../../../gallery/applyTemplatePreviewState.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, Panel, SceneElement } from '@cratis/scene.model';\nimport { TemplatePreviewState } from './TemplatePreviewState';\n\n/** What a table in a preview says when its data could not be loaded. */\nexport const previewErrorMessage = 'The data could not be loaded. Try again in a moment.';\n\n/**\n * Puts every data-bearing element of a composed screen into one data state, leaving everything else - the\n * shell, headers, actions and static content - exactly as authored.\n *\n * A data-bearing element is one whose `rows` are records: the seeded rows are what a query would return,\n * so the states are expressed as a query's outcomes in the table's own vocabulary - no rows, `loading`, or\n * an `error` message - rather than by swapping in a different component. The authored tree is not changed.\n */\nexport function applyTemplatePreviewState<T extends SceneElement>(element: T, state: TemplatePreviewState): T {\n    if (state === TemplatePreviewState.Populated) return element;\n    return transform(element, state) as T;\n}\n\n/** Whether a composed screen contains anything a data state changes. */\nexport function hasPreviewData(element: SceneElement): boolean {\n    const properties = (element as Partial<ExternalComponent>).properties;\n    if (isDataBearing(properties)) return true;\n    return childrenOf(element).some(hasPreviewData);\n}\n\nfunction transform(element: SceneElement, state: TemplatePreviewState): SceneElement {\n    const external = element as Partial<ExternalComponent>;\n    const panel = element as Partial<Panel>;\n    let result: SceneElement = element;\n\n    if (isDataBearing(external.properties)) {\n        result = { ...result, properties: { ...external.properties, ...stateProperties(state) } } as SceneElement;\n    }\n\n    if (external.slots) {\n        const slots = Object.fromEntries(Object.entries(external.slots).map(([name, children]) => [name, children.map(child => transform(child, state))]));\n        result = { ...result, slots } as SceneElement;\n    }\n\n    if (Array.isArray(panel.children)) {\n        result = { ...result, children: panel.children.map(child => transform(child, state)) } as SceneElement;\n    }\n\n    return result;\n}\n\nfunction stateProperties(state: TemplatePreviewState): Record<string, unknown> {\n    switch (state) {\n        case TemplatePreviewState.Empty: return { rows: [] };\n        case TemplatePreviewState.Loading: return { rows: [], loading: true };\n        case TemplatePreviewState.Error: return { rows: [], error: previewErrorMessage };\n        default: return {};\n    }\n}\n\nfunction isDataBearing(properties: Record<string, unknown> | undefined): boolean {\n    const rows = properties?.rows;\n    return Array.isArray(rows) && rows.every(row => typeof row === 'object' && row !== null && !Array.isArray(row));\n}\n\nfunction childrenOf(element: SceneElement): SceneElement[] {\n    const external = element as Partial<ExternalComponent>;\n    const panel = element as Partial<Panel>;\n    return [...Object.values(external.slots ?? {}).flat(), ...(Array.isArray(panel.children) ? panel.children : [])];\n}\n"],"names":["previewErrorMessage","applyTemplatePreviewState","element","state","TemplatePreviewState","Populated","transform","hasPreviewData","properties","isDataBearing","childrenOf","some","external","panel","result","stateProperties","slots","Object","fromEntries","entries","map","name","children","child","Array","isArray","Empty","rows","Loading","loading","Error","error","every","row","values","flat"],"mappings":"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"}

package/dist/cjs/gallery/authTemplates.js

@@ -9,6 +9,7 @@ require('../layouts/fullPage.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.
@@ -62,7 +63,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Sign in',
-    description: 'Email and password beside the branding panel.'
+    description: 'Email and password beside the branding panel.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** Register. */ const registerTemplate = {
     name: 'Register',
@@ -93,7 +97,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Register',
-    description: 'Account creation with a password strength meter and the terms checkbox.'
+    description: 'Account creation with a password strength meter and the terms checkbox.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** Forgotten password: ask for the address. */ const forgotPasswordTemplate = {
     name: 'ForgotPassword',
@@ -119,7 +126,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Forgotten password',
-    description: 'One field and one button - the whole point is that it asks for nothing else.'
+    description: 'One field and one button - the whole point is that it asks for nothing else.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** New password: the other end of the link. */ const newPasswordTemplate = {
     name: 'NewPassword',
@@ -148,7 +158,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'New password',
-    description: 'Where a reset link lands: choose it, confirm it, done.'
+    description: 'Where a reset link lands: choose it, confirm it, done.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** Verification: the code from the email. */ const verificationTemplate = {
     name: 'Verification',
@@ -182,7 +195,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Verification',
-    description: 'The code step, with the progress indicator that tells you how much is left.'
+    description: 'The code step, with the progress indicator that tells you how much is left.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** Lock screen: the session is still there, the person has to prove they are. */ const lockScreenTemplate = {
     name: 'LockScreen',
@@ -213,7 +229,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Lock screen',
-    description: 'One person, one password, and no way to lose what was open.'
+    description: 'One person, one password, and no way to lose what was open.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** The six authentication templates. */ const authTemplates = [
     loginTemplate,

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

@@ -1 +1 @@
-{"version":3,"file":"authTemplates.js","sources":["../../../gallery/authTemplates.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 { ScreenTemplate } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { SlotName } from '../layouts';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, text } from './elements';\nimport { field, formActions } from './widgets';\n\n/**\n * The six screens that stand between someone and the application: sign in, register, forgotten password,\n * new password, verification and the lock screen.\n *\n * All six fit the full-page layout's `content` slot and fill its `aside` with the branding half. That\n * split - a colored panel of brand next to a narrow column of form - is the shape the premium PrimeTek\n * templates use for every one of them, and the reason it works is that it gives the form somewhere to be\n * *small*, which is what a sign-in form should be.\n */\n\n/** The branding half every authentication screen shares. */\nfunction brandingAside(id: string, headline: string, supporting: string) {\n    return [\n        externalComponent(`${id}-logo`, ComponentName.Logo, { label: 'Contoso', initials: 'C' }),\n        text(`${id}-headline`, headline),\n        text(`${id}-supporting`, supporting),\n    ];\n}\n\n/** Sign in. */\nexport const loginTemplate: ScreenTemplate = {\n    name: 'Login',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('login', 'Welcome back', 'Everything your team shipped since you were last here is waiting.'),\n        [TemplateSlotName.Body]: [\n            card('login-card', [\n                text('login-title', 'Sign in'),\n                field('login-email', 'Email', 'inputText', { placeholder: 'you@contoso.com' }),\n                field('login-password', 'Password', 'password', { feedback: false }),\n                field('login-remember', 'Keep me signed in', 'checkbox', {}),\n                formActions('login-actions', 'Sign in', 'Use a different account'),\n                button('login-forgot', 'I forgot my password', { link: true, targetScreen: 'ForgotPassword' }),\n            ]),\n        ],\n    },\n    displayName: 'Sign in',\n    description: 'Email and password beside the branding panel.',\n};\n\n/** Register. */\nexport const registerTemplate: ScreenTemplate = {\n    name: 'Register',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('register', 'Start in two minutes', 'No card, no call, no sales engineer. Just an account.'),\n        [TemplateSlotName.Body]: [\n            card('register-card', [\n                text('register-title', 'Create your account'),\n                field('register-name', 'Full name', 'inputText', {}),\n                field('register-email', 'Work email', 'inputText', { placeholder: 'you@contoso.com' }),\n                field('register-password', 'Password', 'password', { feedback: true }),\n                field('register-terms', 'I accept the terms of service', 'checkbox', {}),\n                formActions('register-actions', 'Create account', 'I already have one'),\n            ]),\n        ],\n    },\n    displayName: 'Register',\n    description: 'Account creation with a password strength meter and the terms checkbox.',\n};\n\n/** Forgotten password: ask for the address. */\nexport const forgotPasswordTemplate: ScreenTemplate = {\n    name: 'ForgotPassword',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('forgot', 'It happens', 'Tell us the address you signed up with and we will send a link.'),\n        [TemplateSlotName.Body]: [\n            card('forgot-card', [\n                text('forgot-title', 'Reset your password'),\n                field('forgot-email', 'Email', 'inputText', { placeholder: 'you@contoso.com' }),\n                formActions('forgot-actions', 'Send the link', 'Back to sign in'),\n            ]),\n        ],\n    },\n    displayName: 'Forgotten password',\n    description: 'One field and one button - the whole point is that it asks for nothing else.',\n};\n\n/** New password: the other end of the link. */\nexport const newPasswordTemplate: ScreenTemplate = {\n    name: 'NewPassword',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('new-password', 'Almost there', 'Choose something you have not used anywhere else.'),\n        [TemplateSlotName.Body]: [\n            card('new-password-card', [\n                text('new-password-title', 'Choose a new password'),\n                field('new-password-value', 'New password', 'password', { feedback: true }),\n                field('new-password-confirm', 'Confirm it', 'password', { feedback: false }),\n                formActions('new-password-actions', 'Set the password', 'Cancel'),\n            ]),\n        ],\n    },\n    displayName: 'New password',\n    description: 'Where a reset link lands: choose it, confirm it, done.',\n};\n\n/** Verification: the code from the email. */\nexport const verificationTemplate: ScreenTemplate = {\n    name: 'Verification',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('verification', 'Check your email', 'We sent a six-digit code. It expires in ten minutes.'),\n        [TemplateSlotName.Body]: [\n            card('verification-card', [\n                text('verification-title', 'Enter the code'),\n                externalComponent('verification-steps', 'steps', { model: ['Account', 'Verify', 'Done'], activeIndex: 1 }),\n                field('verification-code', 'Six-digit code', 'inputText', { maxLength: 6 }),\n                formActions('verification-actions', 'Verify', 'Send it again'),\n            ]),\n        ],\n    },\n    displayName: 'Verification',\n    description: 'The code step, with the progress indicator that tells you how much is left.',\n};\n\n/** Lock screen: the session is still there, the person has to prove they are. */\nexport const lockScreenTemplate: ScreenTemplate = {\n    name: 'LockScreen',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('lock', 'Locked', 'Your work is exactly where you left it.'),\n        [TemplateSlotName.Body]: [\n            card('lock-card', [\n                externalComponent('lock-avatar', 'avatar', { label: 'AN', size: 'xlarge', shape: 'circle' }),\n                text('lock-name', 'Amelia Nyquist'),\n                field('lock-password', 'Password', 'password', { feedback: false }),\n                formActions('lock-actions', 'Unlock', 'Sign in as someone else'),\n            ]),\n        ],\n    },\n    displayName: 'Lock screen',\n    description: 'One person, one password, and no way to lose what was open.',\n};\n\n/** The six authentication templates. */\nexport const authTemplates: ScreenTemplate[] = [\n    loginTemplate,\n    registerTemplate,\n    forgotPasswordTemplate,\n    newPasswordTemplate,\n    verificationTemplate,\n    lockScreenTemplate,\n];\n"],"names":["brandingAside","id","headline","supporting","externalComponent","ComponentName","Logo","label","initials","text","loginTemplate","name","fitsSlot","SlotName","Content","slots","Aside","TemplateSlotName","Body","content","card","field","placeholder","feedback","formActions","button","link","targetScreen","displayName","description","registerTemplate","forgotPasswordTemplate","newPasswordTemplate","verificationTemplate","model","activeIndex","maxLength","lockScreenTemplate","size","shape","authTemplates"],"mappings":"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"}
+{"version":3,"file":"authTemplates.js","sources":["../../../gallery/authTemplates.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 { ScreenTemplate } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { SlotName } from '../layouts';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, text } from './elements';\nimport { field, formActions } from './widgets';\nimport { defaultBlueprintTemplateProvenance } from '../templateProvenance';\n\n/**\n * The six screens that stand between someone and the application: sign in, register, forgotten password,\n * new password, verification and the lock screen.\n *\n * All six fit the full-page layout's `content` slot and fill its `aside` with the branding half. That\n * split - a colored panel of brand next to a narrow column of form - is the shape the premium PrimeTek\n * templates use for every one of them, and the reason it works is that it gives the form somewhere to be\n * *small*, which is what a sign-in form should be.\n */\n\n/** The branding half every authentication screen shares. */\nfunction brandingAside(id: string, headline: string, supporting: string) {\n    return [\n        externalComponent(`${id}-logo`, ComponentName.Logo, { label: 'Contoso', initials: 'C' }),\n        text(`${id}-headline`, headline),\n        text(`${id}-supporting`, supporting),\n    ];\n}\n\n/** Sign in. */\nexport const loginTemplate: ScreenTemplate = {\n    name: 'Login',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('login', 'Welcome back', 'Everything your team shipped since you were last here is waiting.'),\n        [TemplateSlotName.Body]: [\n            card('login-card', [\n                text('login-title', 'Sign in'),\n                field('login-email', 'Email', 'inputText', { placeholder: 'you@contoso.com' }),\n                field('login-password', 'Password', 'password', { feedback: false }),\n                field('login-remember', 'Keep me signed in', 'checkbox', {}),\n                formActions('login-actions', 'Sign in', 'Use a different account'),\n                button('login-forgot', 'I forgot my password', { link: true, targetScreen: 'ForgotPassword' }),\n            ]),\n        ],\n    },\n    displayName: 'Sign in',\n    description: 'Email and password beside the branding panel.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Register. */\nexport const registerTemplate: ScreenTemplate = {\n    name: 'Register',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('register', 'Start in two minutes', 'No card, no call, no sales engineer. Just an account.'),\n        [TemplateSlotName.Body]: [\n            card('register-card', [\n                text('register-title', 'Create your account'),\n                field('register-name', 'Full name', 'inputText', {}),\n                field('register-email', 'Work email', 'inputText', { placeholder: 'you@contoso.com' }),\n                field('register-password', 'Password', 'password', { feedback: true }),\n                field('register-terms', 'I accept the terms of service', 'checkbox', {}),\n                formActions('register-actions', 'Create account', 'I already have one'),\n            ]),\n        ],\n    },\n    displayName: 'Register',\n    description: 'Account creation with a password strength meter and the terms checkbox.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Forgotten password: ask for the address. */\nexport const forgotPasswordTemplate: ScreenTemplate = {\n    name: 'ForgotPassword',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('forgot', 'It happens', 'Tell us the address you signed up with and we will send a link.'),\n        [TemplateSlotName.Body]: [\n            card('forgot-card', [\n                text('forgot-title', 'Reset your password'),\n                field('forgot-email', 'Email', 'inputText', { placeholder: 'you@contoso.com' }),\n                formActions('forgot-actions', 'Send the link', 'Back to sign in'),\n            ]),\n        ],\n    },\n    displayName: 'Forgotten password',\n    description: 'One field and one button - the whole point is that it asks for nothing else.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** New password: the other end of the link. */\nexport const newPasswordTemplate: ScreenTemplate = {\n    name: 'NewPassword',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('new-password', 'Almost there', 'Choose something you have not used anywhere else.'),\n        [TemplateSlotName.Body]: [\n            card('new-password-card', [\n                text('new-password-title', 'Choose a new password'),\n                field('new-password-value', 'New password', 'password', { feedback: true }),\n                field('new-password-confirm', 'Confirm it', 'password', { feedback: false }),\n                formActions('new-password-actions', 'Set the password', 'Cancel'),\n            ]),\n        ],\n    },\n    displayName: 'New password',\n    description: 'Where a reset link lands: choose it, confirm it, done.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Verification: the code from the email. */\nexport const verificationTemplate: ScreenTemplate = {\n    name: 'Verification',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('verification', 'Check your email', 'We sent a six-digit code. It expires in ten minutes.'),\n        [TemplateSlotName.Body]: [\n            card('verification-card', [\n                text('verification-title', 'Enter the code'),\n                externalComponent('verification-steps', 'steps', { model: ['Account', 'Verify', 'Done'], activeIndex: 1 }),\n                field('verification-code', 'Six-digit code', 'inputText', { maxLength: 6 }),\n                formActions('verification-actions', 'Verify', 'Send it again'),\n            ]),\n        ],\n    },\n    displayName: 'Verification',\n    description: 'The code step, with the progress indicator that tells you how much is left.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Lock screen: the session is still there, the person has to prove they are. */\nexport const lockScreenTemplate: ScreenTemplate = {\n    name: 'LockScreen',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('lock', 'Locked', 'Your work is exactly where you left it.'),\n        [TemplateSlotName.Body]: [\n            card('lock-card', [\n                externalComponent('lock-avatar', 'avatar', { label: 'AN', size: 'xlarge', shape: 'circle' }),\n                text('lock-name', 'Amelia Nyquist'),\n                field('lock-password', 'Password', 'password', { feedback: false }),\n                formActions('lock-actions', 'Unlock', 'Sign in as someone else'),\n            ]),\n        ],\n    },\n    displayName: 'Lock screen',\n    description: 'One person, one password, and no way to lose what was open.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** The six authentication templates. */\nexport const authTemplates: ScreenTemplate[] = [\n    loginTemplate,\n    registerTemplate,\n    forgotPasswordTemplate,\n    newPasswordTemplate,\n    verificationTemplate,\n    lockScreenTemplate,\n];\n"],"names":["brandingAside","id","headline","supporting","externalComponent","ComponentName","Logo","label","initials","text","loginTemplate","name","fitsSlot","SlotName","Content","slots","Aside","TemplateSlotName","Body","content","card","field","placeholder","feedback","formActions","button","link","targetScreen","displayName","description","metadata","defaultBlueprintTemplateProvenance","registerTemplate","forgotPasswordTemplate","newPasswordTemplate","verificationTemplate","model","activeIndex","maxLength","lockScreenTemplate","size","shape","authTemplates"],"mappings":"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"}

package/dist/cjs/gallery/dialogTemplates.js

@@ -3,6 +3,7 @@
 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.
@@ -50,7 +51,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Confirmation dialog',
-    description: 'One question with the consequence spelled out, and a way back.'
+    description: 'One question with the consequence spelled out, and a way back.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** Form: a short capture that does not deserve a page of its own. */ const formDialogTemplate = {
     name: 'FormDialog',
@@ -96,7 +100,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Form dialog',
-    description: 'A handful of fields captured without leaving the page underneath.'
+    description: 'A handful of fields captured without leaving the page underneath.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** Detail: a record shown over the list it came from. */ const detailDialogTemplate = {
     name: 'DetailDialog',
@@ -146,7 +153,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Detail dialog',
-    description: 'A record over the list it came from, with a route to the full page.'
+    description: 'A record over the list it came from, with a route to the full page.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** The dialog templates this blueprint provides. */ const galleryDialogTemplates = [
     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';\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};\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};\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};\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","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 { 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 },\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 },\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 },\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","formDialogTemplate","field","placeholder","options","rows","detailDialogTemplate","SidePanel","card","value","align","targetScreen","galleryDialogTemplates"],"mappings":"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"}

package/dist/cjs/gallery/navigation.js

@@ -35,6 +35,13 @@ var elements = require('./elements.js');
         group: 'Workspace',
         order: 30
     },
+    {
+        label: 'Customers',
+        targetScreen: 'MasterDetail',
+        icon: 'pi pi-users',
+        group: 'Workspace',
+        order: 35
+    },
     {
         label: 'New product',
         targetScreen: 'FormPage',

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

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sources":["../../../gallery/navigation.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 { Contribution, SceneElement } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { NavigationEntry } from './NavigationEntry';\nimport { externalComponent } from './elements';\n\n/** The contribution point the built-in navigation aggregation reads. */\nexport const navigationContributionPoint = 'Navigation';\n\n/**\n * The gallery's navigation, declared once.\n *\n * One list, two consumers: the sidebar menu renders it as `menuItem` elements, and the same elements go to\n * the `Navigation` contribution point where `aggregateContributions` + `extractNavigationItem` turn them\n * back into navigation items. A blueprint that maintained a menu *and* a separate navigation declaration\n * would have two lists that agree right up until someone adds a screen to one of them.\n */\nexport const navigationEntries: NavigationEntry[] = [\n    { label: 'Dashboard', targetScreen: 'Dashboard', icon: 'pi pi-home', group: 'Workspace', order: 10 },\n    { label: 'Products', targetScreen: 'CrudList', icon: 'pi pi-box', group: 'Workspace', order: 20 },\n    { label: 'Product detail', targetScreen: 'DetailView', icon: 'pi pi-file', group: 'Workspace', order: 30 },\n    { label: 'New product', targetScreen: 'FormPage', icon: 'pi pi-plus-circle', group: 'Workspace', order: 40 },\n    { label: 'Invoices', targetScreen: 'Invoice', icon: 'pi pi-receipt', group: 'Workspace', order: 50 },\n    { label: 'Nothing yet', targetScreen: 'Empty', icon: 'pi pi-inbox', group: 'Workspace', order: 60 },\n    { label: 'Users', targetScreen: 'UserManagement', icon: 'pi pi-users', group: 'Administration', order: 10 },\n    { label: 'Your profile', targetScreen: 'ProfileSettings', icon: 'pi pi-user', group: 'Administration', order: 20 },\n    { label: 'Documentation', targetScreen: 'Documentation', icon: 'pi pi-book', group: 'Support', order: 10 },\n    { label: 'Help', targetScreen: 'Help', icon: 'pi pi-question-circle', group: 'Support', order: 20 },\n];\n\n/**\n * The element one navigation entry becomes.\n *\n * `routeParameterBindings` is present and empty rather than omitted, because that is what\n * `extractNavigationItem` expects to read - and an omitted bag and an empty one are the same thing right\n * up until something iterates it.\n */\nexport function navigationElement(entry: NavigationEntry, activeScreen?: string): SceneElement {\n    return externalComponent(`nav-${entry.targetScreen}`, ComponentName.MenuItem, {\n        label: entry.label,\n        targetScreen: entry.targetScreen,\n        routeParameterBindings: {},\n        order: entry.order,\n        group: entry.group,\n        icon: entry.icon,\n        isActive: entry.targetScreen === activeScreen,\n    });\n}\n\n/**\n * The navigation as contributions to the `Navigation` contribution point.\n *\n * A screen carries these in its `contributions`, and anything bound to the contribution point recomputes\n * from whatever is currently in scope - so a screen that contributes an extra entry gets it in the\n * navigation without the navigation knowing that screen exists.\n */\nexport const navigationContributions: Contribution[] = navigationEntries.map(entry => ({\n    contributionPointName: navigationContributionPoint,\n    content: navigationElement(entry),\n    order: entry.order,\n}));\n\n/** The navigation entries of one group, in order. */\nexport function entriesInGroup(group: string): NavigationEntry[] {\n    return navigationEntries.filter(entry => entry.group === group).sort((first, second) => first.order - second.order);\n}\n\n/** Every group named by the navigation, in first-declared order. */\nexport const navigationGroups: string[] = [...new Set(navigationEntries.map(entry => entry.group))];\n"],"names":["navigationContributionPoint","navigationEntries","label","targetScreen","icon","group","order","navigationElement","entry","activeScreen","externalComponent","ComponentName","MenuItem","routeParameterBindings","isActive","navigationContributions","map","contributionPointName","content","entriesInGroup","filter","sort","first","second","navigationGroups","Set"],"mappings":";;;;;AAAA;AACA;AAOA,yEACO,MAAMA,2BAAAA,GAA8B;AAE3C;;;;;;;UAQaC,iBAAAA,GAAuC;AAChD,IAAA;QAAEC,KAAAA,EAAO,WAAA;QAAaC,YAAAA,EAAc,WAAA;QAAaC,IAAAA,EAAM,YAAA;QAAcC,KAAAA,EAAO,WAAA;QAAaC,KAAAA,EAAO;AAAG,KAAA;AACnG,IAAA;QAAEJ,KAAAA,EAAO,UAAA;QAAYC,YAAAA,EAAc,UAAA;QAAYC,IAAAA,EAAM,WAAA;QAAaC,KAAAA,EAAO,WAAA;QAAaC,KAAAA,EAAO;AAAG,KAAA;AAChG,IAAA;QAAEJ,KAAAA,EAAO,gBAAA;QAAkBC,YAAAA,EAAc,YAAA;QAAcC,IAAAA,EAAM,YAAA;QAAcC,KAAAA,EAAO,WAAA;QAAaC,KAAAA,EAAO;AAAG,KAAA;AACzG,IAAA;QAAEJ,KAAAA,EAAO,aAAA;QAAeC,YAAAA,EAAc,UAAA;QAAYC,IAAAA,EAAM,mBAAA;QAAqBC,KAAAA,EAAO,WAAA;QAAaC,KAAAA,EAAO;AAAG,KAAA;AAC3G,IAAA;QAAEJ,KAAAA,EAAO,UAAA;QAAYC,YAAAA,EAAc,SAAA;QAAWC,IAAAA,EAAM,eAAA;QAAiBC,KAAAA,EAAO,WAAA;QAAaC,KAAAA,EAAO;AAAG,KAAA;AACnG,IAAA;QAAEJ,KAAAA,EAAO,aAAA;QAAeC,YAAAA,EAAc,OAAA;QAASC,IAAAA,EAAM,aAAA;QAAeC,KAAAA,EAAO,WAAA;QAAaC,KAAAA,EAAO;AAAG,KAAA;AAClG,IAAA;QAAEJ,KAAAA,EAAO,OAAA;QAASC,YAAAA,EAAc,gBAAA;QAAkBC,IAAAA,EAAM,aAAA;QAAeC,KAAAA,EAAO,gBAAA;QAAkBC,KAAAA,EAAO;AAAG,KAAA;AAC1G,IAAA;QAAEJ,KAAAA,EAAO,cAAA;QAAgBC,YAAAA,EAAc,iBAAA;QAAmBC,IAAAA,EAAM,YAAA;QAAcC,KAAAA,EAAO,gBAAA;QAAkBC,KAAAA,EAAO;AAAG,KAAA;AACjH,IAAA;QAAEJ,KAAAA,EAAO,eAAA;QAAiBC,YAAAA,EAAc,eAAA;QAAiBC,IAAAA,EAAM,YAAA;QAAcC,KAAAA,EAAO,SAAA;QAAWC,KAAAA,EAAO;AAAG,KAAA;AACzG,IAAA;QAAEJ,KAAAA,EAAO,MAAA;QAAQC,YAAAA,EAAc,MAAA;QAAQC,IAAAA,EAAM,uBAAA;QAAyBC,KAAAA,EAAO,SAAA;QAAWC,KAAAA,EAAO;AAAG;;AAGtG;;;;;;AAMC,IACM,SAASC,iBAAAA,CAAkBC,KAAsB,EAAEC,YAAqB,EAAA;IAC3E,OAAOC,0BAAAA,CAAkB,CAAC,IAAI,EAAEF,KAAAA,CAAML,YAAY,CAAA,CAAE,EAAEQ,2BAAAA,CAAcC,QAAQ,EAAE;AAC1EV,QAAAA,KAAAA,EAAOM,MAAMN,KAAK;AAClBC,QAAAA,YAAAA,EAAcK,MAAML,YAAY;AAChCU,QAAAA,sBAAAA,EAAwB,EAAC;AACzBP,QAAAA,KAAAA,EAAOE,MAAMF,KAAK;AAClBD,QAAAA,KAAAA,EAAOG,MAAMH,KAAK;AAClBD,QAAAA,IAAAA,EAAMI,MAAMJ,IAAI;QAChBU,QAAAA,EAAUN,KAAAA,CAAML,YAAY,KAAKM;AACrC,KAAA,CAAA;AACJ;AAEA;;;;;;UAOaM,uBAAAA,GAA0Cd,iBAAAA,CAAkBe,GAAG,CAACR,CAAAA,SAAU;QACnFS,qBAAAA,EAAuBjB,2BAAAA;AACvBkB,QAAAA,OAAAA,EAASX,iBAAAA,CAAkBC,KAAAA,CAAAA;AAC3BF,QAAAA,KAAAA,EAAOE,MAAMF;AACjB,KAAA,CAAA;AAEA,sDACO,SAASa,cAAAA,CAAed,KAAa,EAAA;AACxC,IAAA,OAAOJ,kBAAkBmB,MAAM,CAACZ,CAAAA,KAAAA,GAASA,KAAAA,CAAMH,KAAK,KAAKA,KAAAA,CAAAA,CAAOgB,IAAI,CAAC,CAACC,KAAAA,EAAOC,MAAAA,GAAWD,MAAMhB,KAAK,GAAGiB,OAAOjB,KAAK,CAAA;AACtH;AAEA,qEACO,MAAMkB,gBAAAA,GAA6B;AAAI,IAAA,GAAA,IAAIC,IAAIxB,iBAAAA,CAAkBe,GAAG,CAACR,CAAAA,KAAAA,GAASA,MAAMH,KAAK,CAAA;;;;;;;;"}
+{"version":3,"file":"navigation.js","sources":["../../../gallery/navigation.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 { Contribution, SceneElement } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { NavigationEntry } from './NavigationEntry';\nimport { externalComponent } from './elements';\n\n/** The contribution point the built-in navigation aggregation reads. */\nexport const navigationContributionPoint = 'Navigation';\n\n/**\n * The gallery's navigation, declared once.\n *\n * One list, two consumers: the sidebar menu renders it as `menuItem` elements, and the same elements go to\n * the `Navigation` contribution point where `aggregateContributions` + `extractNavigationItem` turn them\n * back into navigation items. A blueprint that maintained a menu *and* a separate navigation declaration\n * would have two lists that agree right up until someone adds a screen to one of them.\n */\nexport const navigationEntries: NavigationEntry[] = [\n    { label: 'Dashboard', targetScreen: 'Dashboard', icon: 'pi pi-home', group: 'Workspace', order: 10 },\n    { label: 'Products', targetScreen: 'CrudList', icon: 'pi pi-box', group: 'Workspace', order: 20 },\n    { label: 'Product detail', targetScreen: 'DetailView', icon: 'pi pi-file', group: 'Workspace', order: 30 },\n    { label: 'Customers', targetScreen: 'MasterDetail', icon: 'pi pi-users', group: 'Workspace', order: 35 },\n    { label: 'New product', targetScreen: 'FormPage', icon: 'pi pi-plus-circle', group: 'Workspace', order: 40 },\n    { label: 'Invoices', targetScreen: 'Invoice', icon: 'pi pi-receipt', group: 'Workspace', order: 50 },\n    { label: 'Nothing yet', targetScreen: 'Empty', icon: 'pi pi-inbox', group: 'Workspace', order: 60 },\n    { label: 'Users', targetScreen: 'UserManagement', icon: 'pi pi-users', group: 'Administration', order: 10 },\n    { label: 'Your profile', targetScreen: 'ProfileSettings', icon: 'pi pi-user', group: 'Administration', order: 20 },\n    { label: 'Documentation', targetScreen: 'Documentation', icon: 'pi pi-book', group: 'Support', order: 10 },\n    { label: 'Help', targetScreen: 'Help', icon: 'pi pi-question-circle', group: 'Support', order: 20 },\n];\n\n/**\n * The element one navigation entry becomes.\n *\n * `routeParameterBindings` is present and empty rather than omitted, because that is what\n * `extractNavigationItem` expects to read - and an omitted bag and an empty one are the same thing right\n * up until something iterates it.\n */\nexport function navigationElement(entry: NavigationEntry, activeScreen?: string): SceneElement {\n    return externalComponent(`nav-${entry.targetScreen}`, ComponentName.MenuItem, {\n        label: entry.label,\n        targetScreen: entry.targetScreen,\n        routeParameterBindings: {},\n        order: entry.order,\n        group: entry.group,\n        icon: entry.icon,\n        isActive: entry.targetScreen === activeScreen,\n    });\n}\n\n/**\n * The navigation as contributions to the `Navigation` contribution point.\n *\n * A screen carries these in its `contributions`, and anything bound to the contribution point recomputes\n * from whatever is currently in scope - so a screen that contributes an extra entry gets it in the\n * navigation without the navigation knowing that screen exists.\n */\nexport const navigationContributions: Contribution[] = navigationEntries.map(entry => ({\n    contributionPointName: navigationContributionPoint,\n    content: navigationElement(entry),\n    order: entry.order,\n}));\n\n/** The navigation entries of one group, in order. */\nexport function entriesInGroup(group: string): NavigationEntry[] {\n    return navigationEntries.filter(entry => entry.group === group).sort((first, second) => first.order - second.order);\n}\n\n/** Every group named by the navigation, in first-declared order. */\nexport const navigationGroups: string[] = [...new Set(navigationEntries.map(entry => entry.group))];\n"],"names":["navigationContributionPoint","navigationEntries","label","targetScreen","icon","group","order","navigationElement","entry","activeScreen","externalComponent","ComponentName","MenuItem","routeParameterBindings","isActive","navigationContributions","map","contributionPointName","content","entriesInGroup","filter","sort","first","second","navigationGroups","Set"],"mappings":"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"}

package/dist/cjs/gallery/nesting.js

@@ -9,6 +9,7 @@ require('../layouts/fullPage.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.
@@ -48,7 +49,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Module workspace',
-    description: 'Module level: fits the application layout content slot and offers a body for one feature.'
+    description: 'Module level: fits the application layout content slot and offers a body for one feature.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /**
  * Feature level: fits the module workspace's `body` slot.
@@ -79,7 +83,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Feature section',
-    description: 'Feature level: fits a module workspace body slot and brings the action toolbar.'
+    description: 'Feature level: fits a module workspace body slot and brings the action toolbar.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /**
  * Slice level: fits the feature section's `body` slot.
@@ -114,7 +121,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Slice section',
-    description: 'Slice level: fits a feature section body slot and hosts one behavior.'
+    description: 'Slice level: fits a feature section body slot and hosts one behavior.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** The chain, outermost first - what a spec walks to prove `fitsSlot` resolves at every level. */ const nestingChainTemplates = [
     moduleWorkspaceTemplate,

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

@@ -1 +1 @@
-{"version":3,"file":"nesting.js","sources":["../../../gallery/nesting.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 { ScreenTemplate } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { SlotName, column, slotLeaf } from '../layouts';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, externalComponent } from './elements';\nimport { pageHeader } from './widgets';\n\n/**\n * A worked three-level chain, from the application layout down to a slice.\n *\n * The nesting rule is one rule applied at every depth: a template names, in `fitsSlot`, a slot declared by\n * whatever contains it. A module's template fits the application layout's `content`; a feature's template\n * fits a slot the module's template declares; a slice's fits one the feature's declares. Nothing here is a\n * special case for a particular level - which is exactly why the hierarchy can be arbitrarily deep without\n * a second mechanism.\n *\n * These three exist to make that concrete and to be asserted by a spec, because \"it composes recursively\"\n * is the kind of claim that is true in a design document and wrong in the code.\n */\n\n/**\n * Module level: fits the application shell's `content` slot.\n *\n * It brings its own header - a module always has a name and a description - and offers a body for the\n * feature inside it plus an optional side panel.\n */\nexport const moduleWorkspaceTemplate: ScreenTemplate = {\n    name: 'ModuleWorkspace',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }],\n    content: {\n        [TemplateSlotName.Header]: [pageHeader('module-header', 'Operations', 'Everything the operations module owns')],\n    },\n    displayName: 'Module workspace',\n    description: 'Module level: fits the application layout content slot and offers a body for one feature.',\n};\n\n/**\n * Feature level: fits the module workspace's `body` slot.\n *\n * It brings a toolbar, because a feature is where actions belong - a module is a grouping, a slice is one\n * behavior, and the feature in between is what a user thinks of as a screen with buttons on it.\n */\nexport const featureSectionTemplate: ScreenTemplate = {\n    name: 'FeatureSection',\n    fitsSlot: TemplateSlotName.Body,\n    slots: [{ name: TemplateSlotName.Toolbar }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Toolbar]: [\n            button('feature-new', 'New', { severity: 'primary', icon: 'pi pi-plus' }),\n            button('feature-export', 'Export', { severity: 'secondary', icon: 'pi pi-download' }),\n        ],\n    },\n    displayName: 'Feature section',\n    description: 'Feature level: fits a module workspace body slot and brings the action toolbar.',\n};\n\n/**\n * Slice level: fits the feature section's `body` slot.\n *\n * The end of the chain, and deliberately the thinnest thing in it - one behavior's surface, with somewhere\n * to put it and somewhere to put its actions.\n */\nexport const sliceSectionTemplate: ScreenTemplate = {\n    name: 'SliceSection',\n    fitsSlot: TemplateSlotName.Body,\n    slots: [{ name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    arrangement: {\n        root: column([slotLeaf(TemplateSlotName.Body, { grow: 1 }), slotLeaf(TemplateSlotName.Actions)]),\n    },\n    content: {\n        [TemplateSlotName.Body]: [externalComponent('slice-body', ComponentName.PageHeader, { title: 'Adjustment', subtitle: 'One behavior, one surface' })],\n    },\n    displayName: 'Slice section',\n    description: 'Slice level: fits a feature section body slot and hosts one behavior.',\n};\n\n/** The chain, outermost first - what a spec walks to prove `fitsSlot` resolves at every level. */\nexport const nestingChainTemplates: ScreenTemplate[] = [moduleWorkspaceTemplate, featureSectionTemplate, sliceSectionTemplate];\n"],"names":["moduleWorkspaceTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","Header","Body","SidePanel","content","pageHeader","displayName","description","featureSectionTemplate","Toolbar","button","severity","icon","sliceSectionTemplate","Actions","arrangement","root","column","slotLeaf","grow","externalComponent","ComponentName","PageHeader","title","subtitle","nestingChainTemplates"],"mappings":";;;;;;;;;;;;AAAA;AACA;AASA;;;;;;;;;;;;;;;;UAmBaA,uBAAAA,GAA0C;IACnDC,IAAAA,EAAM,iBAAA;AACNC,IAAAA,QAAAA,EAAUC,kBAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,kCAAiBC;AAAO,SAAA;AAAG,QAAA;AAAEN,YAAAA,IAAAA,EAAMK,kCAAiBE;AAAK,SAAA;AAAG,QAAA;AAAEP,YAAAA,IAAAA,EAAMK,kCAAiBG;AAAU;AAAE,KAAA;IACjHC,OAAAA,EAAS;QACL,CAACJ,iCAAAA,CAAiBC,MAAM,GAAG;AAACI,YAAAA,kBAAAA,CAAW,iBAAiB,YAAA,EAAc,uCAAA;AAAyC;AACnH,KAAA;IACAC,WAAAA,EAAa,kBAAA;IACbC,WAAAA,EAAa;AACjB;AAEA;;;;;UAMaC,sBAAAA,GAAyC;IAClDb,IAAAA,EAAM,gBAAA;AACNC,IAAAA,QAAAA,EAAUI,kCAAiBE,IAAI;IAC/BH,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,kCAAiBS;AAAQ,SAAA;AAAG,QAAA;AAAEd,YAAAA,IAAAA,EAAMK,kCAAiBE;AAAK;AAAE,KAAA;IAC5EE,OAAAA,EAAS;QACL,CAACJ,iCAAAA,CAAiBS,OAAO,GAAG;AACxBC,YAAAA,eAAAA,CAAO,eAAe,KAAA,EAAO;gBAAEC,QAAAA,EAAU,SAAA;gBAAWC,IAAAA,EAAM;AAAa,aAAA,CAAA;AACvEF,YAAAA,eAAAA,CAAO,kBAAkB,QAAA,EAAU;gBAAEC,QAAAA,EAAU,WAAA;gBAAaC,IAAAA,EAAM;AAAiB,aAAA;AACtF;AACL,KAAA;IACAN,WAAAA,EAAa,iBAAA;IACbC,WAAAA,EAAa;AACjB;AAEA;;;;;UAMaM,oBAAAA,GAAuC;IAChDlB,IAAAA,EAAM,cAAA;AACNC,IAAAA,QAAAA,EAAUI,kCAAiBE,IAAI;IAC/BH,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,kCAAiBE;AAAK,SAAA;AAAG,QAAA;AAAEP,YAAAA,IAAAA,EAAMK,kCAAiBc;AAAQ;AAAE,KAAA;IAC5EC,WAAAA,EAAa;AACTC,QAAAA,IAAAA,EAAMC,mBAAAA,CAAO;YAACC,qBAAAA,CAASlB,iCAAAA,CAAiBE,IAAI,EAAE;gBAAEiB,IAAAA,EAAM;AAAE,aAAA,CAAA;AAAID,YAAAA,qBAAAA,CAASlB,kCAAiBc,OAAO;AAAE,SAAA;AACnG,KAAA;IACAV,OAAAA,EAAS;QACL,CAACJ,iCAAAA,CAAiBE,IAAI,GAAG;YAACkB,0BAAAA,CAAkB,YAAA,EAAcC,2BAAAA,CAAcC,UAAU,EAAE;gBAAEC,KAAAA,EAAO,YAAA;gBAAcC,QAAAA,EAAU;AAA4B,aAAA;AAAG;AACxJ,KAAA;IACAlB,WAAAA,EAAa,eAAA;IACbC,WAAAA,EAAa;AACjB;AAEA,mGACO,MAAMkB,qBAAAA,GAA0C;AAAC/B,IAAAA,uBAAAA;AAAyBc,IAAAA,sBAAAA;AAAwBK,IAAAA;;;;;;"}
+{"version":3,"file":"nesting.js","sources":["../../../gallery/nesting.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 { ScreenTemplate } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { SlotName, column, slotLeaf } from '../layouts';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, externalComponent } from './elements';\nimport { pageHeader } from './widgets';\nimport { defaultBlueprintTemplateProvenance } from '../templateProvenance';\n\n/**\n * A worked three-level chain, from the application layout down to a slice.\n *\n * The nesting rule is one rule applied at every depth: a template names, in `fitsSlot`, a slot declared by\n * whatever contains it. A module's template fits the application layout's `content`; a feature's template\n * fits a slot the module's template declares; a slice's fits one the feature's declares. Nothing here is a\n * special case for a particular level - which is exactly why the hierarchy can be arbitrarily deep without\n * a second mechanism.\n *\n * These three exist to make that concrete and to be asserted by a spec, because \"it composes recursively\"\n * is the kind of claim that is true in a design document and wrong in the code.\n */\n\n/**\n * Module level: fits the application shell's `content` slot.\n *\n * It brings its own header - a module always has a name and a description - and offers a body for the\n * feature inside it plus an optional side panel.\n */\nexport const moduleWorkspaceTemplate: ScreenTemplate = {\n    name: 'ModuleWorkspace',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }],\n    content: {\n        [TemplateSlotName.Header]: [pageHeader('module-header', 'Operations', 'Everything the operations module owns')],\n    },\n    displayName: 'Module workspace',\n    description: 'Module level: fits the application layout content slot and offers a body for one feature.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/**\n * Feature level: fits the module workspace's `body` slot.\n *\n * It brings a toolbar, because a feature is where actions belong - a module is a grouping, a slice is one\n * behavior, and the feature in between is what a user thinks of as a screen with buttons on it.\n */\nexport const featureSectionTemplate: ScreenTemplate = {\n    name: 'FeatureSection',\n    fitsSlot: TemplateSlotName.Body,\n    slots: [{ name: TemplateSlotName.Toolbar }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Toolbar]: [\n            button('feature-new', 'New', { severity: 'primary', icon: 'pi pi-plus' }),\n            button('feature-export', 'Export', { severity: 'secondary', icon: 'pi pi-download' }),\n        ],\n    },\n    displayName: 'Feature section',\n    description: 'Feature level: fits a module workspace body slot and brings the action toolbar.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/**\n * Slice level: fits the feature section's `body` slot.\n *\n * The end of the chain, and deliberately the thinnest thing in it - one behavior's surface, with somewhere\n * to put it and somewhere to put its actions.\n */\nexport const sliceSectionTemplate: ScreenTemplate = {\n    name: 'SliceSection',\n    fitsSlot: TemplateSlotName.Body,\n    slots: [{ name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    arrangement: {\n        root: column([slotLeaf(TemplateSlotName.Body, { grow: 1 }), slotLeaf(TemplateSlotName.Actions)]),\n    },\n    content: {\n        [TemplateSlotName.Body]: [externalComponent('slice-body', ComponentName.PageHeader, { title: 'Adjustment', subtitle: 'One behavior, one surface' })],\n    },\n    displayName: 'Slice section',\n    description: 'Slice level: fits a feature section body slot and hosts one behavior.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** The chain, outermost first - what a spec walks to prove `fitsSlot` resolves at every level. */\nexport const nestingChainTemplates: ScreenTemplate[] = [moduleWorkspaceTemplate, featureSectionTemplate, sliceSectionTemplate];\n"],"names":["moduleWorkspaceTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","Header","Body","SidePanel","content","pageHeader","displayName","description","metadata","defaultBlueprintTemplateProvenance","featureSectionTemplate","Toolbar","button","severity","icon","sliceSectionTemplate","Actions","arrangement","root","column","slotLeaf","grow","externalComponent","ComponentName","PageHeader","title","subtitle","nestingChainTemplates"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AAUA;;;;;;;;;;;;;;;;UAmBaA,uBAAAA,GAA0C;IACnDC,IAAAA,EAAM,iBAAA;AACNC,IAAAA,QAAAA,EAAUC,kBAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,kCAAiBC;AAAO,SAAA;AAAG,QAAA;AAAEN,YAAAA,IAAAA,EAAMK,kCAAiBE;AAAK,SAAA;AAAG,QAAA;AAAEP,YAAAA,IAAAA,EAAMK,kCAAiBG;AAAU;AAAE,KAAA;IACjHC,OAAAA,EAAS;QACL,CAACJ,iCAAAA,CAAiBC,MAAM,GAAG;AAACI,YAAAA,kBAAAA,CAAW,iBAAiB,YAAA,EAAc,uCAAA;AAAyC;AACnH,KAAA;IACAC,WAAAA,EAAa,kBAAA;IACbC,WAAAA,EAAa,2FAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC;AAAmC;AACtD;AAEA;;;;;UAMaC,sBAAAA,GAAyC;IAClDf,IAAAA,EAAM,gBAAA;AACNC,IAAAA,QAAAA,EAAUI,kCAAiBE,IAAI;IAC/BH,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,kCAAiBW;AAAQ,SAAA;AAAG,QAAA;AAAEhB,YAAAA,IAAAA,EAAMK,kCAAiBE;AAAK;AAAE,KAAA;IAC5EE,OAAAA,EAAS;QACL,CAACJ,iCAAAA,CAAiBW,OAAO,GAAG;AACxBC,YAAAA,eAAAA,CAAO,eAAe,KAAA,EAAO;gBAAEC,QAAAA,EAAU,SAAA;gBAAWC,IAAAA,EAAM;AAAa,aAAA,CAAA;AACvEF,YAAAA,eAAAA,CAAO,kBAAkB,QAAA,EAAU;gBAAEC,QAAAA,EAAU,WAAA;gBAAaC,IAAAA,EAAM;AAAiB,aAAA;AACtF;AACL,KAAA;IACAR,WAAAA,EAAa,iBAAA;IACbC,WAAAA,EAAa,iFAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC;AAAmC;AACtD;AAEA;;;;;UAMaM,oBAAAA,GAAuC;IAChDpB,IAAAA,EAAM,cAAA;AACNC,IAAAA,QAAAA,EAAUI,kCAAiBE,IAAI;IAC/BH,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,kCAAiBE;AAAK,SAAA;AAAG,QAAA;AAAEP,YAAAA,IAAAA,EAAMK,kCAAiBgB;AAAQ;AAAE,KAAA;IAC5EC,WAAAA,EAAa;AACTC,QAAAA,IAAAA,EAAMC,mBAAAA,CAAO;YAACC,qBAAAA,CAASpB,iCAAAA,CAAiBE,IAAI,EAAE;gBAAEmB,IAAAA,EAAM;AAAE,aAAA,CAAA;AAAID,YAAAA,qBAAAA,CAASpB,kCAAiBgB,OAAO;AAAE,SAAA;AACnG,KAAA;IACAZ,OAAAA,EAAS;QACL,CAACJ,iCAAAA,CAAiBE,IAAI,GAAG;YAACoB,0BAAAA,CAAkB,YAAA,EAAcC,2BAAAA,CAAcC,UAAU,EAAE;gBAAEC,KAAAA,EAAO,YAAA;gBAAcC,QAAAA,EAAU;AAA4B,aAAA;AAAG;AACxJ,KAAA;IACApB,WAAAA,EAAa,eAAA;IACbC,WAAAA,EAAa,uEAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC;AAAmC;AACtD;AAEA,mGACO,MAAMkB,qBAAAA,GAA0C;AAACjC,IAAAA,uBAAAA;AAAyBgB,IAAAA,sBAAAA;AAAwBK,IAAAA;;;;;;"}

package/dist/cjs/gallery/screens.js

@@ -19,7 +19,7 @@ var workspaceTemplates = require('./workspaceTemplates.js');
 /**
  * The screen templates this blueprint provides.
  *
- * Ten shapes for inside the application shell, ten for the full-page shell, and the three-level nesting
+ * Eleven shapes for inside the application shell, ten for the full-page shell, and the three-level nesting
  * chain that demonstrates how `fitsSlot` composes. The list is what the manifest's `screenTemplates` names
  * and what the bundle provides; `validatePackageBundle` proves the two agree.
  */ const galleryScreenTemplates = [
@@ -48,6 +48,15 @@ var workspaceTemplates = require('./workspaceTemplates.js');
             label: 'Products'
         }
     ],
+    MasterDetail: [
+        {
+            label: 'Sales',
+            targetScreen: 'Dashboard'
+        },
+        {
+            label: 'Customers'
+        }
+    ],
     DetailView: [
         {
             label: 'Catalog',