@cratis/scene.blueprint.default 4.24.0 → 4.25.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';\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, label: 'Warehouse capacity' })]),\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","label","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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"}
+{"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, label: 'Warehouse capacity' })]),\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, category: 'Foundation / Dashboard' },\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, category: 'Foundation / List' },\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, category: 'Foundation / Detail' },\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', category: 'Foundation / 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, category: 'Foundation / Form' },\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, category: 'Foundation / State' },\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","label","displayName","description","metadata","sakaiCompositionProvenance","category","crudListTemplate","Toolbar","Body","pageHeader","button","severity","icon","placeholder","ariaLabel","code","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":";;;;;;;;;;;;;AAAA;AACA;AASA;;;;;;;;;;;;;;;;UAmBaA,iBAAAA,GAAoC;IAC7CC,IAAAA,EAAM,WAAA;AACNC,IAAAA,QAAAA,EAAUC,kBAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,kCAAiBC;AAAM,SAAA;AAAG,QAAA;AAAEN,YAAAA,IAAAA,EAAMK,kCAAiBE;AAAQ,SAAA;AAAG,QAAA;AAAEP,YAAAA,IAAAA,EAAMK,kCAAiBG;AAAU;AAAE,KAAA;IACnHC,WAAAA,EAAa;AACTC,QAAAA,IAAAA,EAAMC,mBAAAA,CAAO;AAACC,YAAAA,qBAAAA,CAASP,kCAAiBC,KAAK,CAAA;YAAGO,iBAAAA,CAAK;gBAACD,qBAAAA,CAASP,iCAAAA,CAAiBE,OAAO,EAAE;oBAAEO,IAAAA,EAAM;AAAE,iBAAA,CAAA;AAAIF,gBAAAA,qBAAAA,CAASP,kCAAiBG,SAAS;AAAE,aAAA,EAAE,CAAA,EAAG,EAAA;AAAI,SAAA,CAAA;QACrJO,SAAAA,EAAW;AACP,YAAA;AACIC,gBAAAA,KAAAA,EAAOC,2BAAeC,OAAO;AAC7BR,gBAAAA,IAAAA,EAAMC,mBAAAA,CAAO;AAACC,oBAAAA,qBAAAA,CAASP,kCAAiBC,KAAK,CAAA;AAAGM,oBAAAA,qBAAAA,CAASP,kCAAiBE,OAAO,CAAA;AAAGK,oBAAAA,qBAAAA,CAASP,kCAAiBG,SAAS;iBAAE,EAAE,EAAA;AAC/H;AACH;AACL,KAAA;IACAW,OAAAA,EAAS;QACL,CAACd,iCAAAA,CAAiBC,KAAK,GAAG;YACtBc,gBAAAA,CAAS,cAAA,EAAgB,SAAA,EAAW,UAAA,EAAY,mBAAA,EAAqB,cAAA,CAAA;YACrEA,gBAAAA,CAAS,aAAA,EAAe,QAAA,EAAU,OAAA,EAAS,kBAAA,EAAoB,qBAAA,CAAA;YAC/DA,gBAAAA,CAAS,gBAAA,EAAkB,WAAA,EAAa,OAAA,EAAS,UAAA,EAAY,aAAA,CAAA;YAC7DA,gBAAAA,CAAS,WAAA,EAAa,cAAA,EAAgB,IAAA,EAAM,iBAAA,EAAmB,aAAA;AAClE,SAAA;QACD,CAACf,iCAAAA,CAAiBE,OAAO,GAAG;AACxBc,YAAAA,cAAAA,CAAO,kBAAkB,mBAAA,EAAqB;AAC1CC,gBAAAA,aAAAA,CACI,eAAA,EACA;AACI,oBAAA;wBAAEC,KAAAA,EAAO,OAAA;wBAASC,MAAAA,EAAQ;AAAQ,qBAAA;AAClC,oBAAA;wBAAED,KAAAA,EAAO,SAAA;wBAAWC,MAAAA,EAAQ;AAAU,qBAAA;AACtC,oBAAA;wBAAED,KAAAA,EAAO,QAAA;wBAAUC,MAAAA,EAAQ;AAAS;iBACvC,EACD;AACI,oBAAA;wBAAEC,KAAAA,EAAO,OAAA;wBAASC,OAAAA,EAAS,UAAA;wBAAYC,MAAAA,EAAQ;AAAS,qBAAA;AACxD,oBAAA;wBAAEF,KAAAA,EAAO,UAAA;wBAAYC,OAAAA,EAAS,UAAA;wBAAYC,MAAAA,EAAQ;AAAQ,qBAAA;AAC1D,oBAAA;wBAAEF,KAAAA,EAAO,SAAA;wBAAWC,OAAAA,EAAS,UAAA;wBAAYC,MAAAA,EAAQ;AAAQ,qBAAA;AACzD,oBAAA;wBAAEF,KAAAA,EAAO,UAAA;wBAAYC,OAAAA,EAAS,UAAA;wBAAYC,MAAAA,EAAQ;AAAQ;AAC7D,iBAAA;AAER,aAAA,CAAA;AACDN,YAAAA,cAAAA,CAAO,iBAAiB,eAAA,EAAiB;AACrCC,gBAAAA,aAAAA,CACI,cAAA,EACA;AACI,oBAAA;wBAAEC,KAAAA,EAAO,WAAA;wBAAaC,MAAAA,EAAQ;AAAY,qBAAA;AAC1C,oBAAA;wBAAED,KAAAA,EAAO,UAAA;wBAAYC,MAAAA,EAAQ;AAAW,qBAAA;AACxC,oBAAA;wBAAED,KAAAA,EAAO,OAAA;wBAASC,MAAAA,EAAQ;AAAQ,qBAAA;AAClC,oBAAA;wBAAED,KAAAA,EAAO,QAAA;wBAAUC,MAAAA,EAAQ;AAAS;iBACvC,EACD;AACI,oBAAA;wBAAEI,SAAAA,EAAW,UAAA;wBAAYC,QAAAA,EAAU,mBAAA;wBAAqBC,KAAAA,EAAO,WAAA;wBAAaC,MAAAA,EAAQ;AAAU,qBAAA;AAC9F,oBAAA;wBAAEH,SAAAA,EAAW,UAAA;wBAAYC,QAAAA,EAAU,aAAA;wBAAeC,KAAAA,EAAO,SAAA;wBAAWC,MAAAA,EAAQ;AAAU,qBAAA;AACtF,oBAAA;wBAAEH,SAAAA,EAAW,UAAA;wBAAYC,QAAAA,EAAU,UAAA;wBAAYC,KAAAA,EAAO,WAAA;wBAAaC,MAAAA,EAAQ;AAAmB,qBAAA;AAC9F,oBAAA;wBAAEH,SAAAA,EAAW,UAAA;wBAAYC,QAAAA,EAAU,iBAAA;wBAAmBC,KAAAA,EAAO,QAAA;wBAAUC,MAAAA,EAAQ;AAAU;AAC5F,iBAAA;AAER,aAAA;AACJ,SAAA;QACD,CAAC1B,iCAAAA,CAAiBG,SAAS,GAAG;AAC1Ba,YAAAA,cAAAA,CAAO,mBAAmB,UAAA,EAAY;AAACW,gBAAAA,0BAAAA,CAAkB,qBAAqB,UAAA,EAAY;oBAAEC,KAAAA,EAAO;AAAO,iBAAA;AAAG,aAAA,CAAA;AAC7GZ,YAAAA,cAAAA,CAAO,mBAAmB,oBAAA,EAAsB;AAACW,gBAAAA,0BAAAA,CAAkB,gBAAgB,aAAA,EAAe;oBAAEE,KAAAA,EAAO,EAAA;oBAAIC,KAAAA,EAAO;AAAqB,iBAAA;AAAG,aAAA;AACjJ;AACL,KAAA;IACAC,WAAAA,EAAa,WAAA;IACbC,WAAAA,EAAa,+FAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC,6CAA0B;QAAEC,QAAAA,EAAU;AAAyB;AAClF;AAEA,mFACO,MAAMC,gBAAAA,GAAmC;IAC5CzC,IAAAA,EAAM,UAAA;AACNC,IAAAA,QAAAA,EAAUC,kBAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,kCAAiBqC;AAAQ,SAAA;AAAG,QAAA;AAAE1C,YAAAA,IAAAA,EAAMK,kCAAiBsC;AAAK;AAAE,KAAA;IAC5ExB,OAAAA,EAAS;QACL,CAACd,iCAAAA,CAAiBqC,OAAO,GAAG;YACxBE,kBAAAA,CAAW,aAAA,EAAe,YAAY,kCAAA,EAAoC;AACtEC,gBAAAA,eAAAA,CAAO,YAAY,aAAA,EAAe;oBAAEC,QAAAA,EAAU,SAAA;oBAAWC,IAAAA,EAAM;AAAa,iBAAA,CAAA;AAC5EF,gBAAAA,eAAAA,CAAO,eAAe,QAAA,EAAU;oBAAEC,QAAAA,EAAU,WAAA;oBAAaC,IAAAA,EAAM;AAAe,iBAAA;AACjF,aAAA,CAAA;AACDf,YAAAA,0BAAAA,CAAkB,eAAe,WAAA,EAAa;gBAAEgB,WAAAA,EAAa,iBAAA;gBAAmBC,SAAAA,EAAW;AAAkB,aAAA;AAChH,SAAA;QACD,CAAC5C,iCAAAA,CAAiBsC,IAAI,GAAG;AACrBrB,YAAAA,aAAAA,CACI,gBAAA,EACA;AACI,gBAAA;oBAAEC,KAAAA,EAAO,MAAA;oBAAQC,MAAAA,EAAQ;AAAO,iBAAA;AAChC,gBAAA;oBAAED,KAAAA,EAAO,MAAA;oBAAQC,MAAAA,EAAQ;AAAO,iBAAA;AAChC,gBAAA;oBAAED,KAAAA,EAAO,UAAA;oBAAYC,MAAAA,EAAQ;AAAW,iBAAA;AACxC,gBAAA;oBAAED,KAAAA,EAAO,OAAA;oBAASC,MAAAA,EAAQ;AAAQ,iBAAA;AAClC,gBAAA;oBAAED,KAAAA,EAAO,OAAA;oBAASC,MAAAA,EAAQ;AAAW;aACxC,EACD;AACI,gBAAA;oBAAE0B,IAAAA,EAAM,QAAA;oBAAUlD,IAAAA,EAAM,cAAA;oBAAgBwC,QAAAA,EAAU,aAAA;oBAAeW,KAAAA,EAAO,QAAA;oBAAUC,KAAAA,EAAO;AAAG,iBAAA;AAC5F,gBAAA;oBAAEF,IAAAA,EAAM,QAAA;oBAAUlD,IAAAA,EAAM,aAAA;oBAAewC,QAAAA,EAAU,aAAA;oBAAeW,KAAAA,EAAO,QAAA;oBAAUC,KAAAA,EAAO;AAAG,iBAAA;AAC3F,gBAAA;oBAAEF,IAAAA,EAAM,QAAA;oBAAUlD,IAAAA,EAAM,WAAA;oBAAawC,QAAAA,EAAU,SAAA;oBAAWW,KAAAA,EAAO,QAAA;oBAAUC,KAAAA,EAAO;AAAE,iBAAA;AACpF,gBAAA;oBAAEF,IAAAA,EAAM,QAAA;oBAAUlD,IAAAA,EAAM,cAAA;oBAAgBwC,QAAAA,EAAU,UAAA;oBAAYW,KAAAA,EAAO,QAAA;oBAAUC,KAAAA,EAAO;AAAG,iBAAA;AACzF,gBAAA;oBAAEF,IAAAA,EAAM,QAAA;oBAAUlD,IAAAA,EAAM,UAAA;oBAAYwC,QAAAA,EAAU,aAAA;oBAAeW,KAAAA,EAAO,QAAA;oBAAUC,KAAAA,EAAO;AAAG;AAC3F,aAAA;AAER;AACL,KAAA;IACAhB,WAAAA,EAAa,MAAA;IACbC,WAAAA,EAAa,gEAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGe,qDAAkC;QAAEb,QAAAA,EAAU;AAAoB;AACrF;AAEA,qEACO,MAAMc,kBAAAA,GAAqC;IAC9CtD,IAAAA,EAAM,YAAA;AACNC,IAAAA,QAAAA,EAAUC,kBAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,kCAAiBkD;AAAO,SAAA;AAAG,QAAA;AAAEvD,YAAAA,IAAAA,EAAMK,kCAAiBsC;AAAK,SAAA;AAAG,QAAA;AAAE3C,YAAAA,IAAAA,EAAMK,kCAAiBmD;AAAU;AAAE,KAAA;IACjHrC,OAAAA,EAAS;QACL,CAACd,iCAAAA,CAAiBkD,MAAM,GAAG;YACvBX,kBAAAA,CAAW,eAAA,EAAiB,gBAAgB,sBAAA,EAAwB;AAChEC,gBAAAA,eAAAA,CAAO,eAAe,MAAA,EAAQ;oBAAEC,QAAAA,EAAU,SAAA;oBAAWC,IAAAA,EAAM;AAAe,iBAAA,CAAA;AAC1EF,gBAAAA,eAAAA,CAAO,kBAAkB,SAAA,EAAW;oBAAEC,QAAAA,EAAU,WAAA;oBAAaC,IAAAA,EAAM;AAAc,iBAAA;AACpF,aAAA;AACJ,SAAA;QACD,CAAC1C,iCAAAA,CAAiBsC,IAAI,GAAG;AACrBtB,YAAAA,cAAAA,CAAO,sBAAsB,aAAA,EAAe;AACxCoC,gBAAAA,aAAAA,CAAK,yBAAA,EAA2B,uEAAA;AACnC,aAAA,CAAA;AACDpC,YAAAA,cAAAA,CAAO,kBAAkB,eAAA,EAAiB;AAACW,gBAAAA,0BAAAA,CAAkB,2BAA2B,UAAA,EAAY;oBAAEC,KAAAA,EAAO;AAAO,iBAAA;AAAG,aAAA;AAC1H,SAAA;QACD,CAAC5B,iCAAAA,CAAiBmD,SAAS,GAAG;AAC1BnC,YAAAA,cAAAA,CAAO,kBAAkB,SAAA,EAAW;AAChCoC,gBAAAA,aAAAA,CAAK,cAAA,EAAgB,cAAA,CAAA;AACrBA,gBAAAA,aAAAA,CAAK,iBAAA,EAAmB,aAAA,CAAA;AACxBzB,gBAAAA,0BAAAA,CAAkB,iBAAiB,KAAA,EAAO;oBAAEE,KAAAA,EAAO,QAAA;oBAAUY,QAAAA,EAAU;AAAU,iBAAA;AACpF,aAAA;AACJ;AACL,KAAA;IACAV,WAAAA,EAAa,QAAA;IACbC,WAAAA,EAAa,uEAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGe,qDAAkC;QAAEb,QAAAA,EAAU;AAAsB;AACvF;AAEA;;;;;;UAOakB,oBAAAA,GAAuC;IAChD1D,IAAAA,EAAM,cAAA;AACNC,IAAAA,QAAAA,EAAUC,kBAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,kCAAiBkD;AAAO,SAAA;AAAG,QAAA;AAAEvD,YAAAA,IAAAA,EAAMK,kCAAiBE;AAAQ,SAAA;AAAG,QAAA;AAAEP,YAAAA,IAAAA,EAAMK,kCAAiBmD;AAAU;AAAE,KAAA;IACpHG,OAAAA,EAAS;AAAC,QAAA;YAAE3D,IAAAA,EAAM,sBAAA;YAAwBqC,WAAAA,EAAa,sBAAA;YAAwBuB,OAAAA,EAAS;AAAC,gBAAA;AAAS;AAAC;AAAE,KAAA;IACrGnD,WAAAA,EAAa;AACTC,QAAAA,IAAAA,EAAMC,mBAAAA,CAAO;AAACC,YAAAA,qBAAAA,CAASP,kCAAiBkD,MAAM,CAAA;YAAG1C,iBAAAA,CAAK;AAACD,gBAAAA,qBAAAA,CAASP,kCAAiBE,OAAO,CAAA;AAAGK,gBAAAA,qBAAAA,CAASP,kCAAiBmD,SAAS;AAAE,aAAA,EAAE,CAAA,EAAG,EAAA;SAAI,EAAE,EAAA,CAAA;QAC3IzC,SAAAA,EAAW;AACP,YAAA;AACIC,gBAAAA,KAAAA,EAAOC,2BAAeC,OAAO;AAC7BR,gBAAAA,IAAAA,EAAMC,mBAAAA,CAAO;AAACC,oBAAAA,qBAAAA,CAASP,kCAAiBkD,MAAM,CAAA;AAAG3C,oBAAAA,qBAAAA,CAASP,kCAAiBE,OAAO,CAAA;AAAGK,oBAAAA,qBAAAA,CAASP,kCAAiBmD,SAAS;iBAAE,EAAE,EAAA;AAChI;AACH;AACL,KAAA;IACArC,OAAAA,EAAS;QACL,CAACd,iCAAAA,CAAiBkD,MAAM,GAAG;AAACX,YAAAA,kBAAAA,CAAW,iBAAiB,WAAA,EAAa,2CAAA;AAA6C,SAAA;QAClH,CAACvC,iCAAAA,CAAiBE,OAAO,GAAG;AACxBe,YAAAA,aAAAA,CACI,iBAAA,EACA;AACI,gBAAA;oBAAEC,KAAAA,EAAO,MAAA;oBAAQC,MAAAA,EAAQ;AAAW,iBAAA;AACpC,gBAAA;oBAAED,KAAAA,EAAO,MAAA;oBAAQC,MAAAA,EAAQ;AAAO,iBAAA;AAChC,gBAAA;oBAAED,KAAAA,EAAO,SAAA;oBAAWC,MAAAA,EAAQ;AAAU;aACzC,EACD;AACI,gBAAA;oBAAExB,IAAAA,EAAM,mBAAA;oBAAqB6D,IAAAA,EAAM,SAAA;oBAAWC,OAAAA,EAAS;AAAY,iBAAA;AACnE,gBAAA;oBAAE9D,IAAAA,EAAM,aAAA;oBAAe6D,IAAAA,EAAM,MAAA;oBAAQC,OAAAA,EAAS;AAAQ,iBAAA;AACtD,gBAAA;oBAAE9D,IAAAA,EAAM,UAAA;oBAAY6D,IAAAA,EAAM,MAAA;oBAAQC,OAAAA,EAAS;AAAa,iBAAA;AACxD,gBAAA;oBAAE9D,IAAAA,EAAM,iBAAA;oBAAmB6D,IAAAA,EAAM,QAAA;oBAAUC,OAAAA,EAAS;AAAU;aACjE,EACD,+BAAA;AAEP,SAAA;QACD,CAACzD,iCAAAA,CAAiBmD,SAAS,GAAG;AAC1BnC,YAAAA,cAAAA,CAAO,mBAAmB,mBAAA,EAAqB;AAC3CoC,gBAAAA,aAAAA,CAAK,kBAAA,EAAoB,yBAAA,CAAA;AACzBA,gBAAAA,aAAAA,CAAK,gBAAA,EAAkB,wBAAA,CAAA;AACvBzB,gBAAAA,0BAAAA,CAAkB,mBAAmB,KAAA,EAAO;oBAAEE,KAAAA,EAAO,SAAA;oBAAWY,QAAAA,EAAU;AAAU,iBAAA,CAAA;AACpFD,gBAAAA,eAAAA,CAAO,iBAAiB,eAAA,EAAiB;oBAAEC,QAAAA,EAAU;AAAU,iBAAA;AAClE,aAAA;AACJ;AACL,KAAA;IACAV,WAAAA,EAAa,eAAA;IACbC,WAAAA,EAAa,gEAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGe,qDAAkC;QAAEU,IAAAA,EAAM,WAAA;QAAavB,QAAAA,EAAU;AAAyB;AAC7G;AAEA,oEACO,MAAMwB,gBAAAA,GAAmC;IAC5ChE,IAAAA,EAAM,UAAA;AACNC,IAAAA,QAAAA,EAAUC,kBAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,kCAAiBkD;AAAO,SAAA;AAAG,QAAA;AAAEvD,YAAAA,IAAAA,EAAMK,kCAAiBsC;AAAK,SAAA;AAAG,QAAA;AAAE3C,YAAAA,IAAAA,EAAMK,kCAAiB4D;AAAQ;AAAE,KAAA;IAC/G9C,OAAAA,EAAS;QACL,CAACd,iCAAAA,CAAiBkD,MAAM,GAAG;AAACX,YAAAA,kBAAAA,CAAW,eAAe,aAAA,EAAe,gDAAA;AAAkD,SAAA;QACvH,CAACvC,iCAAAA,CAAiBsC,IAAI,GAAG;AACrBuB,YAAAA,aAAAA,CAAK,WAAA,EAAa;gBACd3C,aAAAA,CAAM,WAAA,EAAa,QAAQ,WAAA,EAAa;oBAAEyB,WAAAA,EAAa;AAAe,iBAAA,CAAA;gBACtEzB,aAAAA,CAAM,WAAA,EAAa,QAAQ,WAAA,EAAa;oBAAEyB,WAAAA,EAAa;AAAS,iBAAA,CAAA;gBAChEzB,aAAAA,CAAM,eAAA,EAAiB,YAAY,UAAA,EAAY;oBAAE4C,OAAAA,EAAS;AAAC,wBAAA,aAAA;AAAe,wBAAA,UAAA;AAAY,wBAAA;AAAU;AAAC,iBAAA,CAAA;gBACjG5C,aAAAA,CAAM,YAAA,EAAc,SAAS,aAAA,EAAe;oBAAE6C,IAAAA,EAAM,UAAA;oBAAYC,QAAAA,EAAU;AAAM,iBAAA,CAAA;gBAChF9C,aAAAA,CAAM,gBAAA,EAAkB,gBAAA,EAAkB,UAAA,EAAY,EAAC,CAAA;gBACvDA,aAAAA,CAAM,YAAA,EAAc,SAAS,eAAA,EAAiB;oBAAE+C,IAAAA,EAAM;AAAE,iBAAA;AAC3D,aAAA;AACJ,SAAA;QACD,CAACjE,iCAAAA,CAAiB4D,OAAO,GAAG;AAACM,YAAAA,mBAAAA,CAAY,cAAA,EAAgB,gBAAA;AAAkB;AAC/E,KAAA;IACAnC,WAAAA,EAAa,MAAA;IACbC,WAAAA,EAAa,mEAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGe,qDAAkC;QAAEb,QAAAA,EAAU;AAAoB;AACrF;AAEA,4GACO,MAAMgC,aAAAA,GAAgC;IACzCxE,IAAAA,EAAM,OAAA;AACNC,IAAAA,QAAAA,EAAUC,kBAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,kCAAiBsC;AAAK;AAAE,KAAA;IACxCxB,OAAAA,EAAS;QACL,CAACd,iCAAAA,CAAiBsC,IAAI,GAAG;YACrB8B,kBAAAA,CAAW,aAAA,EAAe,mBAAmB,sEAAA,EAAwE,0BAAA;AACxH;AACL,KAAA;IACArC,WAAAA,EAAa,aAAA;IACbC,WAAAA,EAAa,iEAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGe,qDAAkC;QAAEb,QAAAA,EAAU;AAAqB;AACtF;AAEA,qCACO,MAAMkC,kBAAAA,GAAuC;AAAC3E,IAAAA,iBAAAA;AAAmB0C,IAAAA,gBAAAA;AAAkBiB,IAAAA,oBAAAA;AAAsBJ,IAAAA,kBAAAA;AAAoBU,IAAAA,gBAAAA;AAAkBQ,IAAAA;;;;;;;;;"}

