@cratis/scene.blueprint.default 4.12.0 → 4.14.0

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

@@ -1 +1 @@
-{"version":3,"file":"screens.js","sources":["../../../gallery/screens.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 { Layout, Screen, ScreenTemplate } from '@cratis/scene.model';\nimport { LayoutName, appShellLayout, fullPageLayout } from '../layouts';\nimport { BreadcrumbEntry, applicationChrome, fullPageChrome } from './applicationChrome';\nimport { nestScreenTemplates, templateContentInLayout } from './composeScreen';\nimport { authTemplates } from './authTemplates';\nimport { navigationContributions } from './navigation';\nimport { nestingChainTemplates } from './nesting';\nimport { statusTemplates } from './statusTemplates';\nimport { supportTemplates } from './supportTemplates';\nimport { workspaceTemplates } from './workspaceTemplates';\n\n/**\n * The screen templates this blueprint provides.\n *\n * Ten shapes for inside the application shell, ten for the full-page shell, and the three-level nesting\n * chain that demonstrates how `fitsSlot` composes. The list is what the manifest's `screenTemplates` names\n * and what the bundle provides; `validatePackageBundle` proves the two agree.\n */\nexport const galleryScreenTemplates: ScreenTemplate[] = [\n    ...workspaceTemplates,\n    ...supportTemplates,\n    ...authTemplates,\n    ...statusTemplates,\n    ...nestingChainTemplates,\n];\n\n/** Which layout each template renders inside - the application shell unless it is one of the chrome-less screens. */\nconst fullPageTemplateNames = new Set([...authTemplates, ...statusTemplates].map(template => template.name));\n\n/** The trail shown above each application-shell screen. */\nconst breadcrumbs: Record<string, BreadcrumbEntry[]> = {\n    Dashboard: [{ label: 'Dashboard' }],\n    CrudList: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products' }],\n    DetailView: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products', targetScreen: 'CrudList' }, { label: 'Bamboo Watch' }],\n    FormPage: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products', targetScreen: 'CrudList' }, { label: 'New product' }],\n    Empty: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products' }],\n    Documentation: [{ label: 'Support', targetScreen: 'Dashboard' }, { label: 'Documentation' }],\n    ProfileSettings: [{ label: 'Administration', targetScreen: 'Dashboard' }, { label: 'Your profile' }],\n    UserManagement: [{ label: 'Administration', targetScreen: 'Dashboard' }, { label: 'Users' }],\n    Invoice: [{ label: 'Billing', targetScreen: 'Dashboard' }, { label: 'INV-2043' }],\n    Help: [{ label: 'Support', targetScreen: 'Dashboard' }, { label: 'Help' }],\n    ModuleWorkspace: [{ label: 'Operations' }],\n    FeatureSection: [{ label: 'Operations', targetScreen: 'ModuleWorkspace' }, { label: 'Adjustments' }],\n    SliceSection: [\n        { label: 'Operations', targetScreen: 'ModuleWorkspace' },\n        { label: 'Adjustments', targetScreen: 'FeatureSection' },\n        { label: 'Record an adjustment' },\n    ],\n};\n\n/**\n * Builds the {@link Screen} that instantiates one template.\n *\n * A screen is an instance, not a shape: it names the layout it renders in, the template it fills, the\n * content that fills it, and what it contributes elsewhere. Everything structural comes from the template,\n * which is why adding a screen is a handful of lines rather than another copy of the chrome.\n */\nfunction screenFor(template: ScreenTemplate): Screen {\n    const isFullPage = fullPageTemplateNames.has(template.name);\n    const layout: Layout = isFullPage ? fullPageLayout : appShellLayout;\n    const chrome = isFullPage ? fullPageChrome() : applicationChrome(template.name, breadcrumbs[template.name] ?? [{ label: template.displayName ?? template.name }]);\n    const placeable = nestScreenTemplates(containmentChainFor(template));\n\n    return {\n        name: template.name,\n        layout: isFullPage ? LayoutName.FullPage : LayoutName.AppShell,\n        screenTemplate: template.name,\n        slotContent: mergeSlotContent(chrome, templateContentInLayout(placeable, layout)),\n        forms: [],\n        contributions: isFullPage ? [] : navigationContributions,\n    };\n}\n\n/**\n * The chain of templates a screen renders through, outermost first.\n *\n * Almost every template fits the layout's own `content` slot, so its chain is just itself. The three\n * nesting-chain templates are the exception, and the only ones that need the walk - which is the honest\n * version of the story: nesting exists for the applications that need it, and costs nothing for the ones\n * that do not.\n */\nfunction containmentChainFor(template: ScreenTemplate): ScreenTemplate[] {\n    const depth = nestingChainTemplates.findIndex(candidate => candidate.name === template.name);\n    return depth < 0 ? [template] : nestingChainTemplates.slice(0, depth + 1);\n}\n\nfunction mergeSlotContent(chrome: Record<string, Screen['slotContent'][string]>, content: Record<string, Screen['slotContent'][string]>): Screen['slotContent'] {\n    const merged: Screen['slotContent'] = { ...chrome };\n    for (const [slotName, elements] of Object.entries(content)) {\n        merged[slotName] = [...(merged[slotName] ?? []), ...elements];\n    }\n\n    return merged;\n}\n\n/**\n * The gallery: one screen per template, ready to boot through the real engine.\n *\n * These exist so a preview is a working miniature application rather than a set of pictures - the same\n * `Screen` shape Stage produces, put through the same `Scene.Engine` and `Scene.React`, with no separate\n * preview pipeline and nothing mocked.\n */\nexport const galleryScreens: Screen[] = galleryScreenTemplates.map(screenFor);\n\n/** One gallery screen by name, for a story or a host that boots a specific one. */\nexport function galleryScreen(name: string): Screen | undefined {\n    return galleryScreens.find(screen => screen.name === name);\n}\n"],"names":["galleryScreenTemplates","workspaceTemplates","supportTemplates","authTemplates","statusTemplates","nestingChainTemplates","fullPageTemplateNames","Set","map","template","name","breadcrumbs","Dashboard","label","CrudList","targetScreen","DetailView","FormPage","Empty","Documentation","ProfileSettings","UserManagement","Invoice","Help","ModuleWorkspace","FeatureSection","SliceSection","screenFor","isFullPage","has","layout","fullPageLayout","appShellLayout","chrome","fullPageChrome","applicationChrome","displayName","placeable","nestScreenTemplates","containmentChainFor","LayoutName","FullPage","AppShell","screenTemplate","slotContent","mergeSlotContent","templateContentInLayout","forms","contributions","navigationContributions","depth","findIndex","candidate","slice","content","merged","slotName","elements","Object","entries","galleryScreens","galleryScreen","find","screen"],"mappings":"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"}
+{"version":3,"file":"screens.js","sources":["../../../gallery/screens.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 { Layout, Screen, ScreenTemplate } from '@cratis/scene.model';\nimport { LayoutName, appShellLayout, fullPageLayout } from '../layouts';\nimport { BreadcrumbEntry, applicationChrome, fullPageChrome } from './applicationChrome';\nimport { nestScreenTemplates, templateContentInLayout } from './composeScreen';\nimport { authTemplates } from './authTemplates';\nimport { navigationContributions } from './navigation';\nimport { nestingChainTemplates } from './nesting';\nimport { statusTemplates } from './statusTemplates';\nimport { supportTemplates } from './supportTemplates';\nimport { workspaceTemplates } from './workspaceTemplates';\n\n/**\n * The screen templates this blueprint provides.\n *\n * Eleven shapes for inside the application shell, ten for the full-page shell, and the three-level nesting\n * chain that demonstrates how `fitsSlot` composes. The list is what the manifest's `screenTemplates` names\n * and what the bundle provides; `validatePackageBundle` proves the two agree.\n */\nexport const galleryScreenTemplates: ScreenTemplate[] = [\n    ...workspaceTemplates,\n    ...supportTemplates,\n    ...authTemplates,\n    ...statusTemplates,\n    ...nestingChainTemplates,\n];\n\n/** Which layout each template renders inside - the application shell unless it is one of the chrome-less screens. */\nconst fullPageTemplateNames = new Set([...authTemplates, ...statusTemplates].map(template => template.name));\n\n/** The trail shown above each application-shell screen. */\nconst breadcrumbs: Record<string, BreadcrumbEntry[]> = {\n    Dashboard: [{ label: 'Dashboard' }],\n    CrudList: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products' }],\n    MasterDetail: [{ label: 'Sales', targetScreen: 'Dashboard' }, { label: 'Customers' }],\n    DetailView: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products', targetScreen: 'CrudList' }, { label: 'Bamboo Watch' }],\n    FormPage: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products', targetScreen: 'CrudList' }, { label: 'New product' }],\n    Empty: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products' }],\n    Documentation: [{ label: 'Support', targetScreen: 'Dashboard' }, { label: 'Documentation' }],\n    ProfileSettings: [{ label: 'Administration', targetScreen: 'Dashboard' }, { label: 'Your profile' }],\n    UserManagement: [{ label: 'Administration', targetScreen: 'Dashboard' }, { label: 'Users' }],\n    Invoice: [{ label: 'Billing', targetScreen: 'Dashboard' }, { label: 'INV-2043' }],\n    Help: [{ label: 'Support', targetScreen: 'Dashboard' }, { label: 'Help' }],\n    ModuleWorkspace: [{ label: 'Operations' }],\n    FeatureSection: [{ label: 'Operations', targetScreen: 'ModuleWorkspace' }, { label: 'Adjustments' }],\n    SliceSection: [\n        { label: 'Operations', targetScreen: 'ModuleWorkspace' },\n        { label: 'Adjustments', targetScreen: 'FeatureSection' },\n        { label: 'Record an adjustment' },\n    ],\n};\n\n/**\n * Builds the {@link Screen} that instantiates one template.\n *\n * A screen is an instance, not a shape: it names the layout it renders in, the template it fills, the\n * content that fills it, and what it contributes elsewhere. Everything structural comes from the template,\n * which is why adding a screen is a handful of lines rather than another copy of the chrome.\n */\nfunction screenFor(template: ScreenTemplate): Screen {\n    const isFullPage = fullPageTemplateNames.has(template.name);\n    const layout: Layout = isFullPage ? fullPageLayout : appShellLayout;\n    const chrome = isFullPage ? fullPageChrome() : applicationChrome(template.name, breadcrumbs[template.name] ?? [{ label: template.displayName ?? template.name }]);\n    const placeable = nestScreenTemplates(containmentChainFor(template));\n\n    return {\n        name: template.name,\n        layout: isFullPage ? LayoutName.FullPage : LayoutName.AppShell,\n        screenTemplate: template.name,\n        slotContent: mergeSlotContent(chrome, templateContentInLayout(placeable, layout)),\n        forms: [],\n        contributions: isFullPage ? [] : navigationContributions,\n    };\n}\n\n/**\n * The chain of templates a screen renders through, outermost first.\n *\n * Almost every template fits the layout's own `content` slot, so its chain is just itself. The three\n * nesting-chain templates are the exception, and the only ones that need the walk - which is the honest\n * version of the story: nesting exists for the applications that need it, and costs nothing for the ones\n * that do not.\n */\nfunction containmentChainFor(template: ScreenTemplate): ScreenTemplate[] {\n    const depth = nestingChainTemplates.findIndex(candidate => candidate.name === template.name);\n    return depth < 0 ? [template] : nestingChainTemplates.slice(0, depth + 1);\n}\n\nfunction mergeSlotContent(chrome: Record<string, Screen['slotContent'][string]>, content: Record<string, Screen['slotContent'][string]>): Screen['slotContent'] {\n    const merged: Screen['slotContent'] = { ...chrome };\n    for (const [slotName, elements] of Object.entries(content)) {\n        merged[slotName] = [...(merged[slotName] ?? []), ...elements];\n    }\n\n    return merged;\n}\n\n/**\n * The gallery: one screen per template, ready to boot through the real engine.\n *\n * These exist so a preview is a working miniature application rather than a set of pictures - the same\n * `Screen` shape Stage produces, put through the same `Scene.Engine` and `Scene.React`, with no separate\n * preview pipeline and nothing mocked.\n */\nexport const galleryScreens: Screen[] = galleryScreenTemplates.map(screenFor);\n\n/** One gallery screen by name, for a story or a host that boots a specific one. */\nexport function galleryScreen(name: string): Screen | undefined {\n    return galleryScreens.find(screen => screen.name === name);\n}\n"],"names":["galleryScreenTemplates","workspaceTemplates","supportTemplates","authTemplates","statusTemplates","nestingChainTemplates","fullPageTemplateNames","Set","map","template","name","breadcrumbs","Dashboard","label","CrudList","targetScreen","MasterDetail","DetailView","FormPage","Empty","Documentation","ProfileSettings","UserManagement","Invoice","Help","ModuleWorkspace","FeatureSection","SliceSection","screenFor","isFullPage","has","layout","fullPageLayout","appShellLayout","chrome","fullPageChrome","applicationChrome","displayName","placeable","nestScreenTemplates","containmentChainFor","LayoutName","FullPage","AppShell","screenTemplate","slotContent","mergeSlotContent","templateContentInLayout","forms","contributions","navigationContributions","depth","findIndex","candidate","slice","content","merged","slotName","elements","Object","entries","galleryScreens","galleryScreen","find","screen"],"mappings":"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"}

