@cratis/scene.blueprint.default 0.1.0

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

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

package/dist/cjs/gallery/workspaceTemplates.js

@@ -0,0 +1,395 @@
+'use strict';
+
+var scene_model = require('@cratis/scene.model');
+var SlotName = require('../layouts/SlotName.js');
+var flowBuilders = require('../layouts/flowBuilders.js');
+require('../layouts/shellComponents.js');
+require('../layouts/appShell.js');
+require('../layouts/fullPage.js');
+var TemplateSlotName = require('./TemplateSlotName.js');
+var elements = require('./elements.js');
+var widgets = require('./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 workhorse shapes inside an application shell: a dashboard, a list, 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
+ * gallery whose dashboard shows revenue, orders, customers and a real table proves the blueprint is worth
+ * starting an application from.
+ */ /**
+ * The dashboard: four figures across the top, then two columns of larger widgets.
+ *
+ * This is Sakai's composition, and the reason to copy it is that it is the arrangement people already read
+ * fluently - the eye takes the row of numbers first and then settles into the detail.
+ *
+ * Its own arrangement collapses the two columns into one at a compact width, because a two-column widget
+ * grid on a phone is two columns of unreadable slivers.
+ */ const dashboardTemplate = {
+    name: 'Dashboard',
+    fitsSlot: SlotName.SlotName.Content,
+    slots: [
+        {
+            name: TemplateSlotName.TemplateSlotName.Stats
+        },
+        {
+            name: TemplateSlotName.TemplateSlotName.Primary
+        },
+        {
+            name: TemplateSlotName.TemplateSlotName.Secondary
+        }
+    ],
+    arrangement: {
+        root: flowBuilders.column([
+            flowBuilders.slotLeaf(TemplateSlotName.TemplateSlotName.Stats),
+            flowBuilders.grid([
+                flowBuilders.slotLeaf(TemplateSlotName.TemplateSlotName.Primary, {
+                    span: 2
+                }),
+                flowBuilders.slotLeaf(TemplateSlotName.TemplateSlotName.Secondary)
+            ], 3, 16)
+        ]),
+        overrides: [
+            {
+                width: scene_model.WidthSizeClass.Compact,
+                root: flowBuilders.column([
+                    flowBuilders.slotLeaf(TemplateSlotName.TemplateSlotName.Stats),
+                    flowBuilders.slotLeaf(TemplateSlotName.TemplateSlotName.Primary),
+                    flowBuilders.slotLeaf(TemplateSlotName.TemplateSlotName.Secondary)
+                ], 16)
+            }
+        ]
+    },
+    content: {
+        [TemplateSlotName.TemplateSlotName.Stats]: [
+            widgets.statCard('stat-revenue', 'Revenue', '$284,120', '+12.4% this month', 'pi pi-dollar'),
+            widgets.statCard('stat-orders', 'Orders', '1,842', '+3.1% this month', 'pi pi-shopping-cart'),
+            widgets.statCard('stat-customers', 'Customers', '9,410', '+128 new', 'pi pi-users'),
+            widgets.statCard('stat-open', 'Open tickets', '17', '-4 since Monday', 'pi pi-inbox')
+        ],
+        [TemplateSlotName.TemplateSlotName.Primary]: [
+            widgets.widget('widget-revenue', 'Revenue over time', [
+                widgets.table('revenue-table', [
+                    {
+                        field: 'month',
+                        header: 'Month'
+                    },
+                    {
+                        field: 'revenue',
+                        header: 'Revenue'
+                    },
+                    {
+                        field: 'change',
+                        header: 'Change'
+                    }
+                ], [
+                    {
+                        month: 'March',
+                        revenue: '$284,120',
+                        change: '+12.4%'
+                    },
+                    {
+                        month: 'February',
+                        revenue: '$252,780',
+                        change: '+4.1%'
+                    },
+                    {
+                        month: 'January',
+                        revenue: '$242,830',
+                        change: '-1.8%'
+                    },
+                    {
+                        month: 'December',
+                        revenue: '$247,290',
+                        change: '+9.6%'
+                    }
+                ])
+            ]),
+            widgets.widget('widget-orders', 'Recent orders', [
+                widgets.table('orders-table', [
+                    {
+                        field: 'reference',
+                        header: 'Reference'
+                    },
+                    {
+                        field: 'customer',
+                        header: 'Customer'
+                    },
+                    {
+                        field: 'total',
+                        header: 'Total'
+                    },
+                    {
+                        field: 'status',
+                        header: 'Status'
+                    }
+                ], [
+                    {
+                        reference: 'ORD-4192',
+                        customer: 'Northwind Traders',
+                        total: '$1,240.00',
+                        status: 'Shipped'
+                    },
+                    {
+                        reference: 'ORD-4191',
+                        customer: 'Contoso Ltd',
+                        total: '$318.50',
+                        status: 'Packing'
+                    },
+                    {
+                        reference: 'ORD-4188',
+                        customer: 'Fabrikam',
+                        total: '$2,980.00',
+                        status: 'Awaiting payment'
+                    },
+                    {
+                        reference: 'ORD-4184',
+                        customer: 'Adventure Works',
+                        total: '$76.20',
+                        status: 'Shipped'
+                    }
+                ])
+            ])
+        ],
+        [TemplateSlotName.TemplateSlotName.Secondary]: [
+            widgets.widget('widget-activity', 'Activity', [
+                elements.externalComponent('activity-timeline', 'timeline', {
+                    align: 'left'
+                })
+            ]),
+            widgets.widget('widget-capacity', 'Warehouse capacity', [
+                elements.externalComponent('capacity-bar', 'progressBar', {
+                    value: 68
+                })
+            ])
+        ]
+    },
+    displayName: 'Dashboard',
+    description: 'Four stat cards over two columns of widgets - the composition every template line opens with.'
+};
+/** The list: a filter toolbar, a real table, and the row actions a list needs. */ const crudListTemplate = {
+    name: 'CrudList',
+    fitsSlot: SlotName.SlotName.Content,
+    slots: [
+        {
+            name: TemplateSlotName.TemplateSlotName.Toolbar
+        },
+        {
+            name: TemplateSlotName.TemplateSlotName.Body
+        }
+    ],
+    content: {
+        [TemplateSlotName.TemplateSlotName.Toolbar]: [
+            widgets.pageHeader('crud-header', 'Products', '412 products across 9 categories', [
+                elements.button('crud-new', 'New product', {
+                    severity: 'primary',
+                    icon: 'pi pi-plus'
+                }),
+                elements.button('crud-import', 'Import', {
+                    severity: 'secondary',
+                    icon: 'pi pi-upload'
+                })
+            ]),
+            elements.externalComponent('crud-search', 'inputText', {
+                placeholder: 'Search products'
+            })
+        ],
+        [TemplateSlotName.TemplateSlotName.Body]: [
+            widgets.table('products-table', [
+                {
+                    field: 'code',
+                    header: 'Code'
+                },
+                {
+                    field: 'name',
+                    header: 'Name'
+                },
+                {
+                    field: 'category',
+                    header: 'Category'
+                },
+                {
+                    field: 'price',
+                    header: 'Price'
+                },
+                {
+                    field: 'stock',
+                    header: 'In stock'
+                }
+            ], [
+                {
+                    code: 'P-1001',
+                    name: 'Bamboo Watch',
+                    category: 'Accessories',
+                    price: '$65.00',
+                    stock: 24
+                },
+                {
+                    code: 'P-1002',
+                    name: 'Black Watch',
+                    category: 'Accessories',
+                    price: '$72.00',
+                    stock: 61
+                },
+                {
+                    code: 'P-1003',
+                    name: 'Blue Band',
+                    category: 'Fitness',
+                    price: '$79.00',
+                    stock: 2
+                },
+                {
+                    code: 'P-1004',
+                    name: 'Blue T-Shirt',
+                    category: 'Clothing',
+                    price: '$29.00',
+                    stock: 25
+                },
+                {
+                    code: 'P-1005',
+                    name: 'Bracelet',
+                    category: 'Accessories',
+                    price: '$15.00',
+                    stock: 73
+                }
+            ])
+        ]
+    },
+    displayName: 'List',
+    description: 'A searchable table with a header, primary action and row data.'
+};
+/** The detail: a summary panel beside the record's own sections. */ const detailViewTemplate = {
+    name: 'DetailView',
+    fitsSlot: SlotName.SlotName.Content,
+    slots: [
+        {
+            name: TemplateSlotName.TemplateSlotName.Header
+        },
+        {
+            name: TemplateSlotName.TemplateSlotName.Body
+        },
+        {
+            name: TemplateSlotName.TemplateSlotName.SidePanel
+        }
+    ],
+    content: {
+        [TemplateSlotName.TemplateSlotName.Header]: [
+            widgets.pageHeader('detail-header', 'Bamboo Watch', 'P-1001 · Accessories', [
+                elements.button('detail-edit', 'Edit', {
+                    severity: 'primary',
+                    icon: 'pi pi-pencil'
+                }),
+                elements.button('detail-archive', 'Archive', {
+                    severity: 'secondary',
+                    icon: 'pi pi-inbox'
+                })
+            ])
+        ],
+        [TemplateSlotName.TemplateSlotName.Body]: [
+            widgets.widget('detail-description', 'Description', [
+                elements.text('detail-description-text', 'A bamboo-cased watch with a sapphire face and a recycled steel strap.')
+            ]),
+            widgets.widget('detail-history', 'Price history', [
+                elements.externalComponent('detail-history-timeline', 'timeline', {
+                    align: 'left'
+                })
+            ])
+        ],
+        [TemplateSlotName.TemplateSlotName.SidePanel]: [
+            widgets.widget('detail-summary', 'Summary', [
+                elements.text('detail-stock', 'In stock: 24'),
+                elements.text('detail-reserved', 'Reserved: 3'),
+                elements.externalComponent('detail-status', 'tag', {
+                    value: 'Active',
+                    severity: 'success'
+                })
+            ])
+        ]
+    },
+    displayName: 'Detail',
+    description: 'One record: a header with actions, its sections, and a summary panel.'
+};
+/** The form: fields, grouped, with the actions that close them. */ const formPageTemplate = {
+    name: 'FormPage',
+    fitsSlot: SlotName.SlotName.Content,
+    slots: [
+        {
+            name: TemplateSlotName.TemplateSlotName.Header
+        },
+        {
+            name: TemplateSlotName.TemplateSlotName.Body
+        },
+        {
+            name: TemplateSlotName.TemplateSlotName.Actions
+        }
+    ],
+    content: {
+        [TemplateSlotName.TemplateSlotName.Header]: [
+            widgets.pageHeader('form-header', 'New product', 'Everything marked with an asterisk is required')
+        ],
+        [TemplateSlotName.TemplateSlotName.Body]: [
+            elements.card('form-card', [
+                widgets.field('form-name', 'Name', 'inputText', {
+                    placeholder: 'Bamboo Watch'
+                }),
+                widgets.field('form-code', 'Code', 'inputText', {
+                    placeholder: 'P-1001'
+                }),
+                widgets.field('form-category', 'Category', 'dropdown', {
+                    options: [
+                        'Accessories',
+                        'Clothing',
+                        'Fitness'
+                    ]
+                }),
+                widgets.field('form-price', 'Price', 'inputNumber', {
+                    mode: 'currency',
+                    currency: 'USD'
+                }),
+                widgets.field('form-available', 'Available from', 'calendar', {}),
+                widgets.field('form-notes', 'Notes', 'inputTextarea', {
+                    rows: 4
+                })
+            ])
+        ],
+        [TemplateSlotName.TemplateSlotName.Actions]: [
+            widgets.formActions('form-actions', 'Create product')
+        ]
+    },
+    displayName: 'Form',
+    description: 'A grouped form with the field types an application actually uses.'
+};
+/** The empty state: what a list looks like before anything exists, designed rather than apologized for. */ const emptyTemplate = {
+    name: 'Empty',
+    fitsSlot: SlotName.SlotName.Content,
+    slots: [
+        {
+            name: TemplateSlotName.TemplateSlotName.Body
+        }
+    ],
+    content: {
+        [TemplateSlotName.TemplateSlotName.Body]: [
+            widgets.emptyState('empty-state', 'No products yet', 'Products you create will show up here, with their stock and pricing.', 'Create the first product')
+        ]
+    },
+    displayName: 'Empty state',
+    description: 'The designed empty state for a list that has nothing in it yet.'
+};
+/** The five workspace templates. */ const workspaceTemplates = [
+    dashboardTemplate,
+    crudListTemplate,
+    detailViewTemplate,
+    formPageTemplate,
+    emptyTemplate
+];
+
+exports.crudListTemplate = crudListTemplate;
+exports.dashboardTemplate = dashboardTemplate;
+exports.detailViewTemplate = detailViewTemplate;
+exports.emptyTemplate = emptyTemplate;
+exports.formPageTemplate = formPageTemplate;
+exports.workspaceTemplates = workspaceTemplates;
+//# sourceMappingURL=workspaceTemplates.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspaceTemplates.js","sources":["../../../gallery/workspaceTemplates.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, WidthSizeClass } from '@cratis/scene.model';\nimport { SlotName, column, grid, slotLeaf } from '../layouts';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, text } from './elements';\nimport { emptyState, field, formActions, pageHeader, statCard, table, widget } from './widgets';\n\n/**\n * The five workhorse shapes inside an application shell: a dashboard, a list, a detail, a form and the\n * designed empty state.\n *\n * Every one fits the layout's `content` slot, and every one carries realistic seeded content rather than\n * placeholder text. A gallery whose dashboard shows four boxes labeled \"Card\" proves the renderer runs; a\n * gallery whose dashboard shows revenue, orders, customers and a real table proves the blueprint is worth\n * starting an application from.\n */\n\n/**\n * The dashboard: four figures across the top, then two columns of larger widgets.\n *\n * This is Sakai's composition, and the reason to copy it is that it is the arrangement people already read\n * fluently - the eye takes the row of numbers first and then settles into the detail.\n *\n * Its own arrangement collapses the two columns into one at a compact width, because a two-column widget\n * grid on a phone is two columns of unreadable slivers.\n */\nexport const dashboardTemplate: ScreenTemplate = {\n    name: 'Dashboard',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Stats }, { name: TemplateSlotName.Primary }, { name: TemplateSlotName.Secondary }],\n    arrangement: {\n        root: column([slotLeaf(TemplateSlotName.Stats), grid([slotLeaf(TemplateSlotName.Primary, { span: 2 }), slotLeaf(TemplateSlotName.Secondary)], 3, 16)]),\n        overrides: [\n            {\n                width: WidthSizeClass.Compact,\n                root: column([slotLeaf(TemplateSlotName.Stats), slotLeaf(TemplateSlotName.Primary), slotLeaf(TemplateSlotName.Secondary)], 16),\n            },\n        ],\n    },\n    content: {\n        [TemplateSlotName.Stats]: [\n            statCard('stat-revenue', 'Revenue', '$284,120', '+12.4% this month', 'pi pi-dollar'),\n            statCard('stat-orders', 'Orders', '1,842', '+3.1% this month', 'pi pi-shopping-cart'),\n            statCard('stat-customers', 'Customers', '9,410', '+128 new', 'pi pi-users'),\n            statCard('stat-open', 'Open tickets', '17', '-4 since Monday', 'pi pi-inbox'),\n        ],\n        [TemplateSlotName.Primary]: [\n            widget('widget-revenue', 'Revenue over time', [\n                table(\n                    'revenue-table',\n                    [\n                        { field: 'month', header: 'Month' },\n                        { field: 'revenue', header: 'Revenue' },\n                        { field: 'change', header: 'Change' },\n                    ],\n                    [\n                        { month: 'March', revenue: '$284,120', change: '+12.4%' },\n                        { month: 'February', revenue: '$252,780', change: '+4.1%' },\n                        { month: 'January', revenue: '$242,830', change: '-1.8%' },\n                        { month: 'December', revenue: '$247,290', change: '+9.6%' },\n                    ],\n                ),\n            ]),\n            widget('widget-orders', 'Recent orders', [\n                table(\n                    'orders-table',\n                    [\n                        { field: 'reference', header: 'Reference' },\n                        { field: 'customer', header: 'Customer' },\n                        { field: 'total', header: 'Total' },\n                        { field: 'status', header: 'Status' },\n                    ],\n                    [\n                        { reference: 'ORD-4192', customer: 'Northwind Traders', total: '$1,240.00', status: 'Shipped' },\n                        { reference: 'ORD-4191', customer: 'Contoso Ltd', total: '$318.50', status: 'Packing' },\n                        { reference: 'ORD-4188', customer: 'Fabrikam', total: '$2,980.00', status: 'Awaiting payment' },\n                        { reference: 'ORD-4184', customer: 'Adventure Works', total: '$76.20', status: 'Shipped' },\n                    ],\n                ),\n            ]),\n        ],\n        [TemplateSlotName.Secondary]: [\n            widget('widget-activity', 'Activity', [externalComponent('activity-timeline', 'timeline', { align: 'left' })]),\n            widget('widget-capacity', 'Warehouse capacity', [externalComponent('capacity-bar', 'progressBar', { value: 68 })]),\n        ],\n    },\n    displayName: 'Dashboard',\n    description: 'Four stat cards over two columns of widgets - the composition every template line opens with.',\n};\n\n/** The list: a filter toolbar, a real table, and the row actions a list needs. */\nexport const crudListTemplate: ScreenTemplate = {\n    name: 'CrudList',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Toolbar }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Toolbar]: [\n            pageHeader('crud-header', 'Products', '412 products across 9 categories', [\n                button('crud-new', 'New product', { severity: 'primary', icon: 'pi pi-plus' }),\n                button('crud-import', 'Import', { severity: 'secondary', icon: 'pi pi-upload' }),\n            ]),\n            externalComponent('crud-search', 'inputText', { placeholder: 'Search products' }),\n        ],\n        [TemplateSlotName.Body]: [\n            table(\n                'products-table',\n                [\n                    { field: 'code', header: 'Code' },\n                    { field: 'name', header: 'Name' },\n                    { field: 'category', header: 'Category' },\n                    { field: 'price', header: 'Price' },\n                    { field: 'stock', header: 'In stock' },\n                ],\n                [\n                    { code: 'P-1001', name: 'Bamboo Watch', category: 'Accessories', price: '$65.00', stock: 24 },\n                    { code: 'P-1002', name: 'Black Watch', category: 'Accessories', price: '$72.00', stock: 61 },\n                    { code: 'P-1003', name: 'Blue Band', category: 'Fitness', price: '$79.00', stock: 2 },\n                    { code: 'P-1004', name: 'Blue T-Shirt', category: 'Clothing', price: '$29.00', stock: 25 },\n                    { code: 'P-1005', name: 'Bracelet', category: 'Accessories', price: '$15.00', stock: 73 },\n                ],\n            ),\n        ],\n    },\n    displayName: 'List',\n    description: 'A searchable table with a header, primary action and row data.',\n};\n\n/** The detail: a summary panel beside the record's own sections. */\nexport const detailViewTemplate: ScreenTemplate = {\n    name: 'DetailView',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }],\n    content: {\n        [TemplateSlotName.Header]: [\n            pageHeader('detail-header', 'Bamboo Watch', 'P-1001 · Accessories', [\n                button('detail-edit', 'Edit', { severity: 'primary', icon: 'pi pi-pencil' }),\n                button('detail-archive', 'Archive', { severity: 'secondary', icon: 'pi pi-inbox' }),\n            ]),\n        ],\n        [TemplateSlotName.Body]: [\n            widget('detail-description', 'Description', [\n                text('detail-description-text', 'A bamboo-cased watch with a sapphire face and a recycled steel strap.'),\n            ]),\n            widget('detail-history', 'Price history', [externalComponent('detail-history-timeline', 'timeline', { align: 'left' })]),\n        ],\n        [TemplateSlotName.SidePanel]: [\n            widget('detail-summary', 'Summary', [\n                text('detail-stock', 'In stock: 24'),\n                text('detail-reserved', 'Reserved: 3'),\n                externalComponent('detail-status', 'tag', { value: 'Active', severity: 'success' }),\n            ]),\n        ],\n    },\n    displayName: 'Detail',\n    description: 'One record: a header with actions, its sections, and a summary panel.',\n};\n\n/** The form: fields, grouped, with the actions that close them. */\nexport const formPageTemplate: ScreenTemplate = {\n    name: 'FormPage',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [pageHeader('form-header', 'New product', 'Everything marked with an asterisk is required')],\n        [TemplateSlotName.Body]: [\n            card('form-card', [\n                field('form-name', 'Name', 'inputText', { placeholder: 'Bamboo Watch' }),\n                field('form-code', 'Code', 'inputText', { placeholder: 'P-1001' }),\n                field('form-category', 'Category', 'dropdown', { options: ['Accessories', 'Clothing', 'Fitness'] }),\n                field('form-price', 'Price', 'inputNumber', { mode: 'currency', currency: 'USD' }),\n                field('form-available', 'Available from', 'calendar', {}),\n                field('form-notes', 'Notes', 'inputTextarea', { rows: 4 }),\n            ]),\n        ],\n        [TemplateSlotName.Actions]: [formActions('form-actions', 'Create product')],\n    },\n    displayName: 'Form',\n    description: 'A grouped form with the field types an application actually uses.',\n};\n\n/** The empty state: what a list looks like before anything exists, designed rather than apologized for. */\nexport const emptyTemplate: ScreenTemplate = {\n    name: 'Empty',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Body]: [\n            emptyState('empty-state', 'No products yet', 'Products you create will show up here, with their stock and pricing.', 'Create the first product'),\n        ],\n    },\n    displayName: 'Empty state',\n    description: 'The designed empty state for a list that has nothing in it yet.',\n};\n\n/** The five workspace templates. */\nexport const workspaceTemplates: ScreenTemplate[] = [dashboardTemplate, crudListTemplate, detailViewTemplate, formPageTemplate, emptyTemplate];\n"],"names":["dashboardTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","Stats","Primary","Secondary","arrangement","root","column","slotLeaf","grid","span","overrides","width","WidthSizeClass","Compact","content","statCard","widget","table","field","header","month","revenue","change","reference","customer","total","status","externalComponent","align","value","displayName","description","crudListTemplate","Toolbar","Body","pageHeader","button","severity","icon","placeholder","code","category","price","stock","detailViewTemplate","Header","SidePanel","text","formPageTemplate","Actions","card","options","mode","currency","rows","formActions","emptyTemplate","emptyState","workspaceTemplates"],"mappings":"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"}