@cratis/scene.blueprint.default 4.12.0 → 4.14.0

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';\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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"}
+{"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');
@@ -59,6 +61,7 @@ var defaultBlueprintThemes = require('./themes/defaultBlueprintThemes.js');
 var LayoutThemeProvider = require('./themes/LayoutThemeProvider.js');
 var defaultBlueprintComponents = require('./defaultBlueprintComponents.js');
 var defaultBlueprint = require('./defaultBlueprint.js');
+var templateProvenance = require('./templateProvenance.js');
 
 
 
@@ -146,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;
@@ -183,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;
@@ -217,4 +225,6 @@ exports.LayoutThemeProvider = LayoutThemeProvider.LayoutThemeProvider;
 exports.defaultBlueprintComponents = defaultBlueprintComponents.defaultBlueprintComponents;
 exports.defaultBlueprint = defaultBlueprint.defaultBlueprint;
 exports.defaultBlueprintManifest = defaultBlueprint.defaultBlueprintManifest;
+exports.defaultBlueprintTemplateProvenance = templateProvenance.defaultBlueprintTemplateProvenance;
+exports.sakaiCompositionProvenance = templateProvenance.sakaiCompositionProvenance;
 //# sourceMappingURL=index.js.map

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/cjs/layouts/appShell.js

@@ -4,6 +4,7 @@ var scene_model = require('@cratis/scene.model');
 var LayoutName = require('./LayoutName.js');
 var SlotName = require('./SlotName.js');
 var flowBuilders = require('./flowBuilders.js');
+var templateProvenance = require('../templateProvenance.js');
 
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
@@ -148,7 +149,10 @@ var flowBuilders = require('./flowBuilders.js');
             name: SlotName.SlotName.ConfigPanel
         }
     ],
-    arrangement: appShellArrangement
+    arrangement: appShellArrangement,
+    metadata: {
+        ...templateProvenance.sakaiCompositionProvenance
+    }
 };
 
 exports.appShellArrangement = appShellArrangement;