package/dist/cjs/gallery/statusTemplates.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.
@@ -49,7 +50,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Error',
-    description: 'A server-side failure, said plainly, with a way onward.'
+    description: 'A server-side failure, said plainly, with a way onward.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** Signed in, and still not allowed. */ const accessDeniedTemplate = {
     name: 'AccessDenied',
@@ -81,7 +85,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Access denied',
-    description: 'A refusal that distinguishes "not signed in" from "not allowed".'
+    description: 'A refusal that distinguishes "not signed in" from "not allowed".',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** No such address. */ const notFoundTemplate = {
     name: 'NotFound',
@@ -101,7 +108,8 @@ var widgets = require('./widgets.js');
                 elements.text('not-found-title', 'That page is not here'),
                 elements.text('not-found-message', 'The link may be old, or the thing it pointed at may have been removed.'),
                 elements.externalComponent('not-found-search', 'inputText', {
-                    placeholder: 'Search instead'
+                    placeholder: 'Search instead',
+                    ariaLabel: 'Search'
                 }),
                 elements.button('not-found-home', 'Back to the dashboard', {
                     severity: 'secondary',
@@ -111,7 +119,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Not found',
-    description: 'A wrong address, with a search box rather than a dead end.'
+    description: 'A wrong address, with a search box rather than a dead end.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** The page that has to do the selling. */ const landingTemplate = {
     name: 'Landing',
@@ -173,7 +184,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Landing',
-    description: 'The marketing front door, with its own navigation because it has no application chrome.'
+    description: 'The marketing front door, with its own navigation because it has no application chrome.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** The four status and marketing templates. */ const statusTemplates = [
     errorTemplate,

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

@@ -1 +1 @@
-{"version":3,"file":"statusTemplates.js","sources":["../../../gallery/statusTemplates.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, panel, text } from './elements';\nimport { widget } from './widgets';\n\n/**\n * The four screens that are not part of anyone's plan: a server error, a refusal, a wrong address, and the\n * page that has to sell the product before any of the others exist.\n *\n * They use the full-page layout for the same reason the sign-in screens do - none of them has navigation\n * to render - and they matter more than their frequency suggests. An error page is the screen most likely\n * to be someone's first impression of how carefully an application was built.\n */\n\n/** Something broke on our side. */\nexport const errorTemplate: ScreenTemplate = {\n    name: 'Error',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Body]: [\n            card('error-card', [\n                externalComponent('error-tag', 'tag', { value: '500', severity: 'danger' }),\n                text('error-title', 'Something went wrong on our side'),\n                text('error-message', 'The team has been told. Try again in a moment - nothing you were working on was lost.'),\n                panel('error-actions', [\n                    button('error-retry', 'Try again', { severity: 'primary' }),\n                    button('error-home', 'Back to the dashboard', { severity: 'secondary', targetScreen: 'Dashboard' }),\n                ]),\n            ]),\n        ],\n    },\n    displayName: 'Error',\n    description: 'A server-side failure, said plainly, with a way onward.',\n};\n\n/** Signed in, and still not allowed. */\nexport const accessDeniedTemplate: ScreenTemplate = {\n    name: 'AccessDenied',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Body]: [\n            card('denied-card', [\n                externalComponent('denied-tag', 'tag', { value: '403', severity: 'warning' }),\n                text('denied-title', 'You do not have access to this'),\n                text('denied-message', 'Your account is signed in, but it is not allowed here. An administrator can change that.'),\n                panel('denied-actions', [\n                    button('denied-request', 'Request access', { severity: 'primary' }),\n                    button('denied-home', 'Back to the dashboard', { severity: 'secondary', targetScreen: 'Dashboard' }),\n                ]),\n            ]),\n        ],\n    },\n    displayName: 'Access denied',\n    description: 'A refusal that distinguishes \"not signed in\" from \"not allowed\".',\n};\n\n/** No such address. */\nexport const notFoundTemplate: ScreenTemplate = {\n    name: 'NotFound',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Body]: [\n            card('not-found-card', [\n                externalComponent('not-found-tag', 'tag', { value: '404', severity: 'info' }),\n                text('not-found-title', 'That page is not here'),\n                text('not-found-message', 'The link may be old, or the thing it pointed at may have been removed.'),\n                externalComponent('not-found-search', 'inputText', { placeholder: 'Search instead' }),\n                button('not-found-home', 'Back to the dashboard', { severity: 'secondary', targetScreen: 'Dashboard' }),\n            ]),\n        ],\n    },\n    displayName: 'Not found',\n    description: 'A wrong address, with a search box rather than a dead end.',\n};\n\n/** The page that has to do the selling. */\nexport const landingTemplate: ScreenTemplate = {\n    name: 'Landing',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [\n            panel('landing-nav', [\n                externalComponent('landing-logo', ComponentName.Logo, { label: 'Contoso', initials: 'C' }),\n                button('landing-signin', 'Sign in', { severity: 'secondary', targetScreen: 'Login' }),\n                button('landing-start', 'Start free', { severity: 'primary', targetScreen: 'Register' }),\n            ]),\n        ],\n        [TemplateSlotName.Body]: [\n            card('landing-hero', [\n                text('landing-headline', 'Ship the shell on day one'),\n                text('landing-subhead', 'Eight menu modes, twenty screen templates and two themes, in one blueprint an application picks once.'),\n                button('landing-cta', 'Start free', { severity: 'primary', targetScreen: 'Register' }),\n            ]),\n            widget('landing-feature-modes', 'Every mode people expect', [text('landing-modes-text', 'Static, overlay, slim, slim+, compact, horizontal, reveal and drawer.')]),\n            widget('landing-feature-themes', 'Themeable to the token', [text('landing-themes-text', 'Ten semantic tokens define the whole shell. Swap them and everything follows.')]),\n            widget('landing-feature-templates', 'The pages you were going to build anyway', [\n                text('landing-templates-text', 'Dashboard, list, detail, form, invoice, settings, help - and every screen around signing in.'),\n            ]),\n        ],\n        [TemplateSlotName.Actions]: [\n            panel('landing-footer', [text('landing-copyright', '© Contoso'), button('landing-contact', 'Talk to us', { severity: 'secondary' })]),\n        ],\n    },\n    displayName: 'Landing',\n    description: 'The marketing front door, with its own navigation because it has no application chrome.',\n};\n\n/** The four status and marketing templates. */\nexport const statusTemplates: ScreenTemplate[] = [errorTemplate, accessDeniedTemplate, notFoundTemplate, landingTemplate];\n"],"names":["errorTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","Body","content","card","externalComponent","value","severity","text","panel","button","targetScreen","displayName","description","accessDeniedTemplate","notFoundTemplate","placeholder","landingTemplate","Header","Actions","ComponentName","Logo","label","initials","widget","statusTemplates"],"mappings":"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"}
+{"version":3,"file":"statusTemplates.js","sources":["../../../gallery/statusTemplates.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, panel, text } from './elements';\nimport { widget } from './widgets';\nimport { defaultBlueprintTemplateProvenance } from '../templateProvenance';\n\n/**\n * The four screens that are not part of anyone's plan: a server error, a refusal, a wrong address, and the\n * page that has to sell the product before any of the others exist.\n *\n * They use the full-page layout for the same reason the sign-in screens do - none of them has navigation\n * to render - and they matter more than their frequency suggests. An error page is the screen most likely\n * to be someone's first impression of how carefully an application was built.\n */\n\n/** Something broke on our side. */\nexport const errorTemplate: ScreenTemplate = {\n    name: 'Error',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Body]: [\n            card('error-card', [\n                externalComponent('error-tag', 'tag', { value: '500', severity: 'danger' }),\n                text('error-title', 'Something went wrong on our side'),\n                text('error-message', 'The team has been told. Try again in a moment - nothing you were working on was lost.'),\n                panel('error-actions', [\n                    button('error-retry', 'Try again', { severity: 'primary' }),\n                    button('error-home', 'Back to the dashboard', { severity: 'secondary', targetScreen: 'Dashboard' }),\n                ]),\n            ]),\n        ],\n    },\n    displayName: 'Error',\n    description: 'A server-side failure, said plainly, with a way onward.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Signed in, and still not allowed. */\nexport const accessDeniedTemplate: ScreenTemplate = {\n    name: 'AccessDenied',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Body]: [\n            card('denied-card', [\n                externalComponent('denied-tag', 'tag', { value: '403', severity: 'warning' }),\n                text('denied-title', 'You do not have access to this'),\n                text('denied-message', 'Your account is signed in, but it is not allowed here. An administrator can change that.'),\n                panel('denied-actions', [\n                    button('denied-request', 'Request access', { severity: 'primary' }),\n                    button('denied-home', 'Back to the dashboard', { severity: 'secondary', targetScreen: 'Dashboard' }),\n                ]),\n            ]),\n        ],\n    },\n    displayName: 'Access denied',\n    description: 'A refusal that distinguishes \"not signed in\" from \"not allowed\".',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** No such address. */\nexport const notFoundTemplate: ScreenTemplate = {\n    name: 'NotFound',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Body]: [\n            card('not-found-card', [\n                externalComponent('not-found-tag', 'tag', { value: '404', severity: 'info' }),\n                text('not-found-title', 'That page is not here'),\n                text('not-found-message', 'The link may be old, or the thing it pointed at may have been removed.'),\n                externalComponent('not-found-search', 'inputText', { placeholder: 'Search instead', ariaLabel: 'Search' }),\n                button('not-found-home', 'Back to the dashboard', { severity: 'secondary', targetScreen: 'Dashboard' }),\n            ]),\n        ],\n    },\n    displayName: 'Not found',\n    description: 'A wrong address, with a search box rather than a dead end.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** The page that has to do the selling. */\nexport const landingTemplate: ScreenTemplate = {\n    name: 'Landing',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [\n            panel('landing-nav', [\n                externalComponent('landing-logo', ComponentName.Logo, { label: 'Contoso', initials: 'C' }),\n                button('landing-signin', 'Sign in', { severity: 'secondary', targetScreen: 'Login' }),\n                button('landing-start', 'Start free', { severity: 'primary', targetScreen: 'Register' }),\n            ]),\n        ],\n        [TemplateSlotName.Body]: [\n            card('landing-hero', [\n                text('landing-headline', 'Ship the shell on day one'),\n                text('landing-subhead', 'Eight menu modes, twenty screen templates and two themes, in one blueprint an application picks once.'),\n                button('landing-cta', 'Start free', { severity: 'primary', targetScreen: 'Register' }),\n            ]),\n            widget('landing-feature-modes', 'Every mode people expect', [text('landing-modes-text', 'Static, overlay, slim, slim+, compact, horizontal, reveal and drawer.')]),\n            widget('landing-feature-themes', 'Themeable to the token', [text('landing-themes-text', 'Ten semantic tokens define the whole shell. Swap them and everything follows.')]),\n            widget('landing-feature-templates', 'The pages you were going to build anyway', [\n                text('landing-templates-text', 'Dashboard, list, detail, form, invoice, settings, help - and every screen around signing in.'),\n            ]),\n        ],\n        [TemplateSlotName.Actions]: [\n            panel('landing-footer', [text('landing-copyright', '© Contoso'), button('landing-contact', 'Talk to us', { severity: 'secondary' })]),\n        ],\n    },\n    displayName: 'Landing',\n    description: 'The marketing front door, with its own navigation because it has no application chrome.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** The four status and marketing templates. */\nexport const statusTemplates: ScreenTemplate[] = [errorTemplate, accessDeniedTemplate, notFoundTemplate, landingTemplate];\n"],"names":["errorTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","Body","content","card","externalComponent","value","severity","text","panel","button","targetScreen","displayName","description","metadata","defaultBlueprintTemplateProvenance","accessDeniedTemplate","notFoundTemplate","placeholder","ariaLabel","landingTemplate","Header","Actions","ComponentName","Logo","label","initials","widget","statusTemplates"],"mappings":"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"}

package/dist/cjs/gallery/supportTemplates.js

@@ -8,6 +8,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.
@@ -50,7 +51,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Documentation',
-    description: 'Prose with a table of contents beside it.'
+    description: 'Prose with a table of contents beside it.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** Profile settings: the signed-in user editing their own account. */ const profileSettingsTemplate = {
     name: 'ProfileSettings',
@@ -105,7 +109,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Profile settings',
-    description: 'The signed-in user editing their own name, photo, password and notifications.'
+    description: 'The signed-in user editing their own name, photo, password and notifications.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** User management: administering everybody else. */ const userManagementTemplate = {
     name: 'UserManagement',
@@ -182,7 +189,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'User management',
-    description: 'The people table, with roles, status and an invitation action.'
+    description: 'The people table, with roles, status and an invitation action.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** Invoice: a printable document, which is a different shape from a screen. */ const invoiceTemplate = {
     name: 'Invoice',
@@ -260,7 +270,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Invoice',
-    description: 'A printable document: parties, line items and totals.'
+    description: 'A printable document: parties, line items and totals.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** Help: the answers, and a way to ask when they are not there. */ const helpTemplate = {
     name: 'Help',
@@ -282,7 +295,8 @@ var widgets = require('./widgets.js');
         ],
         [TemplateSlotName.TemplateSlotName.Body]: [
             elements.externalComponent('help-search', 'inputText', {
-                placeholder: 'Search help'
+                placeholder: 'Search help',
+                ariaLabel: 'Search help'
             }),
             widgets.widget('help-popular', 'Popular answers', [
                 elements.text('help-1', 'How do I invite someone to the workspace?'),
@@ -300,7 +314,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Help',
-    description: 'Searchable answers with a route to a human.'
+    description: 'Searchable answers with a route to a human.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** The five support templates. */ const supportTemplates = [
     documentationTemplate,

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

@@ -1 +1 @@
-{"version":3,"file":"supportTemplates.js","sources":["../../../gallery/supportTemplates.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 { SlotName } from '../layouts';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, text } from './elements';\nimport { field, formActions, pageHeader, table, widget } from './widgets';\n\n/**\n * The five shapes an application needs that are not the CRUD loop: documentation, the signed-in user's own\n * settings, user administration, a printable document, and help.\n *\n * They are in the set because leaving them out is what makes a template line feel thin. Every real\n * application grows all five, and the ones that were never designed are the ones that end up looking like\n * a different product.\n */\n\n/** Documentation: a table of contents beside prose. */\nexport const documentationTemplate: ScreenTemplate = {\n    name: 'Documentation',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.SidePanel }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.SidePanel]: [\n            widget('docs-toc', 'On this page', [\n                text('docs-toc-1', 'Getting started'),\n                text('docs-toc-2', 'Configuring the shell'),\n                text('docs-toc-3', 'Themes'),\n                text('docs-toc-4', 'Publishing a blueprint'),\n            ]),\n        ],\n        [TemplateSlotName.Body]: [\n            pageHeader('docs-header', 'Getting started', 'Everything you need to run the blueprint locally'),\n            card('docs-body', [\n                text('docs-intro', 'Install the blueprint, add it to a ui profile, and pick a layout. The shell reads its mode from the configurator and remembers it.'),\n                externalComponent('docs-note', 'message', { severity: 'info', text: 'The shell needs its stylesheet imported once, at the host.' }),\n            ]),\n        ],\n    },\n    displayName: 'Documentation',\n    description: 'Prose with a table of contents beside it.',\n};\n\n/** Profile settings: the signed-in user editing their own account. */\nexport const profileSettingsTemplate: ScreenTemplate = {\n    name: 'ProfileSettings',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [pageHeader('profile-header', 'Your profile', 'How you appear to everyone else in the workspace')],\n        [TemplateSlotName.Body]: [\n            card('profile-identity', [\n                externalComponent('profile-avatar', 'avatar', { label: 'AN', size: 'large', shape: 'circle' }),\n                field('profile-name', 'Display name', 'inputText', { value: 'Amelia Nyquist' }),\n                field('profile-email', 'Email', 'inputText', { value: 'amelia@contoso.com' }),\n                externalComponent('profile-photo', 'image', { alt: 'Your current photo' }),\n                button('profile-photo-change', 'Change photo', { severity: 'secondary' }),\n            ]),\n            card('profile-security', [\n                field('profile-current', 'Current password', 'password', {}),\n                field('profile-new', 'New password', 'password', { feedback: true }),\n                field('profile-notify', 'Email me about mentions', 'checkbox', { checked: true }),\n            ]),\n        ],\n        [TemplateSlotName.Actions]: [formActions('profile-actions', 'Save changes')],\n    },\n    displayName: 'Profile settings',\n    description: 'The signed-in user editing their own name, photo, password and notifications.',\n};\n\n/** User management: administering everybody else. */\nexport const userManagementTemplate: ScreenTemplate = {\n    name: 'UserManagement',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Toolbar }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Toolbar]: [\n            pageHeader('users-header', 'Users', '34 people, 3 pending invitations', [button('users-invite', 'Invite people', { severity: 'primary', icon: 'pi pi-user-plus' })]),\n        ],\n        [TemplateSlotName.Body]: [\n            table(\n                'users-table',\n                [\n                    { field: 'name', header: 'Name' },\n                    { field: 'email', header: 'Email' },\n                    { field: 'role', header: 'Role' },\n                    { field: 'status', header: 'Status' },\n                    { field: 'lastSeen', header: 'Last seen' },\n                ],\n                [\n                    { name: 'Amelia Nyquist', email: 'amelia@contoso.com', role: 'Owner', status: 'Active', lastSeen: '2 minutes ago' },\n                    { name: 'Bjørn Holt', email: 'bjorn@contoso.com', role: 'Administrator', status: 'Active', lastSeen: 'Yesterday' },\n                    { name: 'Chidi Okafor', email: 'chidi@contoso.com', role: 'Editor', status: 'Active', lastSeen: '3 days ago' },\n                    { name: 'Dana Whitfield', email: 'dana@contoso.com', role: 'Viewer', status: 'Invited', lastSeen: 'Never' },\n                ],\n            ),\n        ],\n    },\n    displayName: 'User management',\n    description: 'The people table, with roles, status and an invitation action.',\n};\n\n/** Invoice: a printable document, which is a different shape from a screen. */\nexport const invoiceTemplate: ScreenTemplate = {\n    name: 'Invoice',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [\n            pageHeader('invoice-header', 'Invoice INV-2043', 'Issued 4 March · Due 3 April', [button('invoice-print', 'Print', { severity: 'secondary', icon: 'pi pi-print' })]),\n        ],\n        [TemplateSlotName.Body]: [\n            card('invoice-parties', [\n                text('invoice-from', 'From: Contoso Ltd, 4 Chandler Street, Dublin'),\n                text('invoice-to', 'To: Northwind Traders, 18 Quay Road, Cork'),\n            ]),\n            table(\n                'invoice-lines',\n                [\n                    { field: 'description', header: 'Description' },\n                    { field: 'quantity', header: 'Quantity' },\n                    { field: 'unitPrice', header: 'Unit price' },\n                    { field: 'amount', header: 'Amount' },\n                ],\n                [\n                    { description: 'Bamboo Watch', quantity: 12, unitPrice: '$65.00', amount: '$780.00' },\n                    { description: 'Blue Band', quantity: 4, unitPrice: '$79.00', amount: '$316.00' },\n                    { description: 'Expedited shipping', quantity: 1, unitPrice: '$144.00', amount: '$144.00' },\n                ],\n            ),\n            card('invoice-total', [text('invoice-subtotal', 'Subtotal: $1,240.00'), text('invoice-vat', 'VAT (23%): $285.20'), text('invoice-due', 'Total due: $1,525.20')]),\n        ],\n        [TemplateSlotName.Actions]: [formActions('invoice-actions', 'Mark as paid', 'Send reminder')],\n    },\n    displayName: 'Invoice',\n    description: 'A printable document: parties, line items and totals.',\n};\n\n/** Help: the answers, and a way to ask when they are not there. */\nexport const helpTemplate: ScreenTemplate = {\n    name: 'Help',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }],\n    content: {\n        [TemplateSlotName.Header]: [pageHeader('help-header', 'Help', 'Search the answers, or ask us directly')],\n        [TemplateSlotName.Body]: [\n            externalComponent('help-search', 'inputText', { placeholder: 'Search help' }),\n            widget('help-popular', 'Popular answers', [\n                text('help-1', 'How do I invite someone to the workspace?'),\n                text('help-2', 'Why can I not see the sidebar on my phone?'),\n                text('help-3', 'How do I change the theme?'),\n            ]),\n        ],\n        [TemplateSlotName.SidePanel]: [\n            widget('help-contact', 'Still stuck?', [text('help-contact-text', 'We answer within one working day.'), button('help-contact-button', 'Contact support', { severity: 'primary' })]),\n        ],\n    },\n    displayName: 'Help',\n    description: 'Searchable answers with a route to a human.',\n};\n\n/** The five support templates. */\nexport const supportTemplates: ScreenTemplate[] = [documentationTemplate, profileSettingsTemplate, userManagementTemplate, invoiceTemplate, helpTemplate];\n"],"names":["documentationTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","SidePanel","Body","content","widget","text","pageHeader","card","externalComponent","severity","displayName","description","profileSettingsTemplate","Header","Actions","label","size","shape","field","value","alt","button","feedback","checked","formActions","userManagementTemplate","Toolbar","icon","table","header","email","role","status","lastSeen","invoiceTemplate","quantity","unitPrice","amount","helpTemplate","placeholder","supportTemplates"],"mappings":"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"}
+{"version":3,"file":"supportTemplates.js","sources":["../../../gallery/supportTemplates.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 { SlotName } from '../layouts';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, text } from './elements';\nimport { field, formActions, pageHeader, table, widget } from './widgets';\nimport { defaultBlueprintTemplateProvenance } from '../templateProvenance';\n\n/**\n * The five shapes an application needs that are not the CRUD loop: documentation, the signed-in user's own\n * settings, user administration, a printable document, and help.\n *\n * They are in the set because leaving them out is what makes a template line feel thin. Every real\n * application grows all five, and the ones that were never designed are the ones that end up looking like\n * a different product.\n */\n\n/** Documentation: a table of contents beside prose. */\nexport const documentationTemplate: ScreenTemplate = {\n    name: 'Documentation',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.SidePanel }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.SidePanel]: [\n            widget('docs-toc', 'On this page', [\n                text('docs-toc-1', 'Getting started'),\n                text('docs-toc-2', 'Configuring the shell'),\n                text('docs-toc-3', 'Themes'),\n                text('docs-toc-4', 'Publishing a blueprint'),\n            ]),\n        ],\n        [TemplateSlotName.Body]: [\n            pageHeader('docs-header', 'Getting started', 'Everything you need to run the blueprint locally'),\n            card('docs-body', [\n                text('docs-intro', 'Install the blueprint, add it to a ui profile, and pick a layout. The shell reads its mode from the configurator and remembers it.'),\n                externalComponent('docs-note', 'message', { severity: 'info', text: 'The shell needs its stylesheet imported once, at the host.' }),\n            ]),\n        ],\n    },\n    displayName: 'Documentation',\n    description: 'Prose with a table of contents beside it.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Profile settings: the signed-in user editing their own account. */\nexport const profileSettingsTemplate: ScreenTemplate = {\n    name: 'ProfileSettings',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [pageHeader('profile-header', 'Your profile', 'How you appear to everyone else in the workspace')],\n        [TemplateSlotName.Body]: [\n            card('profile-identity', [\n                externalComponent('profile-avatar', 'avatar', { label: 'AN', size: 'large', shape: 'circle' }),\n                field('profile-name', 'Display name', 'inputText', { value: 'Amelia Nyquist' }),\n                field('profile-email', 'Email', 'inputText', { value: 'amelia@contoso.com' }),\n                externalComponent('profile-photo', 'image', { alt: 'Your current photo' }),\n                button('profile-photo-change', 'Change photo', { severity: 'secondary' }),\n            ]),\n            card('profile-security', [\n                field('profile-current', 'Current password', 'password', {}),\n                field('profile-new', 'New password', 'password', { feedback: true }),\n                field('profile-notify', 'Email me about mentions', 'checkbox', { checked: true }),\n            ]),\n        ],\n        [TemplateSlotName.Actions]: [formActions('profile-actions', 'Save changes')],\n    },\n    displayName: 'Profile settings',\n    description: 'The signed-in user editing their own name, photo, password and notifications.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** User management: administering everybody else. */\nexport const userManagementTemplate: ScreenTemplate = {\n    name: 'UserManagement',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Toolbar }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Toolbar]: [\n            pageHeader('users-header', 'Users', '34 people, 3 pending invitations', [button('users-invite', 'Invite people', { severity: 'primary', icon: 'pi pi-user-plus' })]),\n        ],\n        [TemplateSlotName.Body]: [\n            table(\n                'users-table',\n                [\n                    { field: 'name', header: 'Name' },\n                    { field: 'email', header: 'Email' },\n                    { field: 'role', header: 'Role' },\n                    { field: 'status', header: 'Status' },\n                    { field: 'lastSeen', header: 'Last seen' },\n                ],\n                [\n                    { name: 'Amelia Nyquist', email: 'amelia@contoso.com', role: 'Owner', status: 'Active', lastSeen: '2 minutes ago' },\n                    { name: 'Bjørn Holt', email: 'bjorn@contoso.com', role: 'Administrator', status: 'Active', lastSeen: 'Yesterday' },\n                    { name: 'Chidi Okafor', email: 'chidi@contoso.com', role: 'Editor', status: 'Active', lastSeen: '3 days ago' },\n                    { name: 'Dana Whitfield', email: 'dana@contoso.com', role: 'Viewer', status: 'Invited', lastSeen: 'Never' },\n                ],\n            ),\n        ],\n    },\n    displayName: 'User management',\n    description: 'The people table, with roles, status and an invitation action.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Invoice: a printable document, which is a different shape from a screen. */\nexport const invoiceTemplate: ScreenTemplate = {\n    name: 'Invoice',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [\n            pageHeader('invoice-header', 'Invoice INV-2043', 'Issued 4 March · Due 3 April', [button('invoice-print', 'Print', { severity: 'secondary', icon: 'pi pi-print' })]),\n        ],\n        [TemplateSlotName.Body]: [\n            card('invoice-parties', [\n                text('invoice-from', 'From: Contoso Ltd, 4 Chandler Street, Dublin'),\n                text('invoice-to', 'To: Northwind Traders, 18 Quay Road, Cork'),\n            ]),\n            table(\n                'invoice-lines',\n                [\n                    { field: 'description', header: 'Description' },\n                    { field: 'quantity', header: 'Quantity' },\n                    { field: 'unitPrice', header: 'Unit price' },\n                    { field: 'amount', header: 'Amount' },\n                ],\n                [\n                    { description: 'Bamboo Watch', quantity: 12, unitPrice: '$65.00', amount: '$780.00' },\n                    { description: 'Blue Band', quantity: 4, unitPrice: '$79.00', amount: '$316.00' },\n                    { description: 'Expedited shipping', quantity: 1, unitPrice: '$144.00', amount: '$144.00' },\n                ],\n            ),\n            card('invoice-total', [text('invoice-subtotal', 'Subtotal: $1,240.00'), text('invoice-vat', 'VAT (23%): $285.20'), text('invoice-due', 'Total due: $1,525.20')]),\n        ],\n        [TemplateSlotName.Actions]: [formActions('invoice-actions', 'Mark as paid', 'Send reminder')],\n    },\n    displayName: 'Invoice',\n    description: 'A printable document: parties, line items and totals.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Help: the answers, and a way to ask when they are not there. */\nexport const helpTemplate: ScreenTemplate = {\n    name: 'Help',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }],\n    content: {\n        [TemplateSlotName.Header]: [pageHeader('help-header', 'Help', 'Search the answers, or ask us directly')],\n        [TemplateSlotName.Body]: [\n            externalComponent('help-search', 'inputText', { placeholder: 'Search help', ariaLabel: 'Search help' }),\n            widget('help-popular', 'Popular answers', [\n                text('help-1', 'How do I invite someone to the workspace?'),\n                text('help-2', 'Why can I not see the sidebar on my phone?'),\n                text('help-3', 'How do I change the theme?'),\n            ]),\n        ],\n        [TemplateSlotName.SidePanel]: [\n            widget('help-contact', 'Still stuck?', [text('help-contact-text', 'We answer within one working day.'), button('help-contact-button', 'Contact support', { severity: 'primary' })]),\n        ],\n    },\n    displayName: 'Help',\n    description: 'Searchable answers with a route to a human.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** The five support templates. */\nexport const supportTemplates: ScreenTemplate[] = [documentationTemplate, profileSettingsTemplate, userManagementTemplate, invoiceTemplate, helpTemplate];\n"],"names":["documentationTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","SidePanel","Body","content","widget","text","pageHeader","card","externalComponent","severity","displayName","description","metadata","defaultBlueprintTemplateProvenance","profileSettingsTemplate","Header","Actions","label","size","shape","field","value","alt","button","feedback","checked","formActions","userManagementTemplate","Toolbar","icon","table","header","email","role","status","lastSeen","invoiceTemplate","quantity","unitPrice","amount","helpTemplate","placeholder","ariaLabel","supportTemplates"],"mappings":"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"}

package/dist/cjs/gallery/widgets.js

@@ -41,12 +41,20 @@ var elements = require('./elements.js');
         title
     });
 }
-/** A table with real columns and real rows, so a list template looks like a list. */ function table(id, columns, rows) {
+/**
+ * A table with real columns and real rows, so a list template looks like a list.
+ *
+ * The properties are the table's own vocabulary - `rows` for the records and `pageSize` to page them - so
+ * a host with the real table loaded shows the rows rather than an empty grid. `emptyMessage` is what the
+ * same table says once the rows are gone, which is how a preview shows a template's empty state.
+ */ function table(id, columns, rows, emptyMessage = 'Nothing to show yet') {
     return elements.externalComponent(id, 'dataTable', {
-        value: rows,
+        rows,
         dataKey: columns[0]?.field ?? 'id',
-        paginator: rows.length > 8,
-        rows: 8
+        emptyMessage,
+        ...rows.length > 8 ? {
+            pageSize: 8
+        } : {}
     }, {
         columns: columns.map((column)=>elements.externalComponent(`${id}-${column.field}`, 'column', {
                 field: column.field,
@@ -55,10 +63,16 @@ var elements = require('./elements.js');
             }))
     });
 }
-/** One labeled input in a form template. */ function field(id, label, componentName, properties = {}) {
+/**
+ * One labeled input in a form template. The visible label is a separate text element, so the input carries
+ * the same words as its accessible name - otherwise a screen reader announces an unnamed field.
+ */ function field(id, label, componentName, properties = {}) {
     return elements.panel(id, [
         elements.text(`${id}-label`, label),
-        elements.externalComponent(`${id}-input`, componentName, properties)
+        elements.externalComponent(`${id}-input`, componentName, {
+            ariaLabel: label,
+            ...properties
+        })
     ]);
 }
 /** A row of buttons closing a form. */ function formActions(id, confirmLabel, cancelLabel = 'Cancel') {

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

@@ -1 +1 @@
-{"version":3,"file":"widgets.js","sources":["../../../gallery/widgets.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 { button, card, externalComponent, panel, text } from './elements';\n\n/**\n * The repeated pieces the gallery's screen templates are built from.\n *\n * The gallery only earns its place if a preview shows something that looks like an application - a\n * dashboard with four stat cards over two columns of larger widgets, a list with real columns and real\n * rows. Seeded content that says \"Lorem ipsum\" proves the renderer runs and nothing else. These builders\n * are what keep twenty templates' worth of realistic content from becoming twenty pages of literals.\n */\n\n/** A screen's title, subtitle and actions - the furniture every template starts with. */\nexport function pageHeader(id: string, title: string, subtitle: string, actions: SceneElement[] = []): SceneElement {\n    return externalComponent(id, ComponentName.PageHeader, { title, subtitle }, { actions });\n}\n\n/**\n * One of the four figures across the top of a dashboard - the composition Sakai's dashboard opens with,\n * and the one every template in the line has copied since.\n */\nexport function statCard(id: string, label: string, value: string, delta: string, icon: string): SceneElement {\n    return card(id, [text(`${id}-label`, label), text(`${id}-value`, value), text(`${id}-delta`, delta)], { icon, variant: 'stat' });\n}\n\n/** A titled surface holding a widget's content. */\nexport function widget(id: string, title: string, content: SceneElement[]): SceneElement {\n    return card(id, [text(`${id}-title`, title), ...content], { title });\n}\n\n/** A table with real columns and real rows, so a list template looks like a list. */\nexport function table(id: string, columns: { field: string; header: string }[], rows: Record<string, unknown>[]): SceneElement {\n    return externalComponent(\n        id,\n        'dataTable',\n        { value: rows, dataKey: columns[0]?.field ?? 'id', paginator: rows.length > 8, rows: 8 },\n        { columns: columns.map(column => externalComponent(`${id}-${column.field}`, 'column', { field: column.field, header: column.header, sortable: true })) },\n    );\n}\n\n/** One labeled input in a form template. */\nexport function field(id: string, label: string, componentName: string, properties: Record<string, unknown> = {}): SceneElement {\n    return panel(id, [text(`${id}-label`, label), externalComponent(`${id}-input`, componentName, properties)]);\n}\n\n/** A row of buttons closing a form. */\nexport function formActions(id: string, confirmLabel: string, cancelLabel = 'Cancel'): SceneElement {\n    return panel(id, [button(`${id}-confirm`, confirmLabel, { severity: 'primary' }), button(`${id}-cancel`, cancelLabel, { severity: 'secondary' })]);\n}\n\n/** The empty state a list shows before anything exists - the designed one, never a build-time apology. */\nexport function emptyState(id: string, title: string, message: string, actionLabel: string): SceneElement {\n    return card(id, [\n        externalComponent(`${id}-icon`, 'image', { alt: title }),\n        text(`${id}-title`, title),\n        text(`${id}-message`, message),\n        button(`${id}-action`, actionLabel, { severity: 'primary' }),\n    ]);\n}\n"],"names":["pageHeader","id","title","subtitle","actions","externalComponent","ComponentName","PageHeader","statCard","label","value","delta","icon","card","text","variant","widget","content","table","columns","rows","dataKey","field","paginator","length","map","column","header","sortable","componentName","properties","panel","formActions","confirmLabel","cancelLabel","button","severity","emptyState","message","actionLabel","alt"],"mappings":"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"}
+{"version":3,"file":"widgets.js","sources":["../../../gallery/widgets.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 { button, card, externalComponent, panel, text } from './elements';\n\n/**\n * The repeated pieces the gallery's screen templates are built from.\n *\n * The gallery only earns its place if a preview shows something that looks like an application - a\n * dashboard with four stat cards over two columns of larger widgets, a list with real columns and real\n * rows. Seeded content that says \"Lorem ipsum\" proves the renderer runs and nothing else. These builders\n * are what keep twenty templates' worth of realistic content from becoming twenty pages of literals.\n */\n\n/** A screen's title, subtitle and actions - the furniture every template starts with. */\nexport function pageHeader(id: string, title: string, subtitle: string, actions: SceneElement[] = []): SceneElement {\n    return externalComponent(id, ComponentName.PageHeader, { title, subtitle }, { actions });\n}\n\n/**\n * One of the four figures across the top of a dashboard - the composition Sakai's dashboard opens with,\n * and the one every template in the line has copied since.\n */\nexport function statCard(id: string, label: string, value: string, delta: string, icon: string): SceneElement {\n    return card(id, [text(`${id}-label`, label), text(`${id}-value`, value), text(`${id}-delta`, delta)], { icon, variant: 'stat' });\n}\n\n/** A titled surface holding a widget's content. */\nexport function widget(id: string, title: string, content: SceneElement[]): SceneElement {\n    return card(id, [text(`${id}-title`, title), ...content], { title });\n}\n\n/**\n * A table with real columns and real rows, so a list template looks like a list.\n *\n * The properties are the table's own vocabulary - `rows` for the records and `pageSize` to page them - so\n * a host with the real table loaded shows the rows rather than an empty grid. `emptyMessage` is what the\n * same table says once the rows are gone, which is how a preview shows a template's empty state.\n */\nexport function table(id: string, columns: { field: string; header: string }[], rows: Record<string, unknown>[], emptyMessage = 'Nothing to show yet'): SceneElement {\n    return externalComponent(\n        id,\n        'dataTable',\n        { rows, dataKey: columns[0]?.field ?? 'id', emptyMessage, ...(rows.length > 8 ? { pageSize: 8 } : {}) },\n        { columns: columns.map(column => externalComponent(`${id}-${column.field}`, 'column', { field: column.field, header: column.header, sortable: true })) },\n    );\n}\n\n/**\n * One labeled input in a form template. The visible label is a separate text element, so the input carries\n * the same words as its accessible name - otherwise a screen reader announces an unnamed field.\n */\nexport function field(id: string, label: string, componentName: string, properties: Record<string, unknown> = {}): SceneElement {\n    return panel(id, [text(`${id}-label`, label), externalComponent(`${id}-input`, componentName, { ariaLabel: label, ...properties })]);\n}\n\n/** A row of buttons closing a form. */\nexport function formActions(id: string, confirmLabel: string, cancelLabel = 'Cancel'): SceneElement {\n    return panel(id, [button(`${id}-confirm`, confirmLabel, { severity: 'primary' }), button(`${id}-cancel`, cancelLabel, { severity: 'secondary' })]);\n}\n\n/** The empty state a list shows before anything exists - the designed one, never a build-time apology. */\nexport function emptyState(id: string, title: string, message: string, actionLabel: string): SceneElement {\n    return card(id, [\n        externalComponent(`${id}-icon`, 'image', { alt: title }),\n        text(`${id}-title`, title),\n        text(`${id}-message`, message),\n        button(`${id}-action`, actionLabel, { severity: 'primary' }),\n    ]);\n}\n"],"names":["pageHeader","id","title","subtitle","actions","externalComponent","ComponentName","PageHeader","statCard","label","value","delta","icon","card","text","variant","widget","content","table","columns","rows","emptyMessage","dataKey","field","length","pageSize","map","column","header","sortable","componentName","properties","panel","ariaLabel","formActions","confirmLabel","cancelLabel","button","severity","emptyState","message","actionLabel","alt"],"mappings":"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"}

package/dist/cjs/gallery/workspaceTemplates.js

@@ -9,12 +9,13 @@ 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.
 /**
- * The five workhorse shapes inside an application shell: a dashboard, a list, a detail, a form and the
- * designed empty state.
+ * The six workhorse shapes inside an application shell: a dashboard, a list, master/detail, a detail, a
+ * form and the designed empty state.
  *
  * Every one fits the layout's `content` slot, and every one carries realistic seeded content rather than
  * placeholder text. A gallery whose dashboard shows four boxes labeled "Card" proves the renderer runs; a
@@ -168,7 +169,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Dashboard',
-    description: 'Four stat cards over two columns of widgets - the composition every template line opens with.'
+    description: 'Four stat cards over two columns of widgets - the composition every template line opens with.',
+    metadata: {
+        ...templateProvenance.sakaiCompositionProvenance
+    }
 };
 /** The list: a filter toolbar, a real table, and the row actions a list needs. */ const crudListTemplate = {
     name: 'CrudList',
@@ -194,7 +198,8 @@ var widgets = require('./widgets.js');
                 })
             ]),
             elements.externalComponent('crud-search', 'inputText', {
-                placeholder: 'Search products'
+                placeholder: 'Search products',
+                ariaLabel: 'Search products'
             })
         ],
         [TemplateSlotName.TemplateSlotName.Body]: [
@@ -259,7 +264,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'List',
-    description: 'A searchable table with a header, primary action and row data.'
+    description: 'A searchable table with a header, primary action and row data.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** The detail: a summary panel beside the record's own sections. */ const detailViewTemplate = {
     name: 'DetailView',
@@ -310,7 +318,120 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Detail',
-    description: 'One record: a header with actions, its sections, and a summary panel.'
+    description: 'One record: a header with actions, its sections, and a summary panel.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
+};
+/**
+ * Master/detail: the list and the selected record side by side, so working through records does not mean
+ * leaving the list. The detail region is an outlet that accepts detail screens, which is what lets a row's
+ * destination open a full detail screen in place.
+ *
+ * At a compact width the two stack, list first, because side-by-side on a phone is two unreadable halves.
+ */ const masterDetailTemplate = {
+    name: 'MasterDetail',
+    fitsSlot: SlotName.SlotName.Content,
+    slots: [
+        {
+            name: TemplateSlotName.TemplateSlotName.Header
+        },
+        {
+            name: TemplateSlotName.TemplateSlotName.Primary
+        },
+        {
+            name: TemplateSlotName.TemplateSlotName.SidePanel
+        }
+    ],
+    outlets: [
+        {
+            name: 'master-detail.detail',
+            description: 'The selected record.',
+            accepts: [
+                'Detail'
+            ]
+        }
+    ],
+    arrangement: {
+        root: flowBuilders.column([
+            flowBuilders.slotLeaf(TemplateSlotName.TemplateSlotName.Header),
+            flowBuilders.grid([
+                flowBuilders.slotLeaf(TemplateSlotName.TemplateSlotName.Primary),
+                flowBuilders.slotLeaf(TemplateSlotName.TemplateSlotName.SidePanel)
+            ], 2, 16)
+        ], 16),
+        overrides: [
+            {
+                width: scene_model.WidthSizeClass.Compact,
+                root: flowBuilders.column([
+                    flowBuilders.slotLeaf(TemplateSlotName.TemplateSlotName.Header),
+                    flowBuilders.slotLeaf(TemplateSlotName.TemplateSlotName.Primary),
+                    flowBuilders.slotLeaf(TemplateSlotName.TemplateSlotName.SidePanel)
+                ], 16)
+            }
+        ]
+    },
+    content: {
+        [TemplateSlotName.TemplateSlotName.Header]: [
+            widgets.pageHeader('master-header', 'Customers', '1,204 customers, 38 with overdue invoices')
+        ],
+        [TemplateSlotName.TemplateSlotName.Primary]: [
+            widgets.table('customers-table', [
+                {
+                    field: 'name',
+                    header: 'Customer'
+                },
+                {
+                    field: 'city',
+                    header: 'City'
+                },
+                {
+                    field: 'balance',
+                    header: 'Balance'
+                }
+            ], [
+                {
+                    name: 'Northwind Traders',
+                    city: 'Seattle',
+                    balance: '$4,200.00'
+                },
+                {
+                    name: 'Contoso Ltd',
+                    city: 'Oslo',
+                    balance: '$0.00'
+                },
+                {
+                    name: 'Fabrikam',
+                    city: 'Lyon',
+                    balance: '$12,940.50'
+                },
+                {
+                    name: 'Adventure Works',
+                    city: 'Denver',
+                    balance: '$318.20'
+                }
+            ], 'No customers match the search')
+        ],
+        [TemplateSlotName.TemplateSlotName.SidePanel]: [
+            widgets.widget('customer-detail', 'Northwind Traders', [
+                elements.text('customer-contact', 'Contact: Amelia Nyquist'),
+                elements.text('customer-terms', 'Payment terms: 30 days'),
+                elements.externalComponent('customer-status', 'tag', {
+                    value: 'Overdue',
+                    severity: 'warning'
+                }),
+                elements.button('customer-open', 'Open customer', {
+                    severity: 'primary'
+                })
+            ])
+        ]
+    },
+    displayName: 'Master/detail',
+    description: 'A list beside the selected record, stacking on narrow screens.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance,
+        type: 'Workspace'
+    }
 };
 /** The form: fields, grouped, with the actions that close them. */ const formPageTemplate = {
     name: 'FormPage',
@@ -360,7 +481,10 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Form',
-    description: 'A grouped form with the field types an application actually uses.'
+    description: 'A grouped form with the field types an application actually uses.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** The empty state: what a list looks like before anything exists, designed rather than apologized for. */ const emptyTemplate = {
     name: 'Empty',
@@ -376,11 +500,15 @@ var widgets = require('./widgets.js');
         ]
     },
     displayName: 'Empty state',
-    description: 'The designed empty state for a list that has nothing in it yet.'
+    description: 'The designed empty state for a list that has nothing in it yet.',
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 /** The five workspace templates. */ const workspaceTemplates = [
     dashboardTemplate,
     crudListTemplate,
+    masterDetailTemplate,
     detailViewTemplate,
     formPageTemplate,
     emptyTemplate
@@ -391,5 +519,6 @@ exports.dashboardTemplate = dashboardTemplate;
 exports.detailViewTemplate = detailViewTemplate;
 exports.emptyTemplate = emptyTemplate;
 exports.formPageTemplate = formPageTemplate;
+exports.masterDetailTemplate = masterDetailTemplate;
 exports.workspaceTemplates = workspaceTemplates;
 //# sourceMappingURL=workspaceTemplates.js.map