@cratis/scene.blueprint.default 0.1.0

package/dist/esm/gallery/statusTemplates.js

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

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

@@ -0,0 +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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"}

package/dist/esm/gallery/supportTemplates.d.ts

@@ -0,0 +1,8 @@
+import { ScreenTemplate } from '@cratis/scene.model';
+export declare const documentationTemplate: ScreenTemplate;
+export declare const profileSettingsTemplate: ScreenTemplate;
+export declare const userManagementTemplate: ScreenTemplate;
+export declare const invoiceTemplate: ScreenTemplate;
+export declare const helpTemplate: ScreenTemplate;
+export declare const supportTemplates: ScreenTemplate[];
+//# sourceMappingURL=supportTemplates.d.ts.map

package/dist/esm/gallery/supportTemplates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"supportTemplates.d.ts","sourceRoot":"","sources":["../../../gallery/supportTemplates.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAgBrD,eAAO,MAAM,qBAAqB,EAAE,cAuBnC,CAAC;AAGF,eAAO,MAAM,uBAAuB,EAAE,cAwBrC,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,cA6BpC,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,cAiC7B,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,cAoB1B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,cAAc,EAA4G,CAAC"}

package/dist/esm/gallery/supportTemplates.js

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

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

@@ -0,0 +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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"}

package/dist/esm/gallery/widgets.d.ts

@@ -0,0 +1,12 @@
+import { SceneElement } from '@cratis/scene.model';
+export declare function pageHeader(id: string, title: string, subtitle: string, actions?: SceneElement[]): SceneElement;
+export declare function statCard(id: string, label: string, value: string, delta: string, icon: string): SceneElement;
+export declare function widget(id: string, title: string, content: SceneElement[]): SceneElement;
+export declare function table(id: string, columns: {
+    field: string;
+    header: string;
+}[], rows: Record<string, unknown>[]): SceneElement;
+export declare function field(id: string, label: string, componentName: string, properties?: Record<string, unknown>): SceneElement;
+export declare function formActions(id: string, confirmLabel: string, cancelLabel?: string): SceneElement;
+export declare function emptyState(id: string, title: string, message: string, actionLabel: string): SceneElement;
+//# sourceMappingURL=widgets.d.ts.map

package/dist/esm/gallery/widgets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgets.d.ts","sourceRoot":"","sources":["../../../gallery/widgets.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAcnD,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAE,YAAY,EAAO,GAAG,YAAY,CAElH;AAMD,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,YAAY,CAE5G;AAGD,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,YAAY,CAEvF;AAGD,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,YAAY,CAO7H;AAGD,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GAAG,YAAY,CAE9H;AAGD,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,SAAW,GAAG,YAAY,CAElG;AAGD,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,YAAY,CAOxG"}