package/dist/cjs/layouts/appShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"appShell.js","sources":["../../../layouts/appShell.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 { FlowArrangement, HeightSizeClass, Layout, WidthSizeClass } from '@cratis/scene.model';\nimport { LayoutName } from './LayoutName';\nimport { SlotName } from './SlotName';\nimport { column, row, slotLeaf } from './flowBuilders';\n\n/**\n * The tree at a regular width and height: a topbar across the top, the sidebar column beside the main\n * column, an optional right panel down the edge, and the configurator floating over all of it.\n */\nexport const appShellRegularRoot = column([\n    slotLeaf(SlotName.Topbar),\n    row(\n        [\n            column([slotLeaf(SlotName.Sidebar), slotLeaf(SlotName.Menu, { grow: 1 })]),\n            column([slotLeaf(SlotName.Breadcrumb), slotLeaf(SlotName.Content, { grow: 1 }), slotLeaf(SlotName.Footer)], 0, { grow: 1 }),\n            slotLeaf(SlotName.RightPanel),\n        ],\n        0,\n        { grow: 1 },\n    ),\n    slotLeaf(SlotName.ConfigPanel),\n]);\n\n/**\n * The tree at a compact width: the sidebar and the right panel leave the flow entirely.\n *\n * They leave rather than shrink because there is no width at which an 18rem panel and a 20rem panel both\n * fit beside content on a phone. The sidebar is still rendered - off-canvas, over the content, behind the\n * mask - but it no longer *occupies* anything, and that is a fact about the arrangement, not about CSS.\n */\nexport const appShellCompactWidthRoot = column([\n    slotLeaf(SlotName.Topbar),\n    column([slotLeaf(SlotName.Breadcrumb), slotLeaf(SlotName.Content, { grow: 1 }), slotLeaf(SlotName.Footer)], 0, { grow: 1 }),\n    slotLeaf(SlotName.ConfigPanel),\n]);\n\n/**\n * The tree at a compact height: the breadcrumb and the footer go.\n *\n * A landscape phone has room across but almost none down, and two horizontal strips of chrome eat most of\n * what is left. Dropping them is the height axis earning its place in the size-class matrix - width alone\n * cannot express it.\n */\nexport const appShellCompactHeightRoot = column([\n    slotLeaf(SlotName.Topbar),\n    row(\n        [column([slotLeaf(SlotName.Sidebar), slotLeaf(SlotName.Menu, { grow: 1 })]), slotLeaf(SlotName.Content, { grow: 1 }), slotLeaf(SlotName.RightPanel)],\n        0,\n        { grow: 1 },\n    ),\n    slotLeaf(SlotName.ConfigPanel),\n]);\n\n/**\n * The tree when both axes are compact - a phone in landscape: nothing but the topbar, the content and the\n * configurator.\n *\n * This override exists to be *more specific* than the two single-axis ones. `evaluateFlowArrangement`\n * scores an override by how many axes it targets, so without this one a landscape phone would pick\n * whichever single-axis override was declared last and keep a footer it has no room for.\n */\nexport const appShellCompactRoot = column([\n    slotLeaf(SlotName.Topbar),\n    slotLeaf(SlotName.Content, { grow: 1 }),\n    slotLeaf(SlotName.ConfigPanel),\n]);\n\n/** The arrangement of the {@link appShellLayout}'s own slots, with one override per size-class combination that changes it. */\nexport const appShellArrangement: FlowArrangement = {\n    root: appShellRegularRoot,\n    overrides: [\n        { width: WidthSizeClass.Compact, root: appShellCompactWidthRoot },\n        { height: HeightSizeClass.Compact, root: appShellCompactHeightRoot },\n        { width: WidthSizeClass.Compact, height: HeightSizeClass.Compact, root: appShellCompactRoot },\n    ],\n};\n\n/**\n * The application shell layout.\n *\n * This is the *application-level* structure - the base navigational look an application picks once and\n * every page then lives inside. The regions are the ones PrimeTek's template line settled on: Sakai\n * establishes topbar, sidebar, menu, content and footer, and the premium templates add the breadcrumb and\n * the right panel. Both sets are here, because a layout package covering only the free template's regions\n * forces a fork on anyone who wants the others.\n *\n * The slots carry no arrangement of their own: how a screen's content is arranged *inside* a slot is that\n * page template's business, and a layout that dictated it would stop being a shell.\n */\nexport const appShellLayout: Layout = {\n    name: LayoutName.AppShell,\n    slots: [\n        { name: SlotName.Topbar },\n        { name: SlotName.Sidebar },\n        { name: SlotName.Menu },\n        { name: SlotName.Breadcrumb },\n        { name: SlotName.Content },\n        { name: SlotName.Footer },\n        { name: SlotName.RightPanel },\n        { name: SlotName.ConfigPanel },\n    ],\n    arrangement: appShellArrangement,\n};\n"],"names":["appShellRegularRoot","column","slotLeaf","SlotName","Topbar","row","Sidebar","Menu","grow","Breadcrumb","Content","Footer","RightPanel","ConfigPanel","appShellCompactWidthRoot","appShellCompactHeightRoot","appShellCompactRoot","appShellArrangement","root","overrides","width","WidthSizeClass","Compact","height","HeightSizeClass","appShellLayout","name","LayoutName","AppShell","slots","arrangement"],"mappings":";;;;;;;AAAA;AACA;AAOA;;;IAIO,MAAMA,mBAAAA,GAAsBC,mBAAAA,CAAO;AACtCC,IAAAA,qBAAAA,CAASC,kBAASC,MAAM,CAAA;IACxBC,gBAAAA,CACI;QACIJ,mBAAAA,CAAO;AAACC,YAAAA,qBAAAA,CAASC,kBAASG,OAAO,CAAA;YAAGJ,qBAAAA,CAASC,iBAAAA,CAASI,IAAI,EAAE;gBAAEC,IAAAA,EAAM;AAAE,aAAA;AAAG,SAAA,CAAA;QACzEP,mBAAAA,CAAO;AAACC,YAAAA,qBAAAA,CAASC,kBAASM,UAAU,CAAA;YAAGP,qBAAAA,CAASC,iBAAAA,CAASO,OAAO,EAAE;gBAAEF,IAAAA,EAAM;AAAE,aAAA,CAAA;AAAIN,YAAAA,qBAAAA,CAASC,kBAASQ,MAAM;AAAE,SAAA,EAAE,CAAA,EAAG;YAAEH,IAAAA,EAAM;AAAE,SAAA,CAAA;AACzHN,QAAAA,qBAAAA,CAASC,kBAASS,UAAU;AAC/B,KAAA,EACD,CAAA,EACA;QAAEJ,IAAAA,EAAM;AAAE,KAAA,CAAA;AAEdN,IAAAA,qBAAAA,CAASC,kBAASU,WAAW;CAChC;AAED;;;;;;IAOO,MAAMC,wBAAAA,GAA2Bb,mBAAAA,CAAO;AAC3CC,IAAAA,qBAAAA,CAASC,kBAASC,MAAM,CAAA;IACxBH,mBAAAA,CAAO;AAACC,QAAAA,qBAAAA,CAASC,kBAASM,UAAU,CAAA;QAAGP,qBAAAA,CAASC,iBAAAA,CAASO,OAAO,EAAE;YAAEF,IAAAA,EAAM;AAAE,SAAA,CAAA;AAAIN,QAAAA,qBAAAA,CAASC,kBAASQ,MAAM;AAAE,KAAA,EAAE,CAAA,EAAG;QAAEH,IAAAA,EAAM;AAAE,KAAA,CAAA;AACzHN,IAAAA,qBAAAA,CAASC,kBAASU,WAAW;CAChC;AAED;;;;;;IAOO,MAAME,yBAAAA,GAA4Bd,mBAAAA,CAAO;AAC5CC,IAAAA,qBAAAA,CAASC,kBAASC,MAAM,CAAA;IACxBC,gBAAAA,CACI;QAACJ,mBAAAA,CAAO;AAACC,YAAAA,qBAAAA,CAASC,kBAASG,OAAO,CAAA;YAAGJ,qBAAAA,CAASC,iBAAAA,CAASI,IAAI,EAAE;gBAAEC,IAAAA,EAAM;AAAE,aAAA;AAAG,SAAA,CAAA;QAAGN,qBAAAA,CAASC,iBAAAA,CAASO,OAAO,EAAE;YAAEF,IAAAA,EAAM;AAAE,SAAA,CAAA;AAAIN,QAAAA,qBAAAA,CAASC,kBAASS,UAAU;AAAE,KAAA,EACpJ,CAAA,EACA;QAAEJ,IAAAA,EAAM;AAAE,KAAA,CAAA;AAEdN,IAAAA,qBAAAA,CAASC,kBAASU,WAAW;CAChC;AAED;;;;;;;IAQO,MAAMG,mBAAAA,GAAsBf,mBAAAA,CAAO;AACtCC,IAAAA,qBAAAA,CAASC,kBAASC,MAAM,CAAA;IACxBF,qBAAAA,CAASC,iBAAAA,CAASO,OAAO,EAAE;QAAEF,IAAAA,EAAM;AAAE,KAAA,CAAA;AACrCN,IAAAA,qBAAAA,CAASC,kBAASU,WAAW;CAChC;AAED,gIACO,MAAMI,mBAAAA,GAAuC;IAChDC,IAAAA,EAAMlB,mBAAAA;IACNmB,SAAAA,EAAW;AACP,QAAA;AAAEC,YAAAA,KAAAA,EAAOC,2BAAeC,OAAO;YAAEJ,IAAAA,EAAMJ;AAAyB,SAAA;AAChE,QAAA;AAAES,YAAAA,MAAAA,EAAQC,4BAAgBF,OAAO;YAAEJ,IAAAA,EAAMH;AAA0B,SAAA;AACnE,QAAA;AAAEK,YAAAA,KAAAA,EAAOC,2BAAeC,OAAO;AAAEC,YAAAA,MAAAA,EAAQC,4BAAgBF,OAAO;YAAEJ,IAAAA,EAAMF;AAAoB;AAC/F;AACL;AAEA;;;;;;;;;;;UAYaS,cAAAA,GAAyB;AAClCC,IAAAA,IAAAA,EAAMC,sBAAWC,QAAQ;IACzBC,KAAAA,EAAO;AACH,QAAA;AAAEH,YAAAA,IAAAA,EAAMvB,kBAASC;AAAO,SAAA;AACxB,QAAA;AAAEsB,YAAAA,IAAAA,EAAMvB,kBAASG;AAAQ,SAAA;AACzB,QAAA;AAAEoB,YAAAA,IAAAA,EAAMvB,kBAASI;AAAK,SAAA;AACtB,QAAA;AAAEmB,YAAAA,IAAAA,EAAMvB,kBAASM;AAAW,SAAA;AAC5B,QAAA;AAAEiB,YAAAA,IAAAA,EAAMvB,kBAASO;AAAQ,SAAA;AACzB,QAAA;AAAEgB,YAAAA,IAAAA,EAAMvB,kBAASQ;AAAO,SAAA;AACxB,QAAA;AAAEe,YAAAA,IAAAA,EAAMvB,kBAASS;AAAW,SAAA;AAC5B,QAAA;AAAEc,YAAAA,IAAAA,EAAMvB,kBAASU;AAAY;AAChC,KAAA;IACDiB,WAAAA,EAAab;AACjB;;;;;;;"}
+{"version":3,"file":"appShell.js","sources":["../../../layouts/appShell.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 { FlowArrangement, HeightSizeClass, Layout, WidthSizeClass } from '@cratis/scene.model';\nimport { LayoutName } from './LayoutName';\nimport { SlotName } from './SlotName';\nimport { column, row, slotLeaf } from './flowBuilders';\nimport { sakaiCompositionProvenance } from '../templateProvenance';\n\n/**\n * The tree at a regular width and height: a topbar across the top, the sidebar column beside the main\n * column, an optional right panel down the edge, and the configurator floating over all of it.\n */\nexport const appShellRegularRoot = column([\n    slotLeaf(SlotName.Topbar),\n    row(\n        [\n            column([slotLeaf(SlotName.Sidebar), slotLeaf(SlotName.Menu, { grow: 1 })]),\n            column([slotLeaf(SlotName.Breadcrumb), slotLeaf(SlotName.Content, { grow: 1 }), slotLeaf(SlotName.Footer)], 0, { grow: 1 }),\n            slotLeaf(SlotName.RightPanel),\n        ],\n        0,\n        { grow: 1 },\n    ),\n    slotLeaf(SlotName.ConfigPanel),\n]);\n\n/**\n * The tree at a compact width: the sidebar and the right panel leave the flow entirely.\n *\n * They leave rather than shrink because there is no width at which an 18rem panel and a 20rem panel both\n * fit beside content on a phone. The sidebar is still rendered - off-canvas, over the content, behind the\n * mask - but it no longer *occupies* anything, and that is a fact about the arrangement, not about CSS.\n */\nexport const appShellCompactWidthRoot = column([\n    slotLeaf(SlotName.Topbar),\n    column([slotLeaf(SlotName.Breadcrumb), slotLeaf(SlotName.Content, { grow: 1 }), slotLeaf(SlotName.Footer)], 0, { grow: 1 }),\n    slotLeaf(SlotName.ConfigPanel),\n]);\n\n/**\n * The tree at a compact height: the breadcrumb and the footer go.\n *\n * A landscape phone has room across but almost none down, and two horizontal strips of chrome eat most of\n * what is left. Dropping them is the height axis earning its place in the size-class matrix - width alone\n * cannot express it.\n */\nexport const appShellCompactHeightRoot = column([\n    slotLeaf(SlotName.Topbar),\n    row(\n        [column([slotLeaf(SlotName.Sidebar), slotLeaf(SlotName.Menu, { grow: 1 })]), slotLeaf(SlotName.Content, { grow: 1 }), slotLeaf(SlotName.RightPanel)],\n        0,\n        { grow: 1 },\n    ),\n    slotLeaf(SlotName.ConfigPanel),\n]);\n\n/**\n * The tree when both axes are compact - a phone in landscape: nothing but the topbar, the content and the\n * configurator.\n *\n * This override exists to be *more specific* than the two single-axis ones. `evaluateFlowArrangement`\n * scores an override by how many axes it targets, so without this one a landscape phone would pick\n * whichever single-axis override was declared last and keep a footer it has no room for.\n */\nexport const appShellCompactRoot = column([\n    slotLeaf(SlotName.Topbar),\n    slotLeaf(SlotName.Content, { grow: 1 }),\n    slotLeaf(SlotName.ConfigPanel),\n]);\n\n/** The arrangement of the {@link appShellLayout}'s own slots, with one override per size-class combination that changes it. */\nexport const appShellArrangement: FlowArrangement = {\n    root: appShellRegularRoot,\n    overrides: [\n        { width: WidthSizeClass.Compact, root: appShellCompactWidthRoot },\n        { height: HeightSizeClass.Compact, root: appShellCompactHeightRoot },\n        { width: WidthSizeClass.Compact, height: HeightSizeClass.Compact, root: appShellCompactRoot },\n    ],\n};\n\n/**\n * The application shell layout.\n *\n * This is the *application-level* structure - the base navigational look an application picks once and\n * every page then lives inside. The regions are the ones PrimeTek's template line settled on: Sakai\n * establishes topbar, sidebar, menu, content and footer, and the premium templates add the breadcrumb and\n * the right panel. Both sets are here, because a layout package covering only the free template's regions\n * forces a fork on anyone who wants the others.\n *\n * The slots carry no arrangement of their own: how a screen's content is arranged *inside* a slot is that\n * page template's business, and a layout that dictated it would stop being a shell.\n */\nexport const appShellLayout: Layout = {\n    name: LayoutName.AppShell,\n    slots: [\n        { name: SlotName.Topbar },\n        { name: SlotName.Sidebar },\n        { name: SlotName.Menu },\n        { name: SlotName.Breadcrumb },\n        { name: SlotName.Content },\n        { name: SlotName.Footer },\n        { name: SlotName.RightPanel },\n        { name: SlotName.ConfigPanel },\n    ],\n    arrangement: appShellArrangement,\n    metadata: { ...sakaiCompositionProvenance },\n};\n"],"names":["appShellRegularRoot","column","slotLeaf","SlotName","Topbar","row","Sidebar","Menu","grow","Breadcrumb","Content","Footer","RightPanel","ConfigPanel","appShellCompactWidthRoot","appShellCompactHeightRoot","appShellCompactRoot","appShellArrangement","root","overrides","width","WidthSizeClass","Compact","height","HeightSizeClass","appShellLayout","name","LayoutName","AppShell","slots","arrangement","metadata","sakaiCompositionProvenance"],"mappings":"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"}