package/dist/cjs/layouts/appShell.js

@@ -151,7 +151,8 @@ var templateProvenance = require('../templateProvenance.js');
     ],
     arrangement: appShellArrangement,
     metadata: {
-        ...templateProvenance.sakaiCompositionProvenance
+        ...templateProvenance.sakaiCompositionProvenance,
+        category: 'Foundation / Shell'
     }
 };
 

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';\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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"}
+{"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, category: 'Foundation / Shell' },\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","category"],"mappings":"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"}

package/dist/cjs/layouts/fullPage.js

@@ -71,7 +71,8 @@ var templateProvenance = require('../templateProvenance.js');
     ],
     arrangement: fullPageArrangement,
     metadata: {
-        ...templateProvenance.defaultBlueprintTemplateProvenance
+        ...templateProvenance.defaultBlueprintTemplateProvenance,
+        category: 'Foundation / Shell'
     }
 };
 

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';\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;;;;;"}
+{"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, category: 'Foundation / Shell' },\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","category"],"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,qDAAkC;QAAEC,QAAAA,EAAU;AAAqB;AACtF;;;;;"}

package/dist/esm/gallery/authTemplates.js

@@ -63,7 +63,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     displayName: 'Sign in',
     description: 'Email and password beside the branding panel.',
     metadata: {
-        ...defaultBlueprintTemplateProvenance
+        ...defaultBlueprintTemplateProvenance,
+        category: 'Foundation / Auth'
     }
 };
 /** Register. */ const registerTemplate = {
@@ -97,7 +98,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     displayName: 'Register',
     description: 'Account creation with a password strength meter and the terms checkbox.',
     metadata: {
-        ...defaultBlueprintTemplateProvenance
+        ...defaultBlueprintTemplateProvenance,
+        category: 'Foundation / Auth'
     }
 };
 /** Forgotten password: ask for the address. */ const forgotPasswordTemplate = {
@@ -126,7 +128,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     displayName: 'Forgotten password',
     description: 'One field and one button - the whole point is that it asks for nothing else.',
     metadata: {
-        ...defaultBlueprintTemplateProvenance
+        ...defaultBlueprintTemplateProvenance,
+        category: 'Foundation / Auth'
     }
 };
 /** New password: the other end of the link. */ const newPasswordTemplate = {
@@ -158,7 +161,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     displayName: 'New password',
     description: 'Where a reset link lands: choose it, confirm it, done.',
     metadata: {
-        ...defaultBlueprintTemplateProvenance
+        ...defaultBlueprintTemplateProvenance,
+        category: 'Foundation / Auth'
     }
 };
 /** Verification: the code from the email. */ const verificationTemplate = {
@@ -195,7 +199,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     displayName: 'Verification',
     description: 'The code step, with the progress indicator that tells you how much is left.',
     metadata: {
-        ...defaultBlueprintTemplateProvenance
+        ...defaultBlueprintTemplateProvenance,
+        category: 'Foundation / Auth'
     }
 };
 /** Lock screen: the session is still there, the person has to prove they are. */ const lockScreenTemplate = {
@@ -229,7 +234,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     displayName: 'Lock screen',
     description: 'One person, one password, and no way to lose what was open.',
     metadata: {
-        ...defaultBlueprintTemplateProvenance
+        ...defaultBlueprintTemplateProvenance,
+        category: 'Foundation / Auth'
     }
 };
 /** The six authentication templates. */ const authTemplates = [

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

@@ -1 +1 @@
-{"version":3,"file":"authTemplates.js","sources":["../../../gallery/authTemplates.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ScreenTemplate } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { SlotName } from '../layouts';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, text } from './elements';\nimport { field, formActions } from './widgets';\nimport { defaultBlueprintTemplateProvenance } from '../templateProvenance';\n\n/**\n * The six screens that stand between someone and the application: sign in, register, forgotten password,\n * new password, verification and the lock screen.\n *\n * All six fit the full-page layout's `content` slot and fill its `aside` with the branding half. That\n * split - a colored panel of brand next to a narrow column of form - is the shape the premium PrimeTek\n * templates use for every one of them, and the reason it works is that it gives the form somewhere to be\n * *small*, which is what a sign-in form should be.\n */\n\n/** The branding half every authentication screen shares. */\nfunction brandingAside(id: string, headline: string, supporting: string) {\n    return [\n        externalComponent(`${id}-logo`, ComponentName.Logo, { label: 'Contoso', initials: 'C' }),\n        text(`${id}-headline`, headline),\n        text(`${id}-supporting`, supporting),\n    ];\n}\n\n/** Sign in. */\nexport const loginTemplate: ScreenTemplate = {\n    name: 'Login',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('login', 'Welcome back', 'Everything your team shipped since you were last here is waiting.'),\n        [TemplateSlotName.Body]: [\n            card('login-card', [\n                text('login-title', 'Sign in'),\n                field('login-email', 'Email', 'inputText', { placeholder: 'you@contoso.com' }),\n                field('login-password', 'Password', 'password', { feedback: false }),\n                field('login-remember', 'Keep me signed in', 'checkbox', {}),\n                formActions('login-actions', 'Sign in', 'Use a different account'),\n                button('login-forgot', 'I forgot my password', { link: true, targetScreen: 'ForgotPassword' }),\n            ]),\n        ],\n    },\n    displayName: 'Sign in',\n    description: 'Email and password beside the branding panel.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Register. */\nexport const registerTemplate: ScreenTemplate = {\n    name: 'Register',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('register', 'Start in two minutes', 'No card, no call, no sales engineer. Just an account.'),\n        [TemplateSlotName.Body]: [\n            card('register-card', [\n                text('register-title', 'Create your account'),\n                field('register-name', 'Full name', 'inputText', {}),\n                field('register-email', 'Work email', 'inputText', { placeholder: 'you@contoso.com' }),\n                field('register-password', 'Password', 'password', { feedback: true }),\n                field('register-terms', 'I accept the terms of service', 'checkbox', {}),\n                formActions('register-actions', 'Create account', 'I already have one'),\n            ]),\n        ],\n    },\n    displayName: 'Register',\n    description: 'Account creation with a password strength meter and the terms checkbox.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Forgotten password: ask for the address. */\nexport const forgotPasswordTemplate: ScreenTemplate = {\n    name: 'ForgotPassword',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('forgot', 'It happens', 'Tell us the address you signed up with and we will send a link.'),\n        [TemplateSlotName.Body]: [\n            card('forgot-card', [\n                text('forgot-title', 'Reset your password'),\n                field('forgot-email', 'Email', 'inputText', { placeholder: 'you@contoso.com' }),\n                formActions('forgot-actions', 'Send the link', 'Back to sign in'),\n            ]),\n        ],\n    },\n    displayName: 'Forgotten password',\n    description: 'One field and one button - the whole point is that it asks for nothing else.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** New password: the other end of the link. */\nexport const newPasswordTemplate: ScreenTemplate = {\n    name: 'NewPassword',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('new-password', 'Almost there', 'Choose something you have not used anywhere else.'),\n        [TemplateSlotName.Body]: [\n            card('new-password-card', [\n                text('new-password-title', 'Choose a new password'),\n                field('new-password-value', 'New password', 'password', { feedback: true }),\n                field('new-password-confirm', 'Confirm it', 'password', { feedback: false }),\n                formActions('new-password-actions', 'Set the password', 'Cancel'),\n            ]),\n        ],\n    },\n    displayName: 'New password',\n    description: 'Where a reset link lands: choose it, confirm it, done.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Verification: the code from the email. */\nexport const verificationTemplate: ScreenTemplate = {\n    name: 'Verification',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('verification', 'Check your email', 'We sent a six-digit code. It expires in ten minutes.'),\n        [TemplateSlotName.Body]: [\n            card('verification-card', [\n                text('verification-title', 'Enter the code'),\n                externalComponent('verification-steps', 'steps', { model: ['Account', 'Verify', 'Done'], activeIndex: 1 }),\n                field('verification-code', 'Six-digit code', 'inputText', { maxLength: 6 }),\n                formActions('verification-actions', 'Verify', 'Send it again'),\n            ]),\n        ],\n    },\n    displayName: 'Verification',\n    description: 'The code step, with the progress indicator that tells you how much is left.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Lock screen: the session is still there, the person has to prove they are. */\nexport const lockScreenTemplate: ScreenTemplate = {\n    name: 'LockScreen',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('lock', 'Locked', 'Your work is exactly where you left it.'),\n        [TemplateSlotName.Body]: [\n            card('lock-card', [\n                externalComponent('lock-avatar', 'avatar', { label: 'AN', size: 'xlarge', shape: 'circle' }),\n                text('lock-name', 'Amelia Nyquist'),\n                field('lock-password', 'Password', 'password', { feedback: false }),\n                formActions('lock-actions', 'Unlock', 'Sign in as someone else'),\n            ]),\n        ],\n    },\n    displayName: 'Lock screen',\n    description: 'One person, one password, and no way to lose what was open.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** The six authentication templates. */\nexport const authTemplates: ScreenTemplate[] = [\n    loginTemplate,\n    registerTemplate,\n    forgotPasswordTemplate,\n    newPasswordTemplate,\n    verificationTemplate,\n    lockScreenTemplate,\n];\n"],"names":["brandingAside","id","headline","supporting","externalComponent","ComponentName","Logo","label","initials","text","loginTemplate","name","fitsSlot","SlotName","Content","slots","Aside","TemplateSlotName","Body","content","card","field","placeholder","feedback","formActions","button","link","targetScreen","displayName","description","metadata","defaultBlueprintTemplateProvenance","registerTemplate","forgotPasswordTemplate","newPasswordTemplate","verificationTemplate","model","activeIndex","maxLength","lockScreenTemplate","size","shape","authTemplates"],"mappings":"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"}
+{"version":3,"file":"authTemplates.js","sources":["../../../gallery/authTemplates.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ScreenTemplate } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { SlotName } from '../layouts';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, text } from './elements';\nimport { field, formActions } from './widgets';\nimport { defaultBlueprintTemplateProvenance } from '../templateProvenance';\n\n/**\n * The six screens that stand between someone and the application: sign in, register, forgotten password,\n * new password, verification and the lock screen.\n *\n * All six fit the full-page layout's `content` slot and fill its `aside` with the branding half. That\n * split - a colored panel of brand next to a narrow column of form - is the shape the premium PrimeTek\n * templates use for every one of them, and the reason it works is that it gives the form somewhere to be\n * *small*, which is what a sign-in form should be.\n */\n\n/** The branding half every authentication screen shares. */\nfunction brandingAside(id: string, headline: string, supporting: string) {\n    return [\n        externalComponent(`${id}-logo`, ComponentName.Logo, { label: 'Contoso', initials: 'C' }),\n        text(`${id}-headline`, headline),\n        text(`${id}-supporting`, supporting),\n    ];\n}\n\n/** Sign in. */\nexport const loginTemplate: ScreenTemplate = {\n    name: 'Login',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('login', 'Welcome back', 'Everything your team shipped since you were last here is waiting.'),\n        [TemplateSlotName.Body]: [\n            card('login-card', [\n                text('login-title', 'Sign in'),\n                field('login-email', 'Email', 'inputText', { placeholder: 'you@contoso.com' }),\n                field('login-password', 'Password', 'password', { feedback: false }),\n                field('login-remember', 'Keep me signed in', 'checkbox', {}),\n                formActions('login-actions', 'Sign in', 'Use a different account'),\n                button('login-forgot', 'I forgot my password', { link: true, targetScreen: 'ForgotPassword' }),\n            ]),\n        ],\n    },\n    displayName: 'Sign in',\n    description: 'Email and password beside the branding panel.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Auth' },\n};\n\n/** Register. */\nexport const registerTemplate: ScreenTemplate = {\n    name: 'Register',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('register', 'Start in two minutes', 'No card, no call, no sales engineer. Just an account.'),\n        [TemplateSlotName.Body]: [\n            card('register-card', [\n                text('register-title', 'Create your account'),\n                field('register-name', 'Full name', 'inputText', {}),\n                field('register-email', 'Work email', 'inputText', { placeholder: 'you@contoso.com' }),\n                field('register-password', 'Password', 'password', { feedback: true }),\n                field('register-terms', 'I accept the terms of service', 'checkbox', {}),\n                formActions('register-actions', 'Create account', 'I already have one'),\n            ]),\n        ],\n    },\n    displayName: 'Register',\n    description: 'Account creation with a password strength meter and the terms checkbox.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Auth' },\n};\n\n/** Forgotten password: ask for the address. */\nexport const forgotPasswordTemplate: ScreenTemplate = {\n    name: 'ForgotPassword',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('forgot', 'It happens', 'Tell us the address you signed up with and we will send a link.'),\n        [TemplateSlotName.Body]: [\n            card('forgot-card', [\n                text('forgot-title', 'Reset your password'),\n                field('forgot-email', 'Email', 'inputText', { placeholder: 'you@contoso.com' }),\n                formActions('forgot-actions', 'Send the link', 'Back to sign in'),\n            ]),\n        ],\n    },\n    displayName: 'Forgotten password',\n    description: 'One field and one button - the whole point is that it asks for nothing else.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Auth' },\n};\n\n/** New password: the other end of the link. */\nexport const newPasswordTemplate: ScreenTemplate = {\n    name: 'NewPassword',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('new-password', 'Almost there', 'Choose something you have not used anywhere else.'),\n        [TemplateSlotName.Body]: [\n            card('new-password-card', [\n                text('new-password-title', 'Choose a new password'),\n                field('new-password-value', 'New password', 'password', { feedback: true }),\n                field('new-password-confirm', 'Confirm it', 'password', { feedback: false }),\n                formActions('new-password-actions', 'Set the password', 'Cancel'),\n            ]),\n        ],\n    },\n    displayName: 'New password',\n    description: 'Where a reset link lands: choose it, confirm it, done.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Auth' },\n};\n\n/** Verification: the code from the email. */\nexport const verificationTemplate: ScreenTemplate = {\n    name: 'Verification',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('verification', 'Check your email', 'We sent a six-digit code. It expires in ten minutes.'),\n        [TemplateSlotName.Body]: [\n            card('verification-card', [\n                text('verification-title', 'Enter the code'),\n                externalComponent('verification-steps', 'steps', { model: ['Account', 'Verify', 'Done'], activeIndex: 1 }),\n                field('verification-code', 'Six-digit code', 'inputText', { maxLength: 6 }),\n                formActions('verification-actions', 'Verify', 'Send it again'),\n            ]),\n        ],\n    },\n    displayName: 'Verification',\n    description: 'The code step, with the progress indicator that tells you how much is left.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Auth' },\n};\n\n/** Lock screen: the session is still there, the person has to prove they are. */\nexport const lockScreenTemplate: ScreenTemplate = {\n    name: 'LockScreen',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: SlotName.Aside }, { name: TemplateSlotName.Body }],\n    content: {\n        [SlotName.Aside]: brandingAside('lock', 'Locked', 'Your work is exactly where you left it.'),\n        [TemplateSlotName.Body]: [\n            card('lock-card', [\n                externalComponent('lock-avatar', 'avatar', { label: 'AN', size: 'xlarge', shape: 'circle' }),\n                text('lock-name', 'Amelia Nyquist'),\n                field('lock-password', 'Password', 'password', { feedback: false }),\n                formActions('lock-actions', 'Unlock', 'Sign in as someone else'),\n            ]),\n        ],\n    },\n    displayName: 'Lock screen',\n    description: 'One person, one password, and no way to lose what was open.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Auth' },\n};\n\n/** The six authentication templates. */\nexport const authTemplates: ScreenTemplate[] = [\n    loginTemplate,\n    registerTemplate,\n    forgotPasswordTemplate,\n    newPasswordTemplate,\n    verificationTemplate,\n    lockScreenTemplate,\n];\n"],"names":["brandingAside","id","headline","supporting","externalComponent","ComponentName","Logo","label","initials","text","loginTemplate","name","fitsSlot","SlotName","Content","slots","Aside","TemplateSlotName","Body","content","card","field","placeholder","feedback","formActions","button","link","targetScreen","displayName","description","metadata","defaultBlueprintTemplateProvenance","category","registerTemplate","forgotPasswordTemplate","newPasswordTemplate","verificationTemplate","model","activeIndex","maxLength","lockScreenTemplate","size","shape","authTemplates"],"mappings":";;;;;;;;;;;AAAA;AACA;AAUA;;;;;;;;iEAWA,SAASA,aAAAA,CAAcC,EAAU,EAAEC,QAAgB,EAAEC,UAAkB,EAAA;IACnE,OAAO;AACHC,QAAAA,iBAAAA,CAAkB,GAAGH,EAAAA,CAAG,KAAK,CAAC,EAAEI,aAAAA,CAAcC,IAAI,EAAE;YAAEC,KAAAA,EAAO,SAAA;YAAWC,QAAAA,EAAU;AAAI,SAAA,CAAA;AACtFC,QAAAA,IAAAA,CAAK,CAAA,EAAGR,EAAAA,CAAG,SAAS,CAAC,EAAEC,QAAAA,CAAAA;AACvBO,QAAAA,IAAAA,CAAK,CAAA,EAAGR,EAAAA,CAAG,WAAW,CAAC,EAAEE,UAAAA;AAC5B,KAAA;AACL;AAEA,gBACO,MAAMO,aAAAA,GAAgC;IACzCC,IAAAA,EAAM,OAAA;AACNC,IAAAA,QAAAA,EAAUC,SAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAME,SAASG;AAAM,SAAA;AAAG,QAAA;AAAEL,YAAAA,IAAAA,EAAMM,iBAAiBC;AAAK;AAAE,KAAA;IAClEC,OAAAA,EAAS;AACL,QAAA,CAACN,SAASG,KAAK,GAAGhB,aAAAA,CAAc,SAAS,cAAA,EAAgB,mEAAA,CAAA;QACzD,CAACiB,gBAAAA,CAAiBC,IAAI,GAAG;AACrBE,YAAAA,IAAAA,CAAK,YAAA,EAAc;AACfX,gBAAAA,IAAAA,CAAK,aAAA,EAAe,SAAA,CAAA;gBACpBY,KAAAA,CAAM,aAAA,EAAe,SAAS,WAAA,EAAa;oBAAEC,WAAAA,EAAa;AAAkB,iBAAA,CAAA;gBAC5ED,KAAAA,CAAM,gBAAA,EAAkB,YAAY,UAAA,EAAY;oBAAEE,QAAAA,EAAU;AAAM,iBAAA,CAAA;gBAClEF,KAAAA,CAAM,gBAAA,EAAkB,mBAAA,EAAqB,UAAA,EAAY,EAAC,CAAA;AAC1DG,gBAAAA,WAAAA,CAAY,iBAAiB,SAAA,EAAW,yBAAA,CAAA;AACxCC,gBAAAA,MAAAA,CAAO,gBAAgB,sBAAA,EAAwB;oBAAEC,IAAAA,EAAM,IAAA;oBAAMC,YAAAA,EAAc;AAAiB,iBAAA;AAC/F,aAAA;AACJ;AACL,KAAA;IACAC,WAAAA,EAAa,SAAA;IACbC,WAAAA,EAAa,+CAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC,kCAAkC;QAAEC,QAAAA,EAAU;AAAoB;AACrF;AAEA,iBACO,MAAMC,gBAAAA,GAAmC;IAC5CtB,IAAAA,EAAM,UAAA;AACNC,IAAAA,QAAAA,EAAUC,SAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAME,SAASG;AAAM,SAAA;AAAG,QAAA;AAAEL,YAAAA,IAAAA,EAAMM,iBAAiBC;AAAK;AAAE,KAAA;IAClEC,OAAAA,EAAS;AACL,QAAA,CAACN,SAASG,KAAK,GAAGhB,aAAAA,CAAc,YAAY,sBAAA,EAAwB,uDAAA,CAAA;QACpE,CAACiB,gBAAAA,CAAiBC,IAAI,GAAG;AACrBE,YAAAA,IAAAA,CAAK,eAAA,EAAiB;AAClBX,gBAAAA,IAAAA,CAAK,gBAAA,EAAkB,qBAAA,CAAA;gBACvBY,KAAAA,CAAM,eAAA,EAAiB,WAAA,EAAa,WAAA,EAAa,EAAC,CAAA;gBAClDA,KAAAA,CAAM,gBAAA,EAAkB,cAAc,WAAA,EAAa;oBAAEC,WAAAA,EAAa;AAAkB,iBAAA,CAAA;gBACpFD,KAAAA,CAAM,mBAAA,EAAqB,YAAY,UAAA,EAAY;oBAAEE,QAAAA,EAAU;AAAK,iBAAA,CAAA;gBACpEF,KAAAA,CAAM,gBAAA,EAAkB,+BAAA,EAAiC,UAAA,EAAY,EAAC,CAAA;AACtEG,gBAAAA,WAAAA,CAAY,oBAAoB,gBAAA,EAAkB,oBAAA;AACrD,aAAA;AACJ;AACL,KAAA;IACAI,WAAAA,EAAa,UAAA;IACbC,WAAAA,EAAa,yEAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC,kCAAkC;QAAEC,QAAAA,EAAU;AAAoB;AACrF;AAEA,gDACO,MAAME,sBAAAA,GAAyC;IAClDvB,IAAAA,EAAM,gBAAA;AACNC,IAAAA,QAAAA,EAAUC,SAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAME,SAASG;AAAM,SAAA;AAAG,QAAA;AAAEL,YAAAA,IAAAA,EAAMM,iBAAiBC;AAAK;AAAE,KAAA;IAClEC,OAAAA,EAAS;AACL,QAAA,CAACN,SAASG,KAAK,GAAGhB,aAAAA,CAAc,UAAU,YAAA,EAAc,iEAAA,CAAA;QACxD,CAACiB,gBAAAA,CAAiBC,IAAI,GAAG;AACrBE,YAAAA,IAAAA,CAAK,aAAA,EAAe;AAChBX,gBAAAA,IAAAA,CAAK,cAAA,EAAgB,qBAAA,CAAA;gBACrBY,KAAAA,CAAM,cAAA,EAAgB,SAAS,WAAA,EAAa;oBAAEC,WAAAA,EAAa;AAAkB,iBAAA,CAAA;AAC7EE,gBAAAA,WAAAA,CAAY,kBAAkB,eAAA,EAAiB,iBAAA;AAClD,aAAA;AACJ;AACL,KAAA;IACAI,WAAAA,EAAa,oBAAA;IACbC,WAAAA,EAAa,8EAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC,kCAAkC;QAAEC,QAAAA,EAAU;AAAoB;AACrF;AAEA,gDACO,MAAMG,mBAAAA,GAAsC;IAC/CxB,IAAAA,EAAM,aAAA;AACNC,IAAAA,QAAAA,EAAUC,SAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAME,SAASG;AAAM,SAAA;AAAG,QAAA;AAAEL,YAAAA,IAAAA,EAAMM,iBAAiBC;AAAK;AAAE,KAAA;IAClEC,OAAAA,EAAS;AACL,QAAA,CAACN,SAASG,KAAK,GAAGhB,aAAAA,CAAc,gBAAgB,cAAA,EAAgB,mDAAA,CAAA;QAChE,CAACiB,gBAAAA,CAAiBC,IAAI,GAAG;AACrBE,YAAAA,IAAAA,CAAK,mBAAA,EAAqB;AACtBX,gBAAAA,IAAAA,CAAK,oBAAA,EAAsB,uBAAA,CAAA;gBAC3BY,KAAAA,CAAM,oBAAA,EAAsB,gBAAgB,UAAA,EAAY;oBAAEE,QAAAA,EAAU;AAAK,iBAAA,CAAA;gBACzEF,KAAAA,CAAM,sBAAA,EAAwB,cAAc,UAAA,EAAY;oBAAEE,QAAAA,EAAU;AAAM,iBAAA,CAAA;AAC1EC,gBAAAA,WAAAA,CAAY,wBAAwB,kBAAA,EAAoB,QAAA;AAC3D,aAAA;AACJ;AACL,KAAA;IACAI,WAAAA,EAAa,cAAA;IACbC,WAAAA,EAAa,wDAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC,kCAAkC;QAAEC,QAAAA,EAAU;AAAoB;AACrF;AAEA,8CACO,MAAMI,oBAAAA,GAAuC;IAChDzB,IAAAA,EAAM,cAAA;AACNC,IAAAA,QAAAA,EAAUC,SAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAME,SAASG;AAAM,SAAA;AAAG,QAAA;AAAEL,YAAAA,IAAAA,EAAMM,iBAAiBC;AAAK;AAAE,KAAA;IAClEC,OAAAA,EAAS;AACL,QAAA,CAACN,SAASG,KAAK,GAAGhB,aAAAA,CAAc,gBAAgB,kBAAA,EAAoB,sDAAA,CAAA;QACpE,CAACiB,gBAAAA,CAAiBC,IAAI,GAAG;AACrBE,YAAAA,IAAAA,CAAK,mBAAA,EAAqB;AACtBX,gBAAAA,IAAAA,CAAK,oBAAA,EAAsB,gBAAA,CAAA;AAC3BL,gBAAAA,iBAAAA,CAAkB,sBAAsB,OAAA,EAAS;oBAAEiC,KAAAA,EAAO;AAAC,wBAAA,SAAA;AAAW,wBAAA,QAAA;AAAU,wBAAA;AAAO,qBAAA;oBAAEC,WAAAA,EAAa;AAAE,iBAAA,CAAA;gBACxGjB,KAAAA,CAAM,mBAAA,EAAqB,kBAAkB,WAAA,EAAa;oBAAEkB,SAAAA,EAAW;AAAE,iBAAA,CAAA;AACzEf,gBAAAA,WAAAA,CAAY,wBAAwB,QAAA,EAAU,eAAA;AACjD,aAAA;AACJ;AACL,KAAA;IACAI,WAAAA,EAAa,cAAA;IACbC,WAAAA,EAAa,6EAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC,kCAAkC;QAAEC,QAAAA,EAAU;AAAoB;AACrF;AAEA,kFACO,MAAMQ,kBAAAA,GAAqC;IAC9C7B,IAAAA,EAAM,YAAA;AACNC,IAAAA,QAAAA,EAAUC,SAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAME,SAASG;AAAM,SAAA;AAAG,QAAA;AAAEL,YAAAA,IAAAA,EAAMM,iBAAiBC;AAAK;AAAE,KAAA;IAClEC,OAAAA,EAAS;AACL,QAAA,CAACN,SAASG,KAAK,GAAGhB,aAAAA,CAAc,QAAQ,QAAA,EAAU,yCAAA,CAAA;QAClD,CAACiB,gBAAAA,CAAiBC,IAAI,GAAG;AACrBE,YAAAA,IAAAA,CAAK,WAAA,EAAa;AACdhB,gBAAAA,iBAAAA,CAAkB,eAAe,QAAA,EAAU;oBAAEG,KAAAA,EAAO,IAAA;oBAAMkC,IAAAA,EAAM,QAAA;oBAAUC,KAAAA,EAAO;AAAS,iBAAA,CAAA;AAC1FjC,gBAAAA,IAAAA,CAAK,WAAA,EAAa,gBAAA,CAAA;gBAClBY,KAAAA,CAAM,eAAA,EAAiB,YAAY,UAAA,EAAY;oBAAEE,QAAAA,EAAU;AAAM,iBAAA,CAAA;AACjEC,gBAAAA,WAAAA,CAAY,gBAAgB,QAAA,EAAU,yBAAA;AACzC,aAAA;AACJ;AACL,KAAA;IACAI,WAAAA,EAAa,aAAA;IACbC,WAAAA,EAAa,6DAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC,kCAAkC;QAAEC,QAAAA,EAAU;AAAoB;AACrF;AAEA,yCACO,MAAMW,aAAAA,GAAkC;AAC3CjC,IAAAA,aAAAA;AACAuB,IAAAA,gBAAAA;AACAC,IAAAA,sBAAAA;AACAC,IAAAA,mBAAAA;AACAC,IAAAA,oBAAAA;AACAI,IAAAA;;;"}

package/dist/esm/gallery/dialogTemplates.js

@@ -51,7 +51,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     displayName: 'Confirmation dialog',
     description: 'One question with the consequence spelled out, and a way back.',
     metadata: {
-        ...defaultBlueprintTemplateProvenance
+        ...defaultBlueprintTemplateProvenance,
+        category: 'Foundation / Dialog'
     }
 };
 /** Form: a short capture that does not deserve a page of its own. */ const formDialogTemplate = {
@@ -100,7 +101,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     displayName: 'Form dialog',
     description: 'A handful of fields captured without leaving the page underneath.',
     metadata: {
-        ...defaultBlueprintTemplateProvenance
+        ...defaultBlueprintTemplateProvenance,
+        category: 'Foundation / Dialog'
     }
 };
 /** Detail: a record shown over the list it came from. */ const detailDialogTemplate = {
@@ -153,7 +155,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     displayName: 'Detail dialog',
     description: 'A record over the list it came from, with a route to the full page.',
     metadata: {
-        ...defaultBlueprintTemplateProvenance
+        ...defaultBlueprintTemplateProvenance,
+        category: 'Foundation / Dialog'
     }
 };
 /** The dialog templates this blueprint provides. */ const galleryDialogTemplates = [

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

@@ -1 +1 @@
-{"version":3,"file":"dialogTemplates.js","sources":["../../../gallery/dialogTemplates.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 { DialogTemplate } from '@cratis/scene.model';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, panel, text } from './elements';\nimport { field } from './widgets';\nimport { defaultBlueprintTemplateProvenance } from '../templateProvenance';\n\n/**\n * The three dialog shapes an application repeats: confirm something destructive, capture a short form, and\n * show a record without leaving the list behind it.\n *\n * A dialog template has no `fitsSlot`, and that absence is the whole distinction. A screen template is\n * *placed* - it fills a slot on whatever contains it, and the containment chain is what decides where it\n * appears. A dialog is *summoned*: it opens over the application from wherever the code that opened it\n * happens to be, so there is no parent slot for it to name.\n */\n\n/** Confirm: one question, two answers, and enough context to answer it. */\nexport const confirmDialogTemplate: DialogTemplate = {\n    name: 'ConfirmDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [text('confirm-title', 'Archive this product?')],\n        [TemplateSlotName.Body]: [\n            text('confirm-message', 'Bamboo Watch will stop appearing in the catalog. Existing orders keep it.'),\n            externalComponent('confirm-note', 'message', { severity: 'warn', text: 'This can be undone from the archive.' }),\n        ],\n        [TemplateSlotName.Actions]: [\n            panel('confirm-actions', [button('confirm-yes', 'Archive', { severity: 'danger' }), button('confirm-no', 'Keep it', { severity: 'secondary' })]),\n        ],\n    },\n    displayName: 'Confirmation dialog',\n    description: 'One question with the consequence spelled out, and a way back.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Form: a short capture that does not deserve a page of its own. */\nexport const formDialogTemplate: DialogTemplate = {\n    name: 'FormDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [text('form-dialog-title', 'Invite someone')],\n        [TemplateSlotName.Body]: [\n            field('form-dialog-email', 'Email', 'inputText', { placeholder: 'them@contoso.com' }),\n            field('form-dialog-role', 'Role', 'dropdown', { options: ['Viewer', 'Editor', 'Administrator'] }),\n            field('form-dialog-message', 'Message', 'inputTextarea', { rows: 3 }),\n        ],\n        [TemplateSlotName.Actions]: [\n            panel('form-dialog-actions', [button('form-dialog-send', 'Send invitation', { severity: 'primary' }), button('form-dialog-cancel', 'Cancel', { severity: 'secondary' })]),\n        ],\n    },\n    displayName: 'Form dialog',\n    description: 'A handful of fields captured without leaving the page underneath.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Detail: a record shown over the list it came from. */\nexport const detailDialogTemplate: DialogTemplate = {\n    name: 'DetailDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [text('detail-dialog-title', 'ORD-4192')],\n        [TemplateSlotName.Body]: [\n            card('detail-dialog-summary', [\n                text('detail-dialog-customer', 'Northwind Traders'),\n                text('detail-dialog-total', '$1,240.00'),\n                externalComponent('detail-dialog-status', 'tag', { value: 'Shipped', severity: 'success' }),\n            ]),\n        ],\n        [TemplateSlotName.SidePanel]: [externalComponent('detail-dialog-timeline', 'timeline', { align: 'left' })],\n        [TemplateSlotName.Actions]: [\n            panel('detail-dialog-actions', [button('detail-dialog-open', 'Open full record', { severity: 'primary', targetScreen: 'DetailView' }), button('detail-dialog-close', 'Close', { severity: 'secondary' })]),\n        ],\n    },\n    displayName: 'Detail dialog',\n    description: 'A record over the list it came from, with a route to the full page.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** The dialog templates this blueprint provides. */\nexport const galleryDialogTemplates: DialogTemplate[] = [confirmDialogTemplate, formDialogTemplate, detailDialogTemplate];\n"],"names":["confirmDialogTemplate","name","slots","TemplateSlotName","Header","Body","Actions","content","text","externalComponent","severity","panel","button","displayName","description","metadata","defaultBlueprintTemplateProvenance","formDialogTemplate","field","placeholder","options","rows","detailDialogTemplate","SidePanel","card","value","align","targetScreen","galleryDialogTemplates"],"mappings":"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"}
+{"version":3,"file":"dialogTemplates.js","sources":["../../../gallery/dialogTemplates.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 { DialogTemplate } from '@cratis/scene.model';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, panel, text } from './elements';\nimport { field } from './widgets';\nimport { defaultBlueprintTemplateProvenance } from '../templateProvenance';\n\n/**\n * The three dialog shapes an application repeats: confirm something destructive, capture a short form, and\n * show a record without leaving the list behind it.\n *\n * A dialog template has no `fitsSlot`, and that absence is the whole distinction. A screen template is\n * *placed* - it fills a slot on whatever contains it, and the containment chain is what decides where it\n * appears. A dialog is *summoned*: it opens over the application from wherever the code that opened it\n * happens to be, so there is no parent slot for it to name.\n */\n\n/** Confirm: one question, two answers, and enough context to answer it. */\nexport const confirmDialogTemplate: DialogTemplate = {\n    name: 'ConfirmDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [text('confirm-title', 'Archive this product?')],\n        [TemplateSlotName.Body]: [\n            text('confirm-message', 'Bamboo Watch will stop appearing in the catalog. Existing orders keep it.'),\n            externalComponent('confirm-note', 'message', { severity: 'warn', text: 'This can be undone from the archive.' }),\n        ],\n        [TemplateSlotName.Actions]: [\n            panel('confirm-actions', [button('confirm-yes', 'Archive', { severity: 'danger' }), button('confirm-no', 'Keep it', { severity: 'secondary' })]),\n        ],\n    },\n    displayName: 'Confirmation dialog',\n    description: 'One question with the consequence spelled out, and a way back.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Dialog' },\n};\n\n/** Form: a short capture that does not deserve a page of its own. */\nexport const formDialogTemplate: DialogTemplate = {\n    name: 'FormDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [text('form-dialog-title', 'Invite someone')],\n        [TemplateSlotName.Body]: [\n            field('form-dialog-email', 'Email', 'inputText', { placeholder: 'them@contoso.com' }),\n            field('form-dialog-role', 'Role', 'dropdown', { options: ['Viewer', 'Editor', 'Administrator'] }),\n            field('form-dialog-message', 'Message', 'inputTextarea', { rows: 3 }),\n        ],\n        [TemplateSlotName.Actions]: [\n            panel('form-dialog-actions', [button('form-dialog-send', 'Send invitation', { severity: 'primary' }), button('form-dialog-cancel', 'Cancel', { severity: 'secondary' })]),\n        ],\n    },\n    displayName: 'Form dialog',\n    description: 'A handful of fields captured without leaving the page underneath.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Dialog' },\n};\n\n/** Detail: a record shown over the list it came from. */\nexport const detailDialogTemplate: DialogTemplate = {\n    name: 'DetailDialog',\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [text('detail-dialog-title', 'ORD-4192')],\n        [TemplateSlotName.Body]: [\n            card('detail-dialog-summary', [\n                text('detail-dialog-customer', 'Northwind Traders'),\n                text('detail-dialog-total', '$1,240.00'),\n                externalComponent('detail-dialog-status', 'tag', { value: 'Shipped', severity: 'success' }),\n            ]),\n        ],\n        [TemplateSlotName.SidePanel]: [externalComponent('detail-dialog-timeline', 'timeline', { align: 'left' })],\n        [TemplateSlotName.Actions]: [\n            panel('detail-dialog-actions', [button('detail-dialog-open', 'Open full record', { severity: 'primary', targetScreen: 'DetailView' }), button('detail-dialog-close', 'Close', { severity: 'secondary' })]),\n        ],\n    },\n    displayName: 'Detail dialog',\n    description: 'A record over the list it came from, with a route to the full page.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Dialog' },\n};\n\n/** The dialog templates this blueprint provides. */\nexport const galleryDialogTemplates: DialogTemplate[] = [confirmDialogTemplate, formDialogTemplate, detailDialogTemplate];\n"],"names":["confirmDialogTemplate","name","slots","TemplateSlotName","Header","Body","Actions","content","text","externalComponent","severity","panel","button","displayName","description","metadata","defaultBlueprintTemplateProvenance","category","formDialogTemplate","field","placeholder","options","rows","detailDialogTemplate","SidePanel","card","value","align","targetScreen","galleryDialogTemplates"],"mappings":"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"}

package/dist/esm/gallery/nesting.js

@@ -49,7 +49,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     displayName: 'Module workspace',
     description: 'Module level: fits the application layout content slot and offers a body for one feature.',
     metadata: {
-        ...defaultBlueprintTemplateProvenance
+        ...defaultBlueprintTemplateProvenance,
+        category: 'Foundation / Workspace'
     }
 };
 /**
@@ -83,7 +84,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     displayName: 'Feature section',
     description: 'Feature level: fits a module workspace body slot and brings the action toolbar.',
     metadata: {
-        ...defaultBlueprintTemplateProvenance
+        ...defaultBlueprintTemplateProvenance,
+        category: 'Foundation / Section'
     }
 };
 /**
@@ -121,7 +123,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     displayName: 'Slice section',
     description: 'Slice level: fits a feature section body slot and hosts one behavior.',
     metadata: {
-        ...defaultBlueprintTemplateProvenance
+        ...defaultBlueprintTemplateProvenance,
+        category: 'Foundation / Section'
     }
 };
 /** The chain, outermost first - what a spec walks to prove `fitsSlot` resolves at every level. */ const nestingChainTemplates = [

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

@@ -1 +1 @@
-{"version":3,"file":"nesting.js","sources":["../../../gallery/nesting.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ScreenTemplate } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { SlotName, column, slotLeaf } from '../layouts';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, externalComponent } from './elements';\nimport { pageHeader } from './widgets';\nimport { defaultBlueprintTemplateProvenance } from '../templateProvenance';\n\n/**\n * A worked three-level chain, from the application layout down to a slice.\n *\n * The nesting rule is one rule applied at every depth: a template names, in `fitsSlot`, a slot declared by\n * whatever contains it. A module's template fits the application layout's `content`; a feature's template\n * fits a slot the module's template declares; a slice's fits one the feature's declares. Nothing here is a\n * special case for a particular level - which is exactly why the hierarchy can be arbitrarily deep without\n * a second mechanism.\n *\n * These three exist to make that concrete and to be asserted by a spec, because \"it composes recursively\"\n * is the kind of claim that is true in a design document and wrong in the code.\n */\n\n/**\n * Module level: fits the application shell's `content` slot.\n *\n * It brings its own header - a module always has a name and a description - and offers a body for the\n * feature inside it plus an optional side panel.\n */\nexport const moduleWorkspaceTemplate: ScreenTemplate = {\n    name: 'ModuleWorkspace',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }],\n    content: {\n        [TemplateSlotName.Header]: [pageHeader('module-header', 'Operations', 'Everything the operations module owns')],\n    },\n    displayName: 'Module workspace',\n    description: 'Module level: fits the application layout content slot and offers a body for one feature.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/**\n * Feature level: fits the module workspace's `body` slot.\n *\n * It brings a toolbar, because a feature is where actions belong - a module is a grouping, a slice is one\n * behavior, and the feature in between is what a user thinks of as a screen with buttons on it.\n */\nexport const featureSectionTemplate: ScreenTemplate = {\n    name: 'FeatureSection',\n    fitsSlot: TemplateSlotName.Body,\n    slots: [{ name: TemplateSlotName.Toolbar }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Toolbar]: [\n            button('feature-new', 'New', { severity: 'primary', icon: 'pi pi-plus' }),\n            button('feature-export', 'Export', { severity: 'secondary', icon: 'pi pi-download' }),\n        ],\n    },\n    displayName: 'Feature section',\n    description: 'Feature level: fits a module workspace body slot and brings the action toolbar.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/**\n * Slice level: fits the feature section's `body` slot.\n *\n * The end of the chain, and deliberately the thinnest thing in it - one behavior's surface, with somewhere\n * to put it and somewhere to put its actions.\n */\nexport const sliceSectionTemplate: ScreenTemplate = {\n    name: 'SliceSection',\n    fitsSlot: TemplateSlotName.Body,\n    slots: [{ name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    arrangement: {\n        root: column([slotLeaf(TemplateSlotName.Body, { grow: 1 }), slotLeaf(TemplateSlotName.Actions)]),\n    },\n    content: {\n        [TemplateSlotName.Body]: [externalComponent('slice-body', ComponentName.PageHeader, { title: 'Adjustment', subtitle: 'One behavior, one surface' })],\n    },\n    displayName: 'Slice section',\n    description: 'Slice level: fits a feature section body slot and hosts one behavior.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** The chain, outermost first - what a spec walks to prove `fitsSlot` resolves at every level. */\nexport const nestingChainTemplates: ScreenTemplate[] = [moduleWorkspaceTemplate, featureSectionTemplate, sliceSectionTemplate];\n"],"names":["moduleWorkspaceTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","Header","Body","SidePanel","content","pageHeader","displayName","description","metadata","defaultBlueprintTemplateProvenance","featureSectionTemplate","Toolbar","button","severity","icon","sliceSectionTemplate","Actions","arrangement","root","column","slotLeaf","grow","externalComponent","ComponentName","PageHeader","title","subtitle","nestingChainTemplates"],"mappings":";;;;;;;;;;;AAAA;AACA;AAUA;;;;;;;;;;;;;;;;UAmBaA,uBAAAA,GAA0C;IACnDC,IAAAA,EAAM,iBAAA;AACNC,IAAAA,QAAAA,EAAUC,SAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,iBAAiBC;AAAO,SAAA;AAAG,QAAA;AAAEN,YAAAA,IAAAA,EAAMK,iBAAiBE;AAAK,SAAA;AAAG,QAAA;AAAEP,YAAAA,IAAAA,EAAMK,iBAAiBG;AAAU;AAAE,KAAA;IACjHC,OAAAA,EAAS;QACL,CAACJ,gBAAAA,CAAiBC,MAAM,GAAG;AAACI,YAAAA,UAAAA,CAAW,iBAAiB,YAAA,EAAc,uCAAA;AAAyC;AACnH,KAAA;IACAC,WAAAA,EAAa,kBAAA;IACbC,WAAAA,EAAa,2FAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC;AAAmC;AACtD;AAEA;;;;;UAMaC,sBAAAA,GAAyC;IAClDf,IAAAA,EAAM,gBAAA;AACNC,IAAAA,QAAAA,EAAUI,iBAAiBE,IAAI;IAC/BH,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,iBAAiBW;AAAQ,SAAA;AAAG,QAAA;AAAEhB,YAAAA,IAAAA,EAAMK,iBAAiBE;AAAK;AAAE,KAAA;IAC5EE,OAAAA,EAAS;QACL,CAACJ,gBAAAA,CAAiBW,OAAO,GAAG;AACxBC,YAAAA,MAAAA,CAAO,eAAe,KAAA,EAAO;gBAAEC,QAAAA,EAAU,SAAA;gBAAWC,IAAAA,EAAM;AAAa,aAAA,CAAA;AACvEF,YAAAA,MAAAA,CAAO,kBAAkB,QAAA,EAAU;gBAAEC,QAAAA,EAAU,WAAA;gBAAaC,IAAAA,EAAM;AAAiB,aAAA;AACtF;AACL,KAAA;IACAR,WAAAA,EAAa,iBAAA;IACbC,WAAAA,EAAa,iFAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC;AAAmC;AACtD;AAEA;;;;;UAMaM,oBAAAA,GAAuC;IAChDpB,IAAAA,EAAM,cAAA;AACNC,IAAAA,QAAAA,EAAUI,iBAAiBE,IAAI;IAC/BH,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,iBAAiBE;AAAK,SAAA;AAAG,QAAA;AAAEP,YAAAA,IAAAA,EAAMK,iBAAiBgB;AAAQ;AAAE,KAAA;IAC5EC,WAAAA,EAAa;AACTC,QAAAA,IAAAA,EAAMC,MAAAA,CAAO;YAACC,QAAAA,CAASpB,gBAAAA,CAAiBE,IAAI,EAAE;gBAAEmB,IAAAA,EAAM;AAAE,aAAA,CAAA;AAAID,YAAAA,QAAAA,CAASpB,iBAAiBgB,OAAO;AAAE,SAAA;AACnG,KAAA;IACAZ,OAAAA,EAAS;QACL,CAACJ,gBAAAA,CAAiBE,IAAI,GAAG;YAACoB,iBAAAA,CAAkB,YAAA,EAAcC,aAAAA,CAAcC,UAAU,EAAE;gBAAEC,KAAAA,EAAO,YAAA;gBAAcC,QAAAA,EAAU;AAA4B,aAAA;AAAG;AACxJ,KAAA;IACApB,WAAAA,EAAa,eAAA;IACbC,WAAAA,EAAa,uEAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC;AAAmC;AACtD;AAEA,mGACO,MAAMkB,qBAAAA,GAA0C;AAACjC,IAAAA,uBAAAA;AAAyBgB,IAAAA,sBAAAA;AAAwBK,IAAAA;;;"}
+{"version":3,"file":"nesting.js","sources":["../../../gallery/nesting.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ScreenTemplate } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { SlotName, column, slotLeaf } from '../layouts';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, externalComponent } from './elements';\nimport { pageHeader } from './widgets';\nimport { defaultBlueprintTemplateProvenance } from '../templateProvenance';\n\n/**\n * A worked three-level chain, from the application layout down to a slice.\n *\n * The nesting rule is one rule applied at every depth: a template names, in `fitsSlot`, a slot declared by\n * whatever contains it. A module's template fits the application layout's `content`; a feature's template\n * fits a slot the module's template declares; a slice's fits one the feature's declares. Nothing here is a\n * special case for a particular level - which is exactly why the hierarchy can be arbitrarily deep without\n * a second mechanism.\n *\n * These three exist to make that concrete and to be asserted by a spec, because \"it composes recursively\"\n * is the kind of claim that is true in a design document and wrong in the code.\n */\n\n/**\n * Module level: fits the application shell's `content` slot.\n *\n * It brings its own header - a module always has a name and a description - and offers a body for the\n * feature inside it plus an optional side panel.\n */\nexport const moduleWorkspaceTemplate: ScreenTemplate = {\n    name: 'ModuleWorkspace',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }],\n    content: {\n        [TemplateSlotName.Header]: [pageHeader('module-header', 'Operations', 'Everything the operations module owns')],\n    },\n    displayName: 'Module workspace',\n    description: 'Module level: fits the application layout content slot and offers a body for one feature.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Workspace' },\n};\n\n/**\n * Feature level: fits the module workspace's `body` slot.\n *\n * It brings a toolbar, because a feature is where actions belong - a module is a grouping, a slice is one\n * behavior, and the feature in between is what a user thinks of as a screen with buttons on it.\n */\nexport const featureSectionTemplate: ScreenTemplate = {\n    name: 'FeatureSection',\n    fitsSlot: TemplateSlotName.Body,\n    slots: [{ name: TemplateSlotName.Toolbar }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Toolbar]: [\n            button('feature-new', 'New', { severity: 'primary', icon: 'pi pi-plus' }),\n            button('feature-export', 'Export', { severity: 'secondary', icon: 'pi pi-download' }),\n        ],\n    },\n    displayName: 'Feature section',\n    description: 'Feature level: fits a module workspace body slot and brings the action toolbar.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Section' },\n};\n\n/**\n * Slice level: fits the feature section's `body` slot.\n *\n * The end of the chain, and deliberately the thinnest thing in it - one behavior's surface, with somewhere\n * to put it and somewhere to put its actions.\n */\nexport const sliceSectionTemplate: ScreenTemplate = {\n    name: 'SliceSection',\n    fitsSlot: TemplateSlotName.Body,\n    slots: [{ name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    arrangement: {\n        root: column([slotLeaf(TemplateSlotName.Body, { grow: 1 }), slotLeaf(TemplateSlotName.Actions)]),\n    },\n    content: {\n        [TemplateSlotName.Body]: [externalComponent('slice-body', ComponentName.PageHeader, { title: 'Adjustment', subtitle: 'One behavior, one surface' })],\n    },\n    displayName: 'Slice section',\n    description: 'Slice level: fits a feature section body slot and hosts one behavior.',\n    metadata: { ...defaultBlueprintTemplateProvenance, category: 'Foundation / Section' },\n};\n\n/** The chain, outermost first - what a spec walks to prove `fitsSlot` resolves at every level. */\nexport const nestingChainTemplates: ScreenTemplate[] = [moduleWorkspaceTemplate, featureSectionTemplate, sliceSectionTemplate];\n"],"names":["moduleWorkspaceTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","Header","Body","SidePanel","content","pageHeader","displayName","description","metadata","defaultBlueprintTemplateProvenance","category","featureSectionTemplate","Toolbar","button","severity","icon","sliceSectionTemplate","Actions","arrangement","root","column","slotLeaf","grow","externalComponent","ComponentName","PageHeader","title","subtitle","nestingChainTemplates"],"mappings":";;;;;;;;;;;AAAA;AACA;AAUA;;;;;;;;;;;;;;;;UAmBaA,uBAAAA,GAA0C;IACnDC,IAAAA,EAAM,iBAAA;AACNC,IAAAA,QAAAA,EAAUC,SAASC,OAAO;IAC1BC,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,iBAAiBC;AAAO,SAAA;AAAG,QAAA;AAAEN,YAAAA,IAAAA,EAAMK,iBAAiBE;AAAK,SAAA;AAAG,QAAA;AAAEP,YAAAA,IAAAA,EAAMK,iBAAiBG;AAAU;AAAE,KAAA;IACjHC,OAAAA,EAAS;QACL,CAACJ,gBAAAA,CAAiBC,MAAM,GAAG;AAACI,YAAAA,UAAAA,CAAW,iBAAiB,YAAA,EAAc,uCAAA;AAAyC;AACnH,KAAA;IACAC,WAAAA,EAAa,kBAAA;IACbC,WAAAA,EAAa,2FAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC,kCAAkC;QAAEC,QAAAA,EAAU;AAAyB;AAC1F;AAEA;;;;;UAMaC,sBAAAA,GAAyC;IAClDhB,IAAAA,EAAM,gBAAA;AACNC,IAAAA,QAAAA,EAAUI,iBAAiBE,IAAI;IAC/BH,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,iBAAiBY;AAAQ,SAAA;AAAG,QAAA;AAAEjB,YAAAA,IAAAA,EAAMK,iBAAiBE;AAAK;AAAE,KAAA;IAC5EE,OAAAA,EAAS;QACL,CAACJ,gBAAAA,CAAiBY,OAAO,GAAG;AACxBC,YAAAA,MAAAA,CAAO,eAAe,KAAA,EAAO;gBAAEC,QAAAA,EAAU,SAAA;gBAAWC,IAAAA,EAAM;AAAa,aAAA,CAAA;AACvEF,YAAAA,MAAAA,CAAO,kBAAkB,QAAA,EAAU;gBAAEC,QAAAA,EAAU,WAAA;gBAAaC,IAAAA,EAAM;AAAiB,aAAA;AACtF;AACL,KAAA;IACAT,WAAAA,EAAa,iBAAA;IACbC,WAAAA,EAAa,iFAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC,kCAAkC;QAAEC,QAAAA,EAAU;AAAuB;AACxF;AAEA;;;;;UAMaM,oBAAAA,GAAuC;IAChDrB,IAAAA,EAAM,cAAA;AACNC,IAAAA,QAAAA,EAAUI,iBAAiBE,IAAI;IAC/BH,KAAAA,EAAO;AAAC,QAAA;AAAEJ,YAAAA,IAAAA,EAAMK,iBAAiBE;AAAK,SAAA;AAAG,QAAA;AAAEP,YAAAA,IAAAA,EAAMK,iBAAiBiB;AAAQ;AAAE,KAAA;IAC5EC,WAAAA,EAAa;AACTC,QAAAA,IAAAA,EAAMC,MAAAA,CAAO;YAACC,QAAAA,CAASrB,gBAAAA,CAAiBE,IAAI,EAAE;gBAAEoB,IAAAA,EAAM;AAAE,aAAA,CAAA;AAAID,YAAAA,QAAAA,CAASrB,iBAAiBiB,OAAO;AAAE,SAAA;AACnG,KAAA;IACAb,OAAAA,EAAS;QACL,CAACJ,gBAAAA,CAAiBE,IAAI,GAAG;YAACqB,iBAAAA,CAAkB,YAAA,EAAcC,aAAAA,CAAcC,UAAU,EAAE;gBAAEC,KAAAA,EAAO,YAAA;gBAAcC,QAAAA,EAAU;AAA4B,aAAA;AAAG;AACxJ,KAAA;IACArB,WAAAA,EAAa,eAAA;IACbC,WAAAA,EAAa,uEAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC,kCAAkC;QAAEC,QAAAA,EAAU;AAAuB;AACxF;AAEA,mGACO,MAAMkB,qBAAAA,GAA0C;AAAClC,IAAAA,uBAAAA;AAAyBiB,IAAAA,sBAAAA;AAAwBK,IAAAA;;;"}

package/dist/esm/gallery/statusTemplates.js

@@ -50,7 +50,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     displayName: 'Error',
     description: 'A server-side failure, said plainly, with a way onward.',
     metadata: {
-        ...defaultBlueprintTemplateProvenance
+        ...defaultBlueprintTemplateProvenance,
+        category: 'Foundation / State'
     }
 };
 /** Signed in, and still not allowed. */ const accessDeniedTemplate = {
@@ -85,7 +86,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     displayName: 'Access denied',
     description: 'A refusal that distinguishes "not signed in" from "not allowed".',
     metadata: {
-        ...defaultBlueprintTemplateProvenance
+        ...defaultBlueprintTemplateProvenance,
+        category: 'Foundation / State'
     }
 };
 /** No such address. */ const notFoundTemplate = {
@@ -119,7 +121,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     displayName: 'Not found',
     description: 'A wrong address, with a search box rather than a dead end.',
     metadata: {
-        ...defaultBlueprintTemplateProvenance
+        ...defaultBlueprintTemplateProvenance,
+        category: 'Foundation / State'
     }
 };
 /** The page that has to do the selling. */ const landingTemplate = {
@@ -184,7 +187,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
     displayName: 'Landing',
     description: 'The marketing front door, with its own navigation because it has no application chrome.',
     metadata: {
-        ...defaultBlueprintTemplateProvenance
+        ...defaultBlueprintTemplateProvenance,
+        category: 'Foundation / Landing'
     }
 };
 /** The four status and marketing templates. */ const statusTemplates = [