@cratis/scene.blueprint.default 4.13.0 → 4.15.0

package/dist/cjs/gallery/workspaceTemplates.js

@@ -14,8 +14,8 @@ 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
@@ -198,7 +198,8 @@ var templateProvenance = require('../templateProvenance.js');
                 })
             ]),
             elements.externalComponent('crud-search', 'inputText', {
-                placeholder: 'Search products'
+                placeholder: 'Search products',
+                ariaLabel: 'Search products'
             })
         ],
         [TemplateSlotName.TemplateSlotName.Body]: [
@@ -322,6 +323,116 @@ var templateProvenance = require('../templateProvenance.js');
         ...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',
     fitsSlot: SlotName.SlotName.Content,
@@ -397,6 +508,7 @@ var templateProvenance = require('../templateProvenance.js');
 /** The five workspace templates. */ const workspaceTemplates = [
     dashboardTemplate,
     crudListTemplate,
+    masterDetailTemplate,
     detailViewTemplate,
     formPageTemplate,
     emptyTemplate
@@ -407,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

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

@@ -1 +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';\nimport { defaultBlueprintTemplateProvenance, sakaiCompositionProvenance } from '../templateProvenance';\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    metadata: { ...sakaiCompositionProvenance },\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    metadata: { ...defaultBlueprintTemplateProvenance },\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    metadata: { ...defaultBlueprintTemplateProvenance },\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    metadata: { ...defaultBlueprintTemplateProvenance },\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    metadata: { ...defaultBlueprintTemplateProvenance },\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","metadata","sakaiCompositionProvenance","crudListTemplate","Toolbar","Body","pageHeader","button","severity","icon","placeholder","code","category","price","stock","defaultBlueprintTemplateProvenance","detailViewTemplate","Header","SidePanel","text","formPageTemplate","Actions","card","options","mode","currency","rows","formActions","emptyTemplate","emptyState","workspaceTemplates"],"mappings":"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"}
+{"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';\nimport { defaultBlueprintTemplateProvenance, sakaiCompositionProvenance } from '../templateProvenance';\n\n/**\n * The six workhorse shapes inside an application shell: a dashboard, a list, master/detail, a detail, a\n * form and the 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    metadata: { ...sakaiCompositionProvenance },\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', ariaLabel: '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    metadata: { ...defaultBlueprintTemplateProvenance },\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    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/**\n * Master/detail: the list and the selected record side by side, so working through records does not mean\n * leaving the list. The detail region is an outlet that accepts detail screens, which is what lets a row's\n * destination open a full detail screen in place.\n *\n * At a compact width the two stack, list first, because side-by-side on a phone is two unreadable halves.\n */\nexport const masterDetailTemplate: ScreenTemplate = {\n    name: 'MasterDetail',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Primary }, { name: TemplateSlotName.SidePanel }],\n    outlets: [{ name: 'master-detail.detail', description: 'The selected record.', accepts: ['Detail'] }],\n    arrangement: {\n        root: column([slotLeaf(TemplateSlotName.Header), grid([slotLeaf(TemplateSlotName.Primary), slotLeaf(TemplateSlotName.SidePanel)], 2, 16)], 16),\n        overrides: [\n            {\n                width: WidthSizeClass.Compact,\n                root: column([slotLeaf(TemplateSlotName.Header), slotLeaf(TemplateSlotName.Primary), slotLeaf(TemplateSlotName.SidePanel)], 16),\n            },\n        ],\n    },\n    content: {\n        [TemplateSlotName.Header]: [pageHeader('master-header', 'Customers', '1,204 customers, 38 with overdue invoices')],\n        [TemplateSlotName.Primary]: [\n            table(\n                'customers-table',\n                [\n                    { field: 'name', header: 'Customer' },\n                    { field: 'city', header: 'City' },\n                    { field: 'balance', header: 'Balance' },\n                ],\n                [\n                    { name: 'Northwind Traders', city: 'Seattle', balance: '$4,200.00' },\n                    { name: 'Contoso Ltd', city: 'Oslo', balance: '$0.00' },\n                    { name: 'Fabrikam', city: 'Lyon', balance: '$12,940.50' },\n                    { name: 'Adventure Works', city: 'Denver', balance: '$318.20' },\n                ],\n                'No customers match the search',\n            ),\n        ],\n        [TemplateSlotName.SidePanel]: [\n            widget('customer-detail', 'Northwind Traders', [\n                text('customer-contact', 'Contact: Amelia Nyquist'),\n                text('customer-terms', 'Payment terms: 30 days'),\n                externalComponent('customer-status', 'tag', { value: 'Overdue', severity: 'warning' }),\n                button('customer-open', 'Open customer', { severity: 'primary' }),\n            ]),\n        ],\n    },\n    displayName: 'Master/detail',\n    description: 'A list beside the selected record, stacking on narrow screens.',\n    metadata: { ...defaultBlueprintTemplateProvenance, type: 'Workspace' },\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    metadata: { ...defaultBlueprintTemplateProvenance },\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    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** The five workspace templates. */\nexport const workspaceTemplates: ScreenTemplate[] = [dashboardTemplate, crudListTemplate, masterDetailTemplate, 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","metadata","sakaiCompositionProvenance","crudListTemplate","Toolbar","Body","pageHeader","button","severity","icon","placeholder","ariaLabel","code","category","price","stock","defaultBlueprintTemplateProvenance","detailViewTemplate","Header","SidePanel","text","masterDetailTemplate","outlets","accepts","city","balance","type","formPageTemplate","Actions","card","options","mode","currency","rows","formActions","emptyTemplate","emptyState","workspaceTemplates"],"mappings":"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"}

package/dist/cjs/index.js

@@ -34,6 +34,8 @@ var componentNames = require('./gallery/componentNames.js');
 var previewProfile = require('./gallery/previewProfile.js');
 var resolveElementNames = require('./gallery/resolveElementNames.js');
 var GalleryScreenPreview = require('./gallery/GalleryScreenPreview.js');
+var TemplatePreviewState = require('./gallery/TemplatePreviewState.js');
+var applyTemplatePreviewState = require('./gallery/applyTemplatePreviewState.js');
 var elementProperties = require('./shell/elementProperties.js');
 var ThemeOption = require('./shell/ThemeOption.js');
 var AppShell = require('./shell/AppShell.js');
@@ -147,6 +149,7 @@ exports.dashboardTemplate = workspaceTemplates.dashboardTemplate;
 exports.detailViewTemplate = workspaceTemplates.detailViewTemplate;
 exports.emptyTemplate = workspaceTemplates.emptyTemplate;
 exports.formPageTemplate = workspaceTemplates.formPageTemplate;
+exports.masterDetailTemplate = workspaceTemplates.masterDetailTemplate;
 exports.workspaceTemplates = workspaceTemplates.workspaceTemplates;
 exports.documentationTemplate = supportTemplates.documentationTemplate;
 exports.helpTemplate = supportTemplates.helpTemplate;
@@ -184,6 +187,10 @@ exports.galleryProfile = previewProfile.galleryProfile;
 exports.resolveElementComponentNames = resolveElementNames.resolveElementComponentNames;
 exports.GalleryScreenPreview = GalleryScreenPreview.GalleryScreenPreview;
 exports.galleryPreviewRegistry = GalleryScreenPreview.galleryPreviewRegistry;
+exports.TemplatePreviewState = TemplatePreviewState.TemplatePreviewState;
+exports.applyTemplatePreviewState = applyTemplatePreviewState.applyTemplatePreviewState;
+exports.hasPreviewData = applyTemplatePreviewState.hasPreviewData;
+exports.previewErrorMessage = applyTemplatePreviewState.previewErrorMessage;
 exports.readBoolean = elementProperties.readBoolean;
 exports.readNumber = elementProperties.readNumber;
 exports.readOptionalString = elementProperties.readOptionalString;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/gallery/ApplicationScreens.stories.d.ts

@@ -17,6 +17,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Dashboard: Story;
 export declare const List: Story;
+export declare const MasterDetail: Story;
 export declare const Detail: Story;
 export declare const Form: Story;
 export declare const Empty: Story;

package/dist/esm/gallery/ApplicationScreens.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationScreens.stories.d.ts","sourceRoot":"","sources":["../../../gallery/ApplicationScreens.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAU9D,QAAA,MAAM,IAAI;;;;QAIF,MAAM;QACN,IAAI;YACA,WAAW;gBACP,SAAS;;;;;CAKoB,CAAC;eAE/B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,SAAS,EAAE,KAA6C,CAAC;AAGtE,eAAO,MAAM,IAAI,EAAE,KAA4C,CAAC;AAGhE,eAAO,MAAM,MAAM,EAAE,KAA8C,CAAC;AAGpE,eAAO,MAAM,IAAI,EAAE,KAA4C,CAAC;AAGhE,eAAO,MAAM,KAAK,EAAE,KAAyC,CAAC;AAG9D,eAAO,MAAM,aAAa,EAAE,KAAiD,CAAC;AAG9E,eAAO,MAAM,eAAe,EAAE,KAAmD,CAAC;AAGlF,eAAO,MAAM,cAAc,EAAE,KAAkD,CAAC;AAGhF,eAAO,MAAM,OAAO,EAAE,KAA2C,CAAC;AAGlE,eAAO,MAAM,IAAI,EAAE,KAAwC,CAAC;AAG5D,eAAO,MAAM,eAAe,EAAE,KAAmD,CAAC;AAGlF,eAAO,MAAM,cAAc,EAAE,KAAkD,CAAC;AAGhF,eAAO,MAAM,YAAY,EAAE,KAAgD,CAAC"}
+{"version":3,"file":"ApplicationScreens.stories.d.ts","sourceRoot":"","sources":["../../../gallery/ApplicationScreens.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAU9D,QAAA,MAAM,IAAI;;;;QAIF,MAAM;QACN,IAAI;YACA,WAAW;gBACP,SAAS;;;;;CAKoB,CAAC;eAE/B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,SAAS,EAAE,KAA6C,CAAC;AAGtE,eAAO,MAAM,IAAI,EAAE,KAA4C,CAAC;AAGhE,eAAO,MAAM,YAAY,EAAE,KAAgD,CAAC;AAG5E,eAAO,MAAM,MAAM,EAAE,KAA8C,CAAC;AAGpE,eAAO,MAAM,IAAI,EAAE,KAA4C,CAAC;AAGhE,eAAO,MAAM,KAAK,EAAE,KAAyC,CAAC;AAG9D,eAAO,MAAM,aAAa,EAAE,KAAiD,CAAC;AAG9E,eAAO,MAAM,eAAe,EAAE,KAAmD,CAAC;AAGlF,eAAO,MAAM,cAAc,EAAE,KAAkD,CAAC;AAGhF,eAAO,MAAM,OAAO,EAAE,KAA2C,CAAC;AAGlE,eAAO,MAAM,IAAI,EAAE,KAAwC,CAAC;AAG5D,eAAO,MAAM,eAAe,EAAE,KAAmD,CAAC;AAGlF,eAAO,MAAM,cAAc,EAAE,KAAkD,CAAC;AAGhF,eAAO,MAAM,YAAY,EAAE,KAAgD,CAAC"}

package/dist/esm/gallery/ApplicationScreens.stories.js

@@ -6,7 +6,7 @@ const meta = {
         layout: 'fullscreen',
         docs: {
             description: {
-                component: 'The ten in-application screen templates plus the three-level nesting chain, each booted through the real engine as a screen.',
+                component: 'The eleven in-application screen templates plus the three-level nesting chain, each booted through the real engine as a screen.',
             },
         },
     },
@@ -15,6 +15,7 @@ const meta = {
 export default meta;
 export const Dashboard = { args: { screenName: 'Dashboard' } };
 export const List = { args: { screenName: 'CrudList' } };
+export const MasterDetail = { args: { screenName: 'MasterDetail' } };
 export const Detail = { args: { screenName: 'DetailView' } };
 export const Form = { args: { screenName: 'FormPage' } };
 export const Empty = { args: { screenName: 'Empty' } };

package/dist/esm/gallery/ApplicationScreens.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationScreens.stories.js","sourceRoot":"","sources":["../../../gallery/ApplicationScreens.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAU9D,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,oBAAoB;IAC/B,UAAU,EAAE;QACR,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE;YACF,WAAW,EAAE;gBACT,SAAS,EAAE,8HAA8H;aAC5I;SACJ;KACJ;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACuB,CAAC;AAE9C,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,SAAS,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,CAAC;AAGtE,MAAM,CAAC,MAAM,IAAI,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC;AAGhE,MAAM,CAAC,MAAM,MAAM,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE,CAAC;AAGpE,MAAM,CAAC,MAAM,IAAI,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC;AAGhE,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,CAAC;AAG9D,MAAM,CAAC,MAAM,aAAa,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,CAAC;AAG9E,MAAM,CAAC,MAAM,eAAe,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,CAAC;AAGlF,MAAM,CAAC,MAAM,cAAc,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,CAAC;AAGhF,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC;AAGlE,MAAM,CAAC,MAAM,IAAI,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,CAAC;AAG5D,MAAM,CAAC,MAAM,eAAe,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,CAAC;AAGlF,MAAM,CAAC,MAAM,cAAc,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,CAAC;AAGhF,MAAM,CAAC,MAAM,YAAY,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,CAAC"}
+{"version":3,"file":"ApplicationScreens.stories.js","sourceRoot":"","sources":["../../../gallery/ApplicationScreens.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAU9D,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,oBAAoB;IAC/B,UAAU,EAAE;QACR,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE;YACF,WAAW,EAAE;gBACT,SAAS,EAAE,iIAAiI;aAC/I;SACJ;KACJ;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACuB,CAAC;AAE9C,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,SAAS,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,CAAC;AAGtE,MAAM,CAAC,MAAM,IAAI,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC;AAGhE,MAAM,CAAC,MAAM,YAAY,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,CAAC;AAG5E,MAAM,CAAC,MAAM,MAAM,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE,CAAC;AAGpE,MAAM,CAAC,MAAM,IAAI,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC;AAGhE,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,CAAC;AAG9D,MAAM,CAAC,MAAM,aAAa,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,CAAC;AAG9E,MAAM,CAAC,MAAM,eAAe,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,CAAC;AAGlF,MAAM,CAAC,MAAM,cAAc,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,CAAC;AAGhF,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC;AAGlE,MAAM,CAAC,MAAM,IAAI,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,CAAC;AAG5D,MAAM,CAAC,MAAM,eAAe,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,CAAC;AAGlF,MAAM,CAAC,MAAM,cAAc,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,CAAC;AAGhF,MAAM,CAAC,MAAM,YAAY,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,CAAC"}

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

@@ -1,12 +1,14 @@
 import { Theme } from '@cratis/scene.model';
 import { ComponentRegistry } from '@cratis/scene.react';
 import { LayoutConfigState } from '../configuration';
+import { TemplatePreviewState } from './TemplatePreviewState';
 export declare const galleryPreviewRegistry: ComponentRegistry;
 export interface GalleryScreenPreviewProps {
     screenName: string;
     initialConfig?: Partial<LayoutConfigState>;
     themes?: Theme[];
     registry?: ComponentRegistry;
+    state?: TemplatePreviewState;
 }
-export declare function GalleryScreenPreview({ screenName, initialConfig, themes, registry }: GalleryScreenPreviewProps): import("react").JSX.Element;
+export declare function GalleryScreenPreview({ screenName, initialConfig, themes, registry, state }: GalleryScreenPreviewProps): import("react").JSX.Element;
 //# sourceMappingURL=GalleryScreenPreview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryScreenPreview.d.ts","sourceRoot":"","sources":["../../../gallery/GalleryScreenPreview.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAoC,MAAM,qBAAqB,CAAC;AAC1F,OAAO,EAAwB,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAe3E,eAAO,MAAM,sBAAsB,EAAE,iBAAwE,CAAC;AAE9G,MAAM,WAAW,yBAAyB;IAEtC,UAAU,EAAE,MAAM,CAAC;IAGnB,aAAa,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAG3C,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IAGjB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAChC;AAeD,wBAAgB,oBAAoB,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,MAA+B,EAAE,QAAiC,EAAE,EAAE,yBAAyB,+BAiBhK"}
+{"version":3,"file":"GalleryScreenPreview.d.ts","sourceRoot":"","sources":["../../../gallery/GalleryScreenPreview.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAoC,MAAM,qBAAqB,CAAC;AAC1F,OAAO,EAAwB,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAO3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAU9D,eAAO,MAAM,sBAAsB,EAAE,iBAAwE,CAAC;AAE9G,MAAM,WAAW,yBAAyB;IAEtC,UAAU,EAAE,MAAM,CAAC;IAGnB,aAAa,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAG3C,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IAGjB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAG7B,KAAK,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAeD,wBAAgB,oBAAoB,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,MAA+B,EAAE,QAAiC,EAAE,KAAsC,EAAE,EAAE,yBAAyB,+BAiBxM"}

package/dist/esm/gallery/GalleryScreenPreview.js

@@ -9,6 +9,8 @@ import { composeScreenElement } from './composeScreen.js';
 import { galleryComponentCatalog, galleryPreviewProfile } from './previewProfile.js';
 import { resolveElementComponentNames } from './resolveElementNames.js';
 import { galleryScreen } from './screens.js';
+import { TemplatePreviewState } from './TemplatePreviewState.js';
+import { applyTemplatePreviewState } from './applyTemplatePreviewState.js';
 
 /**
  * The registry a preview resolves against when a host does not supply one: `core` plus this blueprint.
@@ -32,15 +34,16 @@ import { galleryScreen } from './screens.js';
  * come out as `UnresolvedComponent`'s dashed red box naming what is missing. That is the designed outcome:
  * a preview of a blueprint against half a profile should look visibly incomplete rather than quietly
  * wrong.
- */ function GalleryScreenPreview({ screenName, initialConfig, themes = defaultBlueprintThemes, registry = galleryPreviewRegistry }) {
+ */ function GalleryScreenPreview({ screenName, initialConfig, themes = defaultBlueprintThemes, registry = galleryPreviewRegistry, state = TemplatePreviewState.Populated }) {
     const element = useMemo(()=>{
         const screen = galleryScreen(screenName);
         if (!screen) {
             throw new Error(`The gallery has no screen named '${screenName}'.`);
         }
-        return resolveElementComponentNames(composeScreenElement(screen), galleryPreviewProfile, galleryComponentCatalog);
+        return applyTemplatePreviewState(resolveElementComponentNames(composeScreenElement(screen), galleryPreviewProfile, galleryComponentCatalog), state);
     }, [
-        screenName
+        screenName,
+        state
     ]);
     return /*#__PURE__*/ jsx(LayoutConfigProvider, {
         initialConfig: initialConfig,

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryScreenPreview.js","sources":["../../../gallery/GalleryScreenPreview.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useMemo } from 'react';\nimport { Theme } from '@cratis/scene.model';\nimport { ComponentRegistry, SceneElementView, coreComponents } from '@cratis/scene.react';\nimport { LayoutConfigProvider, LayoutConfigState } from '../configuration';\nimport { defaultBlueprintComponents } from '../defaultBlueprintComponents';\nimport { LayoutThemeProvider, defaultBlueprintThemes } from '../themes';\nimport { composeScreenElement } from './composeScreen';\nimport { galleryComponentCatalog, galleryPreviewProfile } from './previewProfile';\nimport { resolveElementComponentNames } from './resolveElementNames';\nimport { galleryScreen } from './screens';\n\n/**\n * The registry a preview resolves against when a host does not supply one: `core` plus this blueprint.\n *\n * Merged by hand rather than through `mergePackageRegistries`, because reaching for this blueprint's\n * *bundle* here would be circular - the bundle is assembled from the gallery this file belongs to. Registry\n * keys carry their package name, so merge order cannot cause a collision either way.\n */\nexport const galleryPreviewRegistry: ComponentRegistry = { ...coreComponents, ...defaultBlueprintComponents };\n\nexport interface GalleryScreenPreviewProps {\n    /** The name of the gallery screen to boot. */\n    screenName: string;\n\n    /** Configuration to start from - a story pinning a mode, or a host restoring a session. */\n    initialConfig?: Partial<LayoutConfigState>;\n\n    /** The themes the configurator may switch between. Defaults to the two this blueprint ships. */\n    themes?: Theme[];\n\n    /** The component registry to render against. Defaults to `core` plus this blueprint's own components. */\n    registry?: ComponentRegistry;\n}\n\n/**\n * Boots one gallery screen through the real engine.\n *\n * Nothing here is a preview-only path: the screen is a real {@link Screen}, its element tree is resolved by\n * the real `resolveComponentName`, and it is rendered by the real `SceneElementView` against the real\n * registry. That is the point of shipping a gallery at all - a mockup proves that someone can draw a\n * dashboard, and this proves the blueprint renders one.\n *\n * Component names belonging to packages the host has not loaded resolve but find no implementation, and\n * come out as `UnresolvedComponent`'s dashed red box naming what is missing. That is the designed outcome:\n * a preview of a blueprint against half a profile should look visibly incomplete rather than quietly\n * wrong.\n */\nexport function GalleryScreenPreview({ screenName, initialConfig, themes = defaultBlueprintThemes, registry = galleryPreviewRegistry }: GalleryScreenPreviewProps) {\n    const element = useMemo(() => {\n        const screen = galleryScreen(screenName);\n        if (!screen) {\n            throw new Error(`The gallery has no screen named '${screenName}'.`);\n        }\n\n        return resolveElementComponentNames(composeScreenElement(screen), galleryPreviewProfile, galleryComponentCatalog);\n    }, [screenName]);\n\n    return (\n        <LayoutConfigProvider initialConfig={initialConfig} storage={null}>\n            <LayoutThemeProvider themes={themes}>\n                <SceneElementView element={element} registry={registry} resolveBinding={() => undefined} />\n            </LayoutThemeProvider>\n        </LayoutConfigProvider>\n    );\n}\n"],"names":["galleryPreviewRegistry","coreComponents","defaultBlueprintComponents","GalleryScreenPreview","screenName","initialConfig","themes","defaultBlueprintThemes","registry","element","useMemo","screen","galleryScreen","Error","resolveElementComponentNames","composeScreenElement","galleryPreviewProfile","galleryComponentCatalog","_jsx","LayoutConfigProvider","storage","LayoutThemeProvider","SceneElementView","resolveBinding","undefined"],"mappings":";;;;;;;;;;;;AAcA;;;;;;UAOaA,sBAAAA,GAA4C;AAAE,IAAA,GAAGC,cAAc;AAAE,IAAA,GAAGC;AAA2B;AAgB5G;;;;;;;;;;;;AAYC,IACM,SAASC,oBAAAA,CAAqB,EAAEC,UAAU,EAAEC,aAAa,EAAEC,MAAAA,GAASC,sBAAsB,EAAEC,QAAAA,GAAWR,sBAAsB,EAA6B,EAAA;AAC7J,IAAA,MAAMS,UAAUC,OAAAA,CAAQ,IAAA;AACpB,QAAA,MAAMC,SAASC,aAAAA,CAAcR,UAAAA,CAAAA;AAC7B,QAAA,IAAI,CAACO,MAAAA,EAAQ;AACT,YAAA,MAAM,IAAIE,KAAAA,CAAM,CAAC,iCAAiC,EAAET,UAAAA,CAAW,EAAE,CAAC,CAAA;AACtE,QAAA;QAEA,OAAOU,4BAAAA,CAA6BC,oBAAAA,CAAqBJ,MAAAA,CAAAA,EAASK,qBAAAA,EAAuBC,uBAAAA,CAAAA;IAC7F,CAAA,EAAG;AAACb,QAAAA;AAAW,KAAA,CAAA;AAEf,IAAA,qBACIc,GAAA,CAACC,oBAAAA,EAAAA;QAAqBd,aAAAA,EAAeA,aAAAA;QAAee,OAAAA,EAAS,IAAA;AACzD,QAAA,QAAA,gBAAAF,GAAA,CAACG,mBAAAA,EAAAA;YAAoBf,MAAAA,EAAQA,MAAAA;AACzB,YAAA,QAAA,gBAAAY,GAAA,CAACI,gBAAAA,EAAAA;gBAAiBb,OAAAA,EAASA,OAAAA;gBAASD,QAAAA,EAAUA,QAAAA;AAAUe,gBAAAA,cAAAA,EAAgB,IAAMC;;;;AAI9F;;"}
+{"version":3,"file":"GalleryScreenPreview.js","sources":["../../../gallery/GalleryScreenPreview.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useMemo } from 'react';\nimport { Theme } from '@cratis/scene.model';\nimport { ComponentRegistry, SceneElementView, coreComponents } from '@cratis/scene.react';\nimport { LayoutConfigProvider, LayoutConfigState } from '../configuration';\nimport { defaultBlueprintComponents } from '../defaultBlueprintComponents';\nimport { LayoutThemeProvider, defaultBlueprintThemes } from '../themes';\nimport { composeScreenElement } from './composeScreen';\nimport { galleryComponentCatalog, galleryPreviewProfile } from './previewProfile';\nimport { resolveElementComponentNames } from './resolveElementNames';\nimport { galleryScreen } from './screens';\nimport { TemplatePreviewState } from './TemplatePreviewState';\nimport { applyTemplatePreviewState } from './applyTemplatePreviewState';\n\n/**\n * The registry a preview resolves against when a host does not supply one: `core` plus this blueprint.\n *\n * Merged by hand rather than through `mergePackageRegistries`, because reaching for this blueprint's\n * *bundle* here would be circular - the bundle is assembled from the gallery this file belongs to. Registry\n * keys carry their package name, so merge order cannot cause a collision either way.\n */\nexport const galleryPreviewRegistry: ComponentRegistry = { ...coreComponents, ...defaultBlueprintComponents };\n\nexport interface GalleryScreenPreviewProps {\n    /** The name of the gallery screen to boot. */\n    screenName: string;\n\n    /** Configuration to start from - a story pinning a mode, or a host restoring a session. */\n    initialConfig?: Partial<LayoutConfigState>;\n\n    /** The themes the configurator may switch between. Defaults to the two this blueprint ships. */\n    themes?: Theme[];\n\n    /** The component registry to render against. Defaults to `core` plus this blueprint's own components. */\n    registry?: ComponentRegistry;\n\n    /** The data state to show. Defaults to the seeded, populated records. */\n    state?: TemplatePreviewState;\n}\n\n/**\n * Boots one gallery screen through the real engine.\n *\n * Nothing here is a preview-only path: the screen is a real {@link Screen}, its element tree is resolved by\n * the real `resolveComponentName`, and it is rendered by the real `SceneElementView` against the real\n * registry. That is the point of shipping a gallery at all - a mockup proves that someone can draw a\n * dashboard, and this proves the blueprint renders one.\n *\n * Component names belonging to packages the host has not loaded resolve but find no implementation, and\n * come out as `UnresolvedComponent`'s dashed red box naming what is missing. That is the designed outcome:\n * a preview of a blueprint against half a profile should look visibly incomplete rather than quietly\n * wrong.\n */\nexport function GalleryScreenPreview({ screenName, initialConfig, themes = defaultBlueprintThemes, registry = galleryPreviewRegistry, state = TemplatePreviewState.Populated }: GalleryScreenPreviewProps) {\n    const element = useMemo(() => {\n        const screen = galleryScreen(screenName);\n        if (!screen) {\n            throw new Error(`The gallery has no screen named '${screenName}'.`);\n        }\n\n        return applyTemplatePreviewState(resolveElementComponentNames(composeScreenElement(screen), galleryPreviewProfile, galleryComponentCatalog), state);\n    }, [screenName, state]);\n\n    return (\n        <LayoutConfigProvider initialConfig={initialConfig} storage={null}>\n            <LayoutThemeProvider themes={themes}>\n                <SceneElementView element={element} registry={registry} resolveBinding={() => undefined} />\n            </LayoutThemeProvider>\n        </LayoutConfigProvider>\n    );\n}\n"],"names":["galleryPreviewRegistry","coreComponents","defaultBlueprintComponents","GalleryScreenPreview","screenName","initialConfig","themes","defaultBlueprintThemes","registry","state","TemplatePreviewState","Populated","element","useMemo","screen","galleryScreen","Error","applyTemplatePreviewState","resolveElementComponentNames","composeScreenElement","galleryPreviewProfile","galleryComponentCatalog","_jsx","LayoutConfigProvider","storage","LayoutThemeProvider","SceneElementView","resolveBinding","undefined"],"mappings":";;;;;;;;;;;;;;AAgBA;;;;;;UAOaA,sBAAAA,GAA4C;AAAE,IAAA,GAAGC,cAAc;AAAE,IAAA,GAAGC;AAA2B;AAmB5G;;;;;;;;;;;;AAYC,IACM,SAASC,oBAAAA,CAAqB,EAAEC,UAAU,EAAEC,aAAa,EAAEC,MAAAA,GAASC,sBAAsB,EAAEC,QAAAA,GAAWR,sBAAsB,EAAES,KAAAA,GAAQC,oBAAAA,CAAqBC,SAAS,EAA6B,EAAA;AACrM,IAAA,MAAMC,UAAUC,OAAAA,CAAQ,IAAA;AACpB,QAAA,MAAMC,SAASC,aAAAA,CAAcX,UAAAA,CAAAA;AAC7B,QAAA,IAAI,CAACU,MAAAA,EAAQ;AACT,YAAA,MAAM,IAAIE,KAAAA,CAAM,CAAC,iCAAiC,EAAEZ,UAAAA,CAAW,EAAE,CAAC,CAAA;AACtE,QAAA;AAEA,QAAA,OAAOa,yBAAAA,CAA0BC,4BAAAA,CAA6BC,oBAAAA,CAAqBL,MAAAA,CAAAA,EAASM,uBAAuBC,uBAAAA,CAAAA,EAA0BZ,KAAAA,CAAAA;IACjJ,CAAA,EAAG;AAACL,QAAAA,UAAAA;AAAYK,QAAAA;AAAM,KAAA,CAAA;AAEtB,IAAA,qBACIa,GAAA,CAACC,oBAAAA,EAAAA;QAAqBlB,aAAAA,EAAeA,aAAAA;QAAemB,OAAAA,EAAS,IAAA;AACzD,QAAA,QAAA,gBAAAF,GAAA,CAACG,mBAAAA,EAAAA;YAAoBnB,MAAAA,EAAQA,MAAAA;AACzB,YAAA,QAAA,gBAAAgB,GAAA,CAACI,gBAAAA,EAAAA;gBAAiBd,OAAAA,EAASA,OAAAA;gBAASJ,QAAAA,EAAUA,QAAAA;AAAUmB,gBAAAA,cAAAA,EAAgB,IAAMC;;;;AAI9F;;"}

package/dist/esm/gallery/PreviewStates.stories.d.ts

@@ -0,0 +1,36 @@
+import type { StoryObj } from '@storybook/react';
+import { GalleryScreenPreview } from './GalleryScreenPreview';
+import { TemplatePreviewState } from './TemplatePreviewState';
+declare const meta: {
+    title: string;
+    component: typeof GalleryScreenPreview;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        registry: import("@cratis/scene.react").ComponentRegistry;
+    };
+    argTypes: {
+        state: {
+            control: "select";
+            options: TemplatePreviewState[];
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ListPopulated: Story;
+export declare const ListEmpty: Story;
+export declare const ListLoading: Story;
+export declare const ListError: Story;
+export declare const MasterDetailPopulated: Story;
+export declare const MasterDetailLoading: Story;
+export declare const DashboardError: Story;
+export declare const UsersEmpty: Story;
+//# sourceMappingURL=PreviewStates.stories.d.ts.map

package/dist/esm/gallery/PreviewStates.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewStates.stories.d.ts","sourceRoot":"","sources":["../../../gallery/PreviewStates.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAS9D,QAAA,MAAM,IAAI;;;;QAIF,MAAM;QACN,IAAI;YAAI,WAAW;gBAAI,SAAS;;;;;;;;;;;;;;CAKK,CAAC;eAE/B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,aAAa,EAAE,KAAmF,CAAC;AAGhH,eAAO,MAAM,SAAS,EAAE,KAA+E,CAAC;AAGxG,eAAO,MAAM,WAAW,EAAE,KAAiF,CAAC;AAG5G,eAAO,MAAM,SAAS,EAAE,KAA+E,CAAC;AAGxG,eAAO,MAAM,qBAAqB,EAAE,KAAuF,CAAC;AAG5H,eAAO,MAAM,mBAAmB,EAAE,KAAqF,CAAC;AAGxH,eAAO,MAAM,cAAc,EAAE,KAAgF,CAAC;AAG9G,eAAO,MAAM,UAAU,EAAE,KAAqF,CAAC"}

package/dist/esm/gallery/PreviewStates.stories.js

@@ -0,0 +1,27 @@
+import { corePackage, mergePackageRegistries } from '@cratis/scene.react';
+import { primeReactPackage } from '@cratis/scene.primereact';
+import { defaultBlueprint } from '../defaultBlueprint';
+import { GalleryScreenPreview } from './GalleryScreenPreview';
+import { TemplatePreviewState } from './TemplatePreviewState';
+const registry = mergePackageRegistries([corePackage, primeReactPackage, defaultBlueprint]);
+const meta = {
+    title: 'Blueprint/Preview states',
+    component: GalleryScreenPreview,
+    parameters: {
+        layout: 'fullscreen',
+        docs: { description: { component: 'Populated, empty, loading and error states of the data templates, through the real packages.' } },
+    },
+    args: { registry },
+    argTypes: { state: { control: 'select', options: Object.values(TemplatePreviewState) } },
+    tags: ['autodocs'],
+};
+export default meta;
+export const ListPopulated = { args: { screenName: 'CrudList', state: TemplatePreviewState.Populated } };
+export const ListEmpty = { args: { screenName: 'CrudList', state: TemplatePreviewState.Empty } };
+export const ListLoading = { args: { screenName: 'CrudList', state: TemplatePreviewState.Loading } };
+export const ListError = { args: { screenName: 'CrudList', state: TemplatePreviewState.Error } };
+export const MasterDetailPopulated = { args: { screenName: 'MasterDetail', state: TemplatePreviewState.Populated } };
+export const MasterDetailLoading = { args: { screenName: 'MasterDetail', state: TemplatePreviewState.Loading } };
+export const DashboardError = { args: { screenName: 'Dashboard', state: TemplatePreviewState.Error } };
+export const UsersEmpty = { args: { screenName: 'UserManagement', state: TemplatePreviewState.Empty } };
+//# sourceMappingURL=PreviewStates.stories.js.map

package/dist/esm/gallery/PreviewStates.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewStates.stories.js","sourceRoot":"","sources":["../../../gallery/PreviewStates.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAO9D,MAAM,QAAQ,GAAG,sBAAsB,CAAC,CAAC,WAAW,EAAE,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,CAAC;AAE5F,MAAM,IAAI,GAAG;IACT,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,oBAAoB;IAC/B,UAAU,EAAE;QACR,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,8FAA8F,EAAE,EAAE;KACvI;IACD,IAAI,EAAE,EAAE,QAAQ,EAAE;IAClB,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,EAAE;IACxF,IAAI,EAAE,CAAC,UAAU,CAAC;CACuB,CAAC;AAE9C,eAAe,IAAI,CAAC;AAKpB,MAAM,CAAC,MAAM,aAAa,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,oBAAoB,CAAC,SAAS,EAAE,EAAE,CAAC;AAGhH,MAAM,CAAC,MAAM,SAAS,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,oBAAoB,CAAC,KAAK,EAAE,EAAE,CAAC;AAGxG,MAAM,CAAC,MAAM,WAAW,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,oBAAoB,CAAC,OAAO,EAAE,EAAE,CAAC;AAG5G,MAAM,CAAC,MAAM,SAAS,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,oBAAoB,CAAC,KAAK,EAAE,EAAE,CAAC;AAGxG,MAAM,CAAC,MAAM,qBAAqB,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK,EAAE,oBAAoB,CAAC,SAAS,EAAE,EAAE,CAAC;AAG5H,MAAM,CAAC,MAAM,mBAAmB,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK,EAAE,oBAAoB,CAAC,OAAO,EAAE,EAAE,CAAC;AAGxH,MAAM,CAAC,MAAM,cAAc,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,oBAAoB,CAAC,KAAK,EAAE,EAAE,CAAC;AAG9G,MAAM,CAAC,MAAM,UAAU,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,KAAK,EAAE,oBAAoB,CAAC,KAAK,EAAE,EAAE,CAAC"}

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

@@ -0,0 +1,7 @@
+export declare enum TemplatePreviewState {
+    Populated = "populated",
+    Empty = "empty",
+    Loading = "loading",
+    Error = "error"
+}
+//# sourceMappingURL=TemplatePreviewState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatePreviewState.d.ts","sourceRoot":"","sources":["../../../gallery/TemplatePreviewState.ts"],"names":[],"mappings":"AAOA,oBAAY,oBAAoB;IAE5B,SAAS,cAAc;IAGvB,KAAK,UAAU;IAGf,OAAO,YAAY;IAGnB,KAAK,UAAU;CAClB"}

package/dist/esm/gallery/TemplatePreviewState.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { SceneElement } from '@cratis/scene.model';
+import { TemplatePreviewState } from './TemplatePreviewState';
+export declare const previewErrorMessage = "The data could not be loaded. Try again in a moment.";
+export declare function applyTemplatePreviewState<T extends SceneElement>(element: T, state: TemplatePreviewState): T;
+export declare function hasPreviewData(element: SceneElement): boolean;
+//# sourceMappingURL=applyTemplatePreviewState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyTemplatePreviewState.d.ts","sourceRoot":"","sources":["../../../gallery/applyTemplatePreviewState.ts"],"names":[],"mappings":"AAGA,OAAO,EAA4B,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,eAAO,MAAM,mBAAmB,yDAAyD,CAAC;AAU1F,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,YAAY,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,oBAAoB,GAAG,CAAC,CAG5G;AAGD,wBAAgB,cAAc,CAAC,OAAO,EAAE,YAAY,GAAG,OAAO,CAI7D"}