package/dist/cjs/layouts/fullPage.js

@@ -4,6 +4,7 @@ var scene_model = require('@cratis/scene.model');
 var LayoutName = require('./LayoutName.js');
 var SlotName = require('./SlotName.js');
 var flowBuilders = require('./flowBuilders.js');
+var templateProvenance = require('../templateProvenance.js');
 
 // Copyright (c) Cratis. All rights reserved.
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
@@ -68,7 +69,10 @@ var flowBuilders = require('./flowBuilders.js');
             name: SlotName.SlotName.ConfigPanel
         }
     ],
-    arrangement: fullPageArrangement
+    arrangement: fullPageArrangement,
+    metadata: {
+        ...templateProvenance.defaultBlueprintTemplateProvenance
+    }
 };
 
 exports.fullPageArrangement = fullPageArrangement;

package/dist/cjs/layouts/fullPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"fullPage.js","sources":["../../../layouts/fullPage.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 { FlowArrangement, Layout, WidthSizeClass } from '@cratis/scene.model';\nimport { LayoutName } from './LayoutName';\nimport { SlotName } from './SlotName';\nimport { column, row, slotLeaf } from './flowBuilders';\n\n/**\n * The tree at a regular width: the branding aside beside the content, with the configurator over both.\n *\n * The split is the shape every premium PrimeTek sign-in page uses - a colored branding half and a form\n * half - and it is the reason `aside` is a slot rather than something a screen paints inside `content`.\n */\nexport const fullPageRegularRoot = column([row([slotLeaf(SlotName.Aside), slotLeaf(SlotName.Content, { grow: 1 })], 0, { grow: 1 }), slotLeaf(SlotName.ConfigPanel)]);\n\n/**\n * The tree at a compact width: the branding aside leaves the flow.\n *\n * On a phone the aside would take 40% of the width from the only thing that matters on a sign-in screen,\n * which is the form. It drops out rather than stacking above it, because a sign-in form pushed below the\n * fold by decoration is the worst possible first screen.\n */\nexport const fullPageCompactWidthRoot = column([slotLeaf(SlotName.Content, { grow: 1 }), slotLeaf(SlotName.ConfigPanel)]);\n\n/** The arrangement of the {@link fullPageLayout}'s own slots. */\nexport const fullPageArrangement: FlowArrangement = {\n    root: fullPageRegularRoot,\n    overrides: [{ width: WidthSizeClass.Compact, root: fullPageCompactWidthRoot }],\n};\n\n/**\n * The chrome-less layout.\n *\n * Sign-in, register, forgotten password, verification, lock, error, access-denied, not-found and landing\n * screens all use this rather than a stripped-down application shell, and that split is structural in\n * every PrimeTek template for a reason worth repeating: none of those screens has navigation state, a\n * sidebar to remember or a breadcrumb to place, so hanging them off the application shell would mean every\n * one of the eight modes needs an answer for a page with no menu.\n *\n * The configurator stays, because the sign-in page is very often the first page anyone sees and it still\n * has to honor the chosen theme.\n */\nexport const fullPageLayout: Layout = {\n    name: LayoutName.FullPage,\n    slots: [{ name: SlotName.Aside }, { name: SlotName.Content }, { name: SlotName.ConfigPanel }],\n    arrangement: fullPageArrangement,\n};\n"],"names":["fullPageRegularRoot","column","row","slotLeaf","SlotName","Aside","Content","grow","ConfigPanel","fullPageCompactWidthRoot","fullPageArrangement","root","overrides","width","WidthSizeClass","Compact","fullPageLayout","name","LayoutName","FullPage","slots","arrangement"],"mappings":";;;;;;;AAAA;AACA;AAOA;;;;;IAMO,MAAMA,mBAAAA,GAAsBC,mBAAAA,CAAO;IAACC,gBAAAA,CAAI;AAACC,QAAAA,qBAAAA,CAASC,kBAASC,KAAK,CAAA;QAAGF,qBAAAA,CAASC,iBAAAA,CAASE,OAAO,EAAE;YAAEC,IAAAA,EAAM;AAAE,SAAA;AAAG,KAAA,EAAE,CAAA,EAAG;QAAEA,IAAAA,EAAM;AAAE,KAAA,CAAA;AAAIJ,IAAAA,qBAAAA,CAASC,kBAASI,WAAW;CAAE;AAEpK;;;;;;IAOO,MAAMC,wBAAAA,GAA2BR,mBAAAA,CAAO;IAACE,qBAAAA,CAASC,iBAAAA,CAASE,OAAO,EAAE;QAAEC,IAAAA,EAAM;AAAE,KAAA,CAAA;AAAIJ,IAAAA,qBAAAA,CAASC,kBAASI,WAAW;CAAE;AAExH,kEACO,MAAME,mBAAAA,GAAuC;IAChDC,IAAAA,EAAMX,mBAAAA;IACNY,SAAAA,EAAW;AAAC,QAAA;AAAEC,YAAAA,KAAAA,EAAOC,2BAAeC,OAAO;YAAEJ,IAAAA,EAAMF;AAAyB;AAAE;AAClF;AAEA;;;;;;;;;;;UAYaO,cAAAA,GAAyB;AAClCC,IAAAA,IAAAA,EAAMC,sBAAWC,QAAQ;IACzBC,KAAAA,EAAO;AAAC,QAAA;AAAEH,YAAAA,IAAAA,EAAMb,kBAASC;AAAM,SAAA;AAAG,QAAA;AAAEY,YAAAA,IAAAA,EAAMb,kBAASE;AAAQ,SAAA;AAAG,QAAA;AAAEW,YAAAA,IAAAA,EAAMb,kBAASI;AAAY;AAAE,KAAA;IAC7Fa,WAAAA,EAAaX;AACjB;;;;;"}
+{"version":3,"file":"fullPage.js","sources":["../../../layouts/fullPage.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 { FlowArrangement, Layout, WidthSizeClass } from '@cratis/scene.model';\nimport { LayoutName } from './LayoutName';\nimport { SlotName } from './SlotName';\nimport { column, row, slotLeaf } from './flowBuilders';\nimport { defaultBlueprintTemplateProvenance } from '../templateProvenance';\n\n/**\n * The tree at a regular width: the branding aside beside the content, with the configurator over both.\n *\n * The split is the shape every premium PrimeTek sign-in page uses - a colored branding half and a form\n * half - and it is the reason `aside` is a slot rather than something a screen paints inside `content`.\n */\nexport const fullPageRegularRoot = column([row([slotLeaf(SlotName.Aside), slotLeaf(SlotName.Content, { grow: 1 })], 0, { grow: 1 }), slotLeaf(SlotName.ConfigPanel)]);\n\n/**\n * The tree at a compact width: the branding aside leaves the flow.\n *\n * On a phone the aside would take 40% of the width from the only thing that matters on a sign-in screen,\n * which is the form. It drops out rather than stacking above it, because a sign-in form pushed below the\n * fold by decoration is the worst possible first screen.\n */\nexport const fullPageCompactWidthRoot = column([slotLeaf(SlotName.Content, { grow: 1 }), slotLeaf(SlotName.ConfigPanel)]);\n\n/** The arrangement of the {@link fullPageLayout}'s own slots. */\nexport const fullPageArrangement: FlowArrangement = {\n    root: fullPageRegularRoot,\n    overrides: [{ width: WidthSizeClass.Compact, root: fullPageCompactWidthRoot }],\n};\n\n/**\n * The chrome-less layout.\n *\n * Sign-in, register, forgotten password, verification, lock, error, access-denied, not-found and landing\n * screens all use this rather than a stripped-down application shell, and that split is structural in\n * every PrimeTek template for a reason worth repeating: none of those screens has navigation state, a\n * sidebar to remember or a breadcrumb to place, so hanging them off the application shell would mean every\n * one of the eight modes needs an answer for a page with no menu.\n *\n * The configurator stays, because the sign-in page is very often the first page anyone sees and it still\n * has to honor the chosen theme.\n */\nexport const fullPageLayout: Layout = {\n    name: LayoutName.FullPage,\n    slots: [{ name: SlotName.Aside }, { name: SlotName.Content }, { name: SlotName.ConfigPanel }],\n    arrangement: fullPageArrangement,\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n"],"names":["fullPageRegularRoot","column","row","slotLeaf","SlotName","Aside","Content","grow","ConfigPanel","fullPageCompactWidthRoot","fullPageArrangement","root","overrides","width","WidthSizeClass","Compact","fullPageLayout","name","LayoutName","FullPage","slots","arrangement","metadata","defaultBlueprintTemplateProvenance"],"mappings":";;;;;;;;AAAA;AACA;AAQA;;;;;IAMO,MAAMA,mBAAAA,GAAsBC,mBAAAA,CAAO;IAACC,gBAAAA,CAAI;AAACC,QAAAA,qBAAAA,CAASC,kBAASC,KAAK,CAAA;QAAGF,qBAAAA,CAASC,iBAAAA,CAASE,OAAO,EAAE;YAAEC,IAAAA,EAAM;AAAE,SAAA;AAAG,KAAA,EAAE,CAAA,EAAG;QAAEA,IAAAA,EAAM;AAAE,KAAA,CAAA;AAAIJ,IAAAA,qBAAAA,CAASC,kBAASI,WAAW;CAAE;AAEpK;;;;;;IAOO,MAAMC,wBAAAA,GAA2BR,mBAAAA,CAAO;IAACE,qBAAAA,CAASC,iBAAAA,CAASE,OAAO,EAAE;QAAEC,IAAAA,EAAM;AAAE,KAAA,CAAA;AAAIJ,IAAAA,qBAAAA,CAASC,kBAASI,WAAW;CAAE;AAExH,kEACO,MAAME,mBAAAA,GAAuC;IAChDC,IAAAA,EAAMX,mBAAAA;IACNY,SAAAA,EAAW;AAAC,QAAA;AAAEC,YAAAA,KAAAA,EAAOC,2BAAeC,OAAO;YAAEJ,IAAAA,EAAMF;AAAyB;AAAE;AAClF;AAEA;;;;;;;;;;;UAYaO,cAAAA,GAAyB;AAClCC,IAAAA,IAAAA,EAAMC,sBAAWC,QAAQ;IACzBC,KAAAA,EAAO;AAAC,QAAA;AAAEH,YAAAA,IAAAA,EAAMb,kBAASC;AAAM,SAAA;AAAG,QAAA;AAAEY,YAAAA,IAAAA,EAAMb,kBAASE;AAAQ,SAAA;AAAG,QAAA;AAAEW,YAAAA,IAAAA,EAAMb,kBAASI;AAAY;AAAE,KAAA;IAC7Fa,WAAAA,EAAaX,mBAAAA;IACbY,QAAAA,EAAU;AAAE,QAAA,GAAGC;AAAmC;AACtD;;;;;"}

package/dist/cjs/templateProvenance.js

@@ -0,0 +1,46 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The compatibility, attribution and license metadata every template this blueprint ships carries.
+ *
+ * Templates are written against the Scene model that introduced template provenance, and against the
+ * PrimeReact and Cratis Components packages this blueprint depends on - the same dependencies its manifest
+ * declares, with the ranges the templates were verified against. `describeTemplateCatalog` checks every
+ * template against them, and this package's specs prove each one comes out compatible.
+ */ const defaultBlueprintTemplateProvenance = {
+    compatibility: {
+        scene: '^4.13.0',
+        packages: [
+            {
+                name: 'PrimeReact',
+                versionRange: '^11.0.0'
+            },
+            {
+                name: 'Cratis.Components',
+                versionRange: '^3.0.0'
+            }
+        ]
+    },
+    attribution: {
+        author: 'Cratis',
+        url: 'https://github.com/Cratis/Scene/tree/main/Source/JavaScript/blueprint.default'
+    },
+    license: 'MIT',
+    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE'
+};
+/**
+ * The provenance of the shell and the dashboard, whose arrangement follows PrimeTek's free Sakai template.
+ * The arrangement is followed; no Sakai source or asset is part of this package.
+ */ const sakaiCompositionProvenance = {
+    ...defaultBlueprintTemplateProvenance,
+    attribution: {
+        ...defaultBlueprintTemplateProvenance.attribution,
+        notice: "Arrangement follows PrimeTek's Sakai React template (https://github.com/primefaces/sakai-react, MIT)."
+    }
+};
+
+exports.defaultBlueprintTemplateProvenance = defaultBlueprintTemplateProvenance;
+exports.sakaiCompositionProvenance = sakaiCompositionProvenance;
+//# sourceMappingURL=templateProvenance.js.map

package/dist/cjs/templateProvenance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templateProvenance.js","sources":["../../templateProvenance.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 { TemplateMetadata } from '@cratis/scene.model';\n\n/**\n * The compatibility, attribution and license metadata every template this blueprint ships carries.\n *\n * Templates are written against the Scene model that introduced template provenance, and against the\n * PrimeReact and Cratis Components packages this blueprint depends on - the same dependencies its manifest\n * declares, with the ranges the templates were verified against. `describeTemplateCatalog` checks every\n * template against them, and this package's specs prove each one comes out compatible.\n */\nexport const defaultBlueprintTemplateProvenance: Pick<TemplateMetadata, 'compatibility' | 'attribution' | 'license' | 'licenseUrl'> = {\n    compatibility: {\n        scene: '^4.13.0',\n        packages: [\n            { name: 'PrimeReact', versionRange: '^11.0.0' },\n            { name: 'Cratis.Components', versionRange: '^3.0.0' },\n        ],\n    },\n    attribution: { author: 'Cratis', url: 'https://github.com/Cratis/Scene/tree/main/Source/JavaScript/blueprint.default' },\n    license: 'MIT',\n    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE',\n};\n\n/**\n * The provenance of the shell and the dashboard, whose arrangement follows PrimeTek's free Sakai template.\n * The arrangement is followed; no Sakai source or asset is part of this package.\n */\nexport const sakaiCompositionProvenance: Pick<TemplateMetadata, 'compatibility' | 'attribution' | 'license' | 'licenseUrl'> = {\n    ...defaultBlueprintTemplateProvenance,\n    attribution: {\n        ...defaultBlueprintTemplateProvenance.attribution!,\n        notice: \"Arrangement follows PrimeTek's Sakai React template (https://github.com/primefaces/sakai-react, MIT).\",\n    },\n};\n"],"names":["defaultBlueprintTemplateProvenance","compatibility","scene","packages","name","versionRange","attribution","author","url","license","licenseUrl","sakaiCompositionProvenance","notice"],"mappings":";;AAAA;AACA;AAIA;;;;;;;UAQaA,kCAAAA,GAAyH;IAClIC,aAAAA,EAAe;QACXC,KAAAA,EAAO,SAAA;QACPC,QAAAA,EAAU;AACN,YAAA;gBAAEC,IAAAA,EAAM,YAAA;gBAAcC,YAAAA,EAAc;AAAU,aAAA;AAC9C,YAAA;gBAAED,IAAAA,EAAM,mBAAA;gBAAqBC,YAAAA,EAAc;AAAS;AACvD;AACL,KAAA;IACAC,WAAAA,EAAa;QAAEC,MAAAA,EAAQ,QAAA;QAAUC,GAAAA,EAAK;AAAgF,KAAA;IACtHC,OAAAA,EAAS,KAAA;IACTC,UAAAA,EAAY;AAChB;AAEA;;;UAIaC,0BAAAA,GAAiH;AAC1H,IAAA,GAAGX,kCAAkC;IACrCM,WAAAA,EAAa;AACT,QAAA,GAAGN,mCAAmCM,WAAW;QACjDM,MAAAA,EAAQ;AACZ;AACJ;;;"}

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"}