@cratis/scene.blueprint.components 0.1.0

package/dist/cjs/templates/sampleData.js

@@ -0,0 +1,141 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The seeded content the Arc-free composites in this package's templates render.
+ *
+ * There is a real split running through this blueprint, and it is worth naming rather than hiding. Most of
+ * `@cratis/components` is Arc-bound: a data page, a table, a command form and a command dialog all need a
+ * registered proxy and a live backend before they show anything, so at design time they are placeholders,
+ * and that is correct.
+ *
+ * The editors are not. A schema editor, a document editor, a navigational bar and a time machine all take
+ * their content from the property bag, so a template that seeds them renders as a working page with no
+ * backend at all. That is why the editor templates carry this data: it makes two of this package's pages
+ * genuinely usable in a preview, rather than eight pages of dashed boxes.
+ *
+ * The shape is an invoice throughout, matching the query and command names the other templates bind to, so
+ * the whole package reads as one small application rather than eight unrelated demonstrations.
+ */ /** A JSON schema in the shape Chronicle emits for an event type - what `schemaEditor` edits. */ const invoiceSchema = {
+    title: 'InvoiceRegistered',
+    type: 'object',
+    properties: {
+        number: {
+            type: 'string',
+            description: 'The invoice number as printed on the document.'
+        },
+        customer: {
+            type: 'string',
+            description: 'The customer the invoice is addressed to.'
+        },
+        issued: {
+            type: 'string',
+            format: 'date-time',
+            description: 'When the invoice was issued.'
+        },
+        amount: {
+            type: 'number',
+            description: 'The gross amount, in the invoice currency.'
+        },
+        currency: {
+            type: 'string',
+            description: 'The ISO currency code.'
+        }
+    }
+};
+/** One invoice as a plain document - what `objectContentEditor` renders against {@link invoiceSchema}. */ const invoiceDocument = {
+    number: 'INV-2043',
+    customer: 'Northwind Traders',
+    issued: '2026-01-05T09:30:00Z',
+    amount: 4200,
+    currency: 'USD'
+};
+/** Where in the document the navigational bar currently is. */ const invoiceNavigationPath = [
+    'lines',
+    'shipping'
+];
+/**
+ * Successive versions of the invoice, for the time machine.
+ *
+ * Every entry has an id, a label and a parseable timestamp, because the adapter drops any that does not -
+ * a version invented at the epoch would not be a slightly wrong entry, it would silently reorder every
+ * real one around it.
+ */ const invoiceVersions = [
+    {
+        id: 'v3',
+        label: 'Adjustment recorded',
+        timestamp: '2026-01-12T14:05:00Z',
+        content: 'Amount reduced by 120.00 - damaged goods'
+    },
+    {
+        id: 'v2',
+        label: 'Approved',
+        timestamp: '2026-01-07T08:15:00Z',
+        content: 'Approved by Amelia Nyquist'
+    },
+    {
+        id: 'v1',
+        label: 'Registered',
+        timestamp: '2026-01-05T09:30:00Z',
+        content: 'Registered from the supplier portal'
+    }
+];
+/** The filters the list templates offer, in the shape `filterPanel` reads. */ const invoiceFilters = [
+    {
+        key: 'status',
+        label: 'Status',
+        type: 'string',
+        multi: true,
+        options: [
+            {
+                key: 'draft',
+                label: 'Draft',
+                count: 12
+            },
+            {
+                key: 'approved',
+                label: 'Approved',
+                count: 44
+            },
+            {
+                key: 'paid',
+                label: 'Paid',
+                count: 108
+            }
+        ]
+    },
+    {
+        key: 'amount',
+        label: 'Amount',
+        type: 'number',
+        buckets: 4
+    },
+    {
+        key: 'issued',
+        label: 'Issued',
+        type: 'date'
+    }
+];
+/** The status choices a command form's dropdown offers. */ const statusOptions = [
+    {
+        label: 'Draft',
+        value: 'draft'
+    },
+    {
+        label: 'Approved',
+        value: 'approved'
+    },
+    {
+        label: 'Paid',
+        value: 'paid'
+    }
+];
+
+exports.invoiceDocument = invoiceDocument;
+exports.invoiceFilters = invoiceFilters;
+exports.invoiceNavigationPath = invoiceNavigationPath;
+exports.invoiceSchema = invoiceSchema;
+exports.invoiceVersions = invoiceVersions;
+exports.statusOptions = statusOptions;
+//# sourceMappingURL=sampleData.js.map

package/dist/cjs/templates/sampleData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sampleData.js","sources":["../../../templates/sampleData.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/**\n * The seeded content the Arc-free composites in this package's templates render.\n *\n * There is a real split running through this blueprint, and it is worth naming rather than hiding. Most of\n * `@cratis/components` is Arc-bound: a data page, a table, a command form and a command dialog all need a\n * registered proxy and a live backend before they show anything, so at design time they are placeholders,\n * and that is correct.\n *\n * The editors are not. A schema editor, a document editor, a navigational bar and a time machine all take\n * their content from the property bag, so a template that seeds them renders as a working page with no\n * backend at all. That is why the editor templates carry this data: it makes two of this package's pages\n * genuinely usable in a preview, rather than eight pages of dashed boxes.\n *\n * The shape is an invoice throughout, matching the query and command names the other templates bind to, so\n * the whole package reads as one small application rather than eight unrelated demonstrations.\n */\n\n/** A JSON schema in the shape Chronicle emits for an event type - what `schemaEditor` edits. */\nexport const invoiceSchema: Record<string, unknown> = {\n    title: 'InvoiceRegistered',\n    type: 'object',\n    properties: {\n        number: { type: 'string', description: 'The invoice number as printed on the document.' },\n        customer: { type: 'string', description: 'The customer the invoice is addressed to.' },\n        issued: { type: 'string', format: 'date-time', description: 'When the invoice was issued.' },\n        amount: { type: 'number', description: 'The gross amount, in the invoice currency.' },\n        currency: { type: 'string', description: 'The ISO currency code.' },\n    },\n};\n\n/** One invoice as a plain document - what `objectContentEditor` renders against {@link invoiceSchema}. */\nexport const invoiceDocument: Record<string, unknown> = {\n    number: 'INV-2043',\n    customer: 'Northwind Traders',\n    issued: '2026-01-05T09:30:00Z',\n    amount: 4200,\n    currency: 'USD',\n};\n\n/** Where in the document the navigational bar currently is. */\nexport const invoiceNavigationPath: string[] = ['lines', 'shipping'];\n\n/**\n * Successive versions of the invoice, for the time machine.\n *\n * Every entry has an id, a label and a parseable timestamp, because the adapter drops any that does not -\n * a version invented at the epoch would not be a slightly wrong entry, it would silently reorder every\n * real one around it.\n */\nexport const invoiceVersions: Record<string, unknown>[] = [\n    { id: 'v3', label: 'Adjustment recorded', timestamp: '2026-01-12T14:05:00Z', content: 'Amount reduced by 120.00 - damaged goods' },\n    { id: 'v2', label: 'Approved', timestamp: '2026-01-07T08:15:00Z', content: 'Approved by Amelia Nyquist' },\n    { id: 'v1', label: 'Registered', timestamp: '2026-01-05T09:30:00Z', content: 'Registered from the supplier portal' },\n];\n\n/** The filters the list templates offer, in the shape `filterPanel` reads. */\nexport const invoiceFilters: Record<string, unknown>[] = [\n    {\n        key: 'status',\n        label: 'Status',\n        type: 'string',\n        multi: true,\n        options: [\n            { key: 'draft', label: 'Draft', count: 12 },\n            { key: 'approved', label: 'Approved', count: 44 },\n            { key: 'paid', label: 'Paid', count: 108 },\n        ],\n    },\n    { key: 'amount', label: 'Amount', type: 'number', buckets: 4 },\n    { key: 'issued', label: 'Issued', type: 'date' },\n];\n\n/** The status choices a command form's dropdown offers. */\nexport const statusOptions: { label: string; value: string }[] = [\n    { label: 'Draft', value: 'draft' },\n    { label: 'Approved', value: 'approved' },\n    { label: 'Paid', value: 'paid' },\n];\n"],"names":["invoiceSchema","title","type","properties","number","description","customer","issued","format","amount","currency","invoiceDocument","invoiceNavigationPath","invoiceVersions","id","label","timestamp","content","invoiceFilters","key","multi","options","count","buckets","statusOptions","value"],"mappings":";;AAAA;AACA;AAEA;;;;;;;;;;;;;;;AAeC,qGAGM,MAAMA,aAAAA,GAAyC;IAClDC,KAAAA,EAAO,mBAAA;IACPC,IAAAA,EAAM,QAAA;IACNC,UAAAA,EAAY;QACRC,MAAAA,EAAQ;YAAEF,IAAAA,EAAM,QAAA;YAAUG,WAAAA,EAAa;AAAiD,SAAA;QACxFC,QAAAA,EAAU;YAAEJ,IAAAA,EAAM,QAAA;YAAUG,WAAAA,EAAa;AAA4C,SAAA;QACrFE,MAAAA,EAAQ;YAAEL,IAAAA,EAAM,QAAA;YAAUM,MAAAA,EAAQ,WAAA;YAAaH,WAAAA,EAAa;AAA+B,SAAA;QAC3FI,MAAAA,EAAQ;YAAEP,IAAAA,EAAM,QAAA;YAAUG,WAAAA,EAAa;AAA6C,SAAA;QACpFK,QAAAA,EAAU;YAAER,IAAAA,EAAM,QAAA;YAAUG,WAAAA,EAAa;AAAyB;AACtE;AACJ;AAEA,2GACO,MAAMM,eAAAA,GAA2C;IACpDP,MAAAA,EAAQ,UAAA;IACRE,QAAAA,EAAU,mBAAA;IACVC,MAAAA,EAAQ,sBAAA;IACRE,MAAAA,EAAQ,IAAA;IACRC,QAAAA,EAAU;AACd;AAEA,gEACO,MAAME,qBAAAA,GAAkC;AAAC,IAAA,OAAA;AAAS,IAAA;;AAEzD;;;;;;UAOaC,eAAAA,GAA6C;AACtD,IAAA;QAAEC,EAAAA,EAAI,IAAA;QAAMC,KAAAA,EAAO,qBAAA;QAAuBC,SAAAA,EAAW,sBAAA;QAAwBC,OAAAA,EAAS;AAA2C,KAAA;AACjI,IAAA;QAAEH,EAAAA,EAAI,IAAA;QAAMC,KAAAA,EAAO,UAAA;QAAYC,SAAAA,EAAW,sBAAA;QAAwBC,OAAAA,EAAS;AAA6B,KAAA;AACxG,IAAA;QAAEH,EAAAA,EAAI,IAAA;QAAMC,KAAAA,EAAO,YAAA;QAAcC,SAAAA,EAAW,sBAAA;QAAwBC,OAAAA,EAAS;AAAsC;;AAGvH,+EACO,MAAMC,cAAAA,GAA4C;AACrD,IAAA;QACIC,GAAAA,EAAK,QAAA;QACLJ,KAAAA,EAAO,QAAA;QACPb,IAAAA,EAAM,QAAA;QACNkB,KAAAA,EAAO,IAAA;QACPC,OAAAA,EAAS;AACL,YAAA;gBAAEF,GAAAA,EAAK,OAAA;gBAASJ,KAAAA,EAAO,OAAA;gBAASO,KAAAA,EAAO;AAAG,aAAA;AAC1C,YAAA;gBAAEH,GAAAA,EAAK,UAAA;gBAAYJ,KAAAA,EAAO,UAAA;gBAAYO,KAAAA,EAAO;AAAG,aAAA;AAChD,YAAA;gBAAEH,GAAAA,EAAK,MAAA;gBAAQJ,KAAAA,EAAO,MAAA;gBAAQO,KAAAA,EAAO;AAAI;AAC5C;AACL,KAAA;AACA,IAAA;QAAEH,GAAAA,EAAK,QAAA;QAAUJ,KAAAA,EAAO,QAAA;QAAUb,IAAAA,EAAM,QAAA;QAAUqB,OAAAA,EAAS;AAAE,KAAA;AAC7D,IAAA;QAAEJ,GAAAA,EAAK,QAAA;QAAUJ,KAAAA,EAAO,QAAA;QAAUb,IAAAA,EAAM;AAAO;;AAGnD,4DACO,MAAMsB,aAAAA,GAAoD;AAC7D,IAAA;QAAET,KAAAA,EAAO,OAAA;QAASU,KAAAA,EAAO;AAAQ,KAAA;AACjC,IAAA;QAAEV,KAAAA,EAAO,UAAA;QAAYU,KAAAA,EAAO;AAAW,KAAA;AACvC,IAAA;QAAEV,KAAAA,EAAO,MAAA;QAAQU,KAAAA,EAAO;AAAO;;;;;;;;;;"}

package/dist/cjs/templates/screenTemplates.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var commandTemplates = require('./commandTemplates.js');
+var editorTemplates = require('./editorTemplates.js');
+var listTemplates = require('./listTemplates.js');
+var nesting = require('./nesting.js');
+var workspaceTemplates = require('./workspaceTemplates.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The screen templates this blueprint provides.
+ *
+ * Eight whole pages that fill the application shell's `content` slot, plus the three-level chain that
+ * demonstrates how `fitsSlot` composes at module, feature and slice level. The list is what the manifest's
+ * `screenTemplates` names and what the bundle provides; `validatePackageBundle` proves the two agree.
+ */ const componentsScreenTemplates = [
+    ...listTemplates.listTemplates,
+    ...workspaceTemplates.workspaceTemplates,
+    ...commandTemplates.commandTemplates,
+    ...editorTemplates.editorTemplates,
+    ...nesting.nestingChainTemplates
+];
+/**
+ * The eight templates that fill the application layout's own `content` slot directly.
+ *
+ * Kept apart from the nesting chain because `fitsSlot` is resolved against *the containers in scope*, and
+ * these two groups are never in scope together. Each of these is a whole page an application places on its
+ * own; the chain's three are one page assembled from three levels. Resolving them as one set would ask
+ * `resolveScreenTemplates` which of eight `body`-declaring templates the feature section belongs to, and it
+ * would rightly answer that it cannot tell.
+ */ const componentsPageTemplates = [
+    ...listTemplates.listTemplates,
+    ...workspaceTemplates.workspaceTemplates,
+    ...commandTemplates.commandTemplates,
+    ...editorTemplates.editorTemplates
+];
+
+exports.componentsPageTemplates = componentsPageTemplates;
+exports.componentsScreenTemplates = componentsScreenTemplates;
+//# sourceMappingURL=screenTemplates.js.map

package/dist/cjs/templates/screenTemplates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenTemplates.js","sources":["../../../templates/screenTemplates.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 { commandTemplates } from './commandTemplates';\nimport { editorTemplates } from './editorTemplates';\nimport { listTemplates } from './listTemplates';\nimport { nestingChainTemplates } from './nesting';\nimport { workspaceTemplates } from './workspaceTemplates';\n\n/**\n * The screen templates this blueprint provides.\n *\n * Eight whole pages that fill the application shell's `content` slot, plus the three-level chain that\n * demonstrates how `fitsSlot` composes at module, feature and slice level. The list is what the manifest's\n * `screenTemplates` names and what the bundle provides; `validatePackageBundle` proves the two agree.\n */\nexport const componentsScreenTemplates: ScreenTemplate[] = [\n    ...listTemplates,\n    ...workspaceTemplates,\n    ...commandTemplates,\n    ...editorTemplates,\n    ...nestingChainTemplates,\n];\n\n/**\n * The eight templates that fill the application layout's own `content` slot directly.\n *\n * Kept apart from the nesting chain because `fitsSlot` is resolved against *the containers in scope*, and\n * these two groups are never in scope together. Each of these is a whole page an application places on its\n * own; the chain's three are one page assembled from three levels. Resolving them as one set would ask\n * `resolveScreenTemplates` which of eight `body`-declaring templates the feature section belongs to, and it\n * would rightly answer that it cannot tell.\n */\nexport const componentsPageTemplates: ScreenTemplate[] = [...listTemplates, ...workspaceTemplates, ...commandTemplates, ...editorTemplates];\n"],"names":["componentsScreenTemplates","listTemplates","workspaceTemplates","commandTemplates","editorTemplates","nestingChainTemplates","componentsPageTemplates"],"mappings":";;;;;;;;AAAA;AACA;AASA;;;;;;UAOaA,yBAAAA,GAA8C;AACpDC,IAAAA,GAAAA,2BAAAA;AACAC,IAAAA,GAAAA,qCAAAA;AACAC,IAAAA,GAAAA,iCAAAA;AACAC,IAAAA,GAAAA,+BAAAA;AACAC,IAAAA,GAAAA;;AAGP;;;;;;;;UASaC,uBAAAA,GAA4C;AAAIL,IAAAA,GAAAA,2BAAAA;AAAkBC,IAAAA,GAAAA,qCAAAA;AAAuBC,IAAAA,GAAAA,iCAAAA;AAAqBC,IAAAA,GAAAA;;;;;;"}

package/dist/cjs/templates/workspaceTemplates.js

@@ -0,0 +1,212 @@
+'use strict';
+
+var scene_model = require('@cratis/scene.model');
+var scene_blueprint_default = require('@cratis/scene.blueprint.default');
+var dataElements = require('./dataElements.js');
+var editorElements = require('./editorElements.js');
+var elements = require('./elements.js');
+var SampleBindingName = require('./SampleBindingName.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The two whole-workspace shapes: a master-detail arrangement, and a dashboard of data widgets.
+ *
+ * Both are arrangements of *several* bindings rather than one, which is what separates them from the list
+ * templates. That is also what makes them the templates most worth shipping: an application can wire one
+ * query without help, and gets a page that looks like every other page in the product only if something
+ * has already decided how four of them sit together.
+ */ /** The columns of the revenue widget's query. */ const revenueColumns = [
+    {
+        field: 'month',
+        header: 'Month'
+    },
+    {
+        field: 'invoiced',
+        header: 'Invoiced'
+    },
+    {
+        field: 'collected',
+        header: 'Collected'
+    }
+];
+/** The columns of the open-tickets widget's query. */ const ticketColumns = [
+    {
+        field: 'reference',
+        header: 'Reference'
+    },
+    {
+        field: 'subject',
+        header: 'Subject'
+    },
+    {
+        field: 'age',
+        header: 'Age'
+    }
+];
+/** Table options for a widget-sized table, where there is no search box to filter across. */ const widgetTableOptions = {
+    emptyMessage: 'Nothing to show yet',
+    dataKey: 'id'
+};
+/**
+ * Master and detail: the list in the larger column, the selected record in the narrower one.
+ *
+ * The difference from `DataListWithDetailPage` is real and worth having both. That template is a whole
+ * `dataPage` - its own title bar, menubar and filtering - with a detail region added beside it. This one is
+ * a plain `dataTable` next to a detail region, which is the right shape when the page's chrome comes from
+ * the *feature* around it rather than from the list itself. Reaching for the wrong one shows up as a page
+ * with two toolbars.
+ *
+ * The grid collapses to a single column at a compact width, because a master and a detail side by side on a
+ * phone is the arrangement that made "master-detail does not work on mobile" a truism.
+ */ const masterDetailPageTemplate = {
+    name: 'MasterDetailPage',
+    fitsSlot: scene_blueprint_default.SlotName.Content,
+    slots: [
+        {
+            name: scene_blueprint_default.TemplateSlotName.Header
+        },
+        {
+            name: scene_blueprint_default.TemplateSlotName.Primary
+        },
+        {
+            name: scene_blueprint_default.TemplateSlotName.Secondary
+        }
+    ],
+    arrangement: {
+        root: scene_blueprint_default.column([
+            scene_blueprint_default.slotLeaf(scene_blueprint_default.TemplateSlotName.Header),
+            scene_blueprint_default.grid([
+                scene_blueprint_default.slotLeaf(scene_blueprint_default.TemplateSlotName.Primary, {
+                    span: 2
+                }),
+                scene_blueprint_default.slotLeaf(scene_blueprint_default.TemplateSlotName.Secondary)
+            ], 3, 16)
+        ]),
+        overrides: [
+            {
+                width: scene_model.WidthSizeClass.Compact,
+                root: scene_blueprint_default.column([
+                    scene_blueprint_default.slotLeaf(scene_blueprint_default.TemplateSlotName.Header),
+                    scene_blueprint_default.slotLeaf(scene_blueprint_default.TemplateSlotName.Primary),
+                    scene_blueprint_default.slotLeaf(scene_blueprint_default.TemplateSlotName.Secondary)
+                ], 16)
+            }
+        ]
+    },
+    content: {
+        [scene_blueprint_default.TemplateSlotName.Header]: [
+            elements.arcPageHeader('master-detail-header', {
+                title: 'Invoices',
+                subtitle: 'Pick an invoice on the left to inspect it on the right',
+                section: 'Billing',
+                query: SampleBindingName.SampleBindingName.AllInvoices
+            })
+        ],
+        [scene_blueprint_default.TemplateSlotName.Primary]: [
+            elements.page('master-detail-master', 'Invoices', [
+                dataElements.dataTable('master-detail-table', SampleBindingName.SampleBindingName.AllInvoices, dataElements.invoiceTableOptions, dataElements.invoiceColumns)
+            ])
+        ],
+        [scene_blueprint_default.TemplateSlotName.Secondary]: [
+            elements.page('master-detail-detail', 'Selected invoice', [
+                editorElements.objectContentEditor('master-detail-document', false),
+                editorElements.timeMachine('master-detail-history')
+            ])
+        ]
+    },
+    displayName: 'Master-detail page',
+    description: 'A queried list in the larger column with the selected record and its history in the narrower one.'
+};
+/**
+ * A dashboard of data widgets - four queries arranged so the page reads in the order people already read it.
+ *
+ * The composition is the one every template line settles on: a row of figures across the top, then a wide
+ * column and a narrow one. Copying it is the point rather than a shortcut - it is the arrangement the eye
+ * already knows how to scan, and a dashboard that invents its own costs the reader a moment on every visit.
+ *
+ * What this blueprint adds is that every widget is a *query*, not a picture. Each one names a proxy a host
+ * registers, so the dashboard is live the moment the application wires it, with nothing to replace.
+ */ const dashboardPageTemplate = {
+    name: 'DashboardPage',
+    fitsSlot: scene_blueprint_default.SlotName.Content,
+    slots: [
+        {
+            name: scene_blueprint_default.TemplateSlotName.Header
+        },
+        {
+            name: scene_blueprint_default.TemplateSlotName.Stats
+        },
+        {
+            name: scene_blueprint_default.TemplateSlotName.Primary
+        },
+        {
+            name: scene_blueprint_default.TemplateSlotName.Secondary
+        }
+    ],
+    arrangement: {
+        root: scene_blueprint_default.column([
+            scene_blueprint_default.slotLeaf(scene_blueprint_default.TemplateSlotName.Header),
+            scene_blueprint_default.slotLeaf(scene_blueprint_default.TemplateSlotName.Stats),
+            scene_blueprint_default.grid([
+                scene_blueprint_default.slotLeaf(scene_blueprint_default.TemplateSlotName.Primary, {
+                    span: 2
+                }),
+                scene_blueprint_default.slotLeaf(scene_blueprint_default.TemplateSlotName.Secondary)
+            ], 3, 16)
+        ]),
+        overrides: [
+            {
+                width: scene_model.WidthSizeClass.Compact,
+                root: scene_blueprint_default.column([
+                    scene_blueprint_default.slotLeaf(scene_blueprint_default.TemplateSlotName.Header),
+                    scene_blueprint_default.slotLeaf(scene_blueprint_default.TemplateSlotName.Stats),
+                    scene_blueprint_default.slotLeaf(scene_blueprint_default.TemplateSlotName.Primary),
+                    scene_blueprint_default.slotLeaf(scene_blueprint_default.TemplateSlotName.Secondary)
+                ], 16)
+            }
+        ]
+    },
+    content: {
+        [scene_blueprint_default.TemplateSlotName.Header]: [
+            elements.arcPageHeader('dashboard-header', {
+                title: 'Billing',
+                subtitle: 'Four queries, arranged the way people already read a dashboard',
+                section: 'Operations',
+                query: SampleBindingName.SampleBindingName.RevenueByMonth
+            })
+        ],
+        [scene_blueprint_default.TemplateSlotName.Stats]: [
+            elements.page('dashboard-stat-revenue', 'Revenue by month', [
+                dataElements.dataTable('dashboard-stat-revenue-table', SampleBindingName.SampleBindingName.RevenueByMonth, widgetTableOptions, revenueColumns)
+            ]),
+            elements.page('dashboard-stat-flight', 'In flight', [
+                dataElements.observableDataTable('dashboard-stat-flight-table', SampleBindingName.SampleBindingName.InvoicesInFlight, widgetTableOptions, dataElements.invoiceColumns)
+            ]),
+            elements.page('dashboard-stat-tickets', 'Open tickets', [
+                dataElements.dataTable('dashboard-stat-tickets-table', SampleBindingName.SampleBindingName.OpenTickets, widgetTableOptions, ticketColumns)
+            ])
+        ],
+        [scene_blueprint_default.TemplateSlotName.Primary]: [
+            elements.page('dashboard-invoices', 'Recent invoices', [
+                dataElements.dataTable('dashboard-invoices-table', SampleBindingName.SampleBindingName.AllInvoices, dataElements.invoiceTableOptions, dataElements.invoiceColumns)
+            ])
+        ],
+        [scene_blueprint_default.TemplateSlotName.Secondary]: [
+            elements.page('dashboard-adjustments', 'Adjustments', [
+                dataElements.dataTable('dashboard-adjustments-table', SampleBindingName.SampleBindingName.AllAdjustments, widgetTableOptions, dataElements.adjustmentColumns)
+            ])
+        ]
+    },
+    displayName: 'Dashboard page',
+    description: 'A row of query-backed widgets over a wide and a narrow column, each bound to its own query.'
+};
+/** The two workspace-shaped templates. */ const workspaceTemplates = [
+    masterDetailPageTemplate,
+    dashboardPageTemplate
+];
+
+exports.dashboardPageTemplate = dashboardPageTemplate;
+exports.masterDetailPageTemplate = masterDetailPageTemplate;
+exports.workspaceTemplates = workspaceTemplates;
+//# sourceMappingURL=workspaceTemplates.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workspaceTemplates.js","sources":["../../../templates/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, TemplateSlotName, column, grid, slotLeaf } from '@cratis/scene.blueprint.default';\nimport { ColumnDefinition } from './ColumnDefinition';\nimport { adjustmentColumns, dataTable, invoiceColumns, invoiceTableOptions, observableDataTable } from './dataElements';\nimport { objectContentEditor, timeMachine } from './editorElements';\nimport { arcPageHeader, page } from './elements';\nimport { SampleBindingName } from './SampleBindingName';\nimport { TableOptions } from './TableOptions';\n\n/**\n * The two whole-workspace shapes: a master-detail arrangement, and a dashboard of data widgets.\n *\n * Both are arrangements of *several* bindings rather than one, which is what separates them from the list\n * templates. That is also what makes them the templates most worth shipping: an application can wire one\n * query without help, and gets a page that looks like every other page in the product only if something\n * has already decided how four of them sit together.\n */\n\n/** The columns of the revenue widget's query. */\nconst revenueColumns: ColumnDefinition[] = [\n    { field: 'month', header: 'Month' },\n    { field: 'invoiced', header: 'Invoiced' },\n    { field: 'collected', header: 'Collected' },\n];\n\n/** The columns of the open-tickets widget's query. */\nconst ticketColumns: ColumnDefinition[] = [\n    { field: 'reference', header: 'Reference' },\n    { field: 'subject', header: 'Subject' },\n    { field: 'age', header: 'Age' },\n];\n\n/** Table options for a widget-sized table, where there is no search box to filter across. */\nconst widgetTableOptions: TableOptions = { emptyMessage: 'Nothing to show yet', dataKey: 'id' };\n\n/**\n * Master and detail: the list in the larger column, the selected record in the narrower one.\n *\n * The difference from `DataListWithDetailPage` is real and worth having both. That template is a whole\n * `dataPage` - its own title bar, menubar and filtering - with a detail region added beside it. This one is\n * a plain `dataTable` next to a detail region, which is the right shape when the page's chrome comes from\n * the *feature* around it rather than from the list itself. Reaching for the wrong one shows up as a page\n * with two toolbars.\n *\n * The grid collapses to a single column at a compact width, because a master and a detail side by side on a\n * phone is the arrangement that made \"master-detail does not work on mobile\" a truism.\n */\nexport const masterDetailPageTemplate: ScreenTemplate = {\n    name: 'MasterDetailPage',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Primary }, { name: TemplateSlotName.Secondary }],\n    arrangement: {\n        root: column([slotLeaf(TemplateSlotName.Header), grid([slotLeaf(TemplateSlotName.Primary, { span: 2 }), slotLeaf(TemplateSlotName.Secondary)], 3, 16)]),\n        overrides: [\n            {\n                width: WidthSizeClass.Compact,\n                root: column([slotLeaf(TemplateSlotName.Header), slotLeaf(TemplateSlotName.Primary), slotLeaf(TemplateSlotName.Secondary)], 16),\n            },\n        ],\n    },\n    content: {\n        [TemplateSlotName.Header]: [\n            arcPageHeader('master-detail-header', {\n                title: 'Invoices',\n                subtitle: 'Pick an invoice on the left to inspect it on the right',\n                section: 'Billing',\n                query: SampleBindingName.AllInvoices,\n            }),\n        ],\n        [TemplateSlotName.Primary]: [\n            page('master-detail-master', 'Invoices', [dataTable('master-detail-table', SampleBindingName.AllInvoices, invoiceTableOptions, invoiceColumns)]),\n        ],\n        [TemplateSlotName.Secondary]: [\n            page('master-detail-detail', 'Selected invoice', [\n                objectContentEditor('master-detail-document', false),\n                timeMachine('master-detail-history'),\n            ]),\n        ],\n    },\n    displayName: 'Master-detail page',\n    description: 'A queried list in the larger column with the selected record and its history in the narrower one.',\n};\n\n/**\n * A dashboard of data widgets - four queries arranged so the page reads in the order people already read it.\n *\n * The composition is the one every template line settles on: a row of figures across the top, then a wide\n * column and a narrow one. Copying it is the point rather than a shortcut - it is the arrangement the eye\n * already knows how to scan, and a dashboard that invents its own costs the reader a moment on every visit.\n *\n * What this blueprint adds is that every widget is a *query*, not a picture. Each one names a proxy a host\n * registers, so the dashboard is live the moment the application wires it, with nothing to replace.\n */\nexport const dashboardPageTemplate: ScreenTemplate = {\n    name: 'DashboardPage',\n    fitsSlot: SlotName.Content,\n    slots: [\n        { name: TemplateSlotName.Header },\n        { name: TemplateSlotName.Stats },\n        { name: TemplateSlotName.Primary },\n        { name: TemplateSlotName.Secondary },\n    ],\n    arrangement: {\n        root: column([\n            slotLeaf(TemplateSlotName.Header),\n            slotLeaf(TemplateSlotName.Stats),\n            grid([slotLeaf(TemplateSlotName.Primary, { span: 2 }), slotLeaf(TemplateSlotName.Secondary)], 3, 16),\n        ]),\n        overrides: [\n            {\n                width: WidthSizeClass.Compact,\n                root: column(\n                    [\n                        slotLeaf(TemplateSlotName.Header),\n                        slotLeaf(TemplateSlotName.Stats),\n                        slotLeaf(TemplateSlotName.Primary),\n                        slotLeaf(TemplateSlotName.Secondary),\n                    ],\n                    16,\n                ),\n            },\n        ],\n    },\n    content: {\n        [TemplateSlotName.Header]: [\n            arcPageHeader('dashboard-header', {\n                title: 'Billing',\n                subtitle: 'Four queries, arranged the way people already read a dashboard',\n                section: 'Operations',\n                query: SampleBindingName.RevenueByMonth,\n            }),\n        ],\n        [TemplateSlotName.Stats]: [\n            page('dashboard-stat-revenue', 'Revenue by month', [\n                dataTable('dashboard-stat-revenue-table', SampleBindingName.RevenueByMonth, widgetTableOptions, revenueColumns),\n            ]),\n            page('dashboard-stat-flight', 'In flight', [\n                observableDataTable('dashboard-stat-flight-table', SampleBindingName.InvoicesInFlight, widgetTableOptions, invoiceColumns),\n            ]),\n            page('dashboard-stat-tickets', 'Open tickets', [\n                dataTable('dashboard-stat-tickets-table', SampleBindingName.OpenTickets, widgetTableOptions, ticketColumns),\n            ]),\n        ],\n        [TemplateSlotName.Primary]: [\n            page('dashboard-invoices', 'Recent invoices', [\n                dataTable('dashboard-invoices-table', SampleBindingName.AllInvoices, invoiceTableOptions, invoiceColumns),\n            ]),\n        ],\n        [TemplateSlotName.Secondary]: [\n            page('dashboard-adjustments', 'Adjustments', [\n                dataTable('dashboard-adjustments-table', SampleBindingName.AllAdjustments, widgetTableOptions, adjustmentColumns),\n            ]),\n        ],\n    },\n    displayName: 'Dashboard page',\n    description: 'A row of query-backed widgets over a wide and a narrow column, each bound to its own query.',\n};\n\n/** The two workspace-shaped templates. */\nexport const workspaceTemplates: ScreenTemplate[] = [masterDetailPageTemplate, dashboardPageTemplate];\n"],"names":["revenueColumns","field","header","ticketColumns","widgetTableOptions","emptyMessage","dataKey","masterDetailPageTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","Header","Primary","Secondary","arrangement","root","column","slotLeaf","grid","span","overrides","width","WidthSizeClass","Compact","content","arcPageHeader","title","subtitle","section","query","SampleBindingName","AllInvoices","page","dataTable","invoiceTableOptions","invoiceColumns","objectContentEditor","timeMachine","displayName","description","dashboardPageTemplate","Stats","RevenueByMonth","observableDataTable","InvoicesInFlight","OpenTickets","AllAdjustments","adjustmentColumns","workspaceTemplates"],"mappings":"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"}

package/dist/esm/BorrowedComponentName.d.ts

@@ -0,0 +1,4 @@
+export declare enum BorrowedComponentName {
+    Column = "column"
+}
+//# sourceMappingURL=BorrowedComponentName.d.ts.map

package/dist/esm/BorrowedComponentName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BorrowedComponentName.d.ts","sourceRoot":"","sources":["../../BorrowedComponentName.ts"],"names":[],"mappings":"AAkBA,oBAAY,qBAAqB;IAE7B,MAAM,WAAW;CACpB"}

package/dist/esm/BorrowedComponentName.js

@@ -0,0 +1,23 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Names this blueprint's templates reference that come from neither `Cratis.Components` nor itself.
+ *
+ * There is one, and it is worth stating why rather than leaving it as a bare string in a builder.
+ *
+ * `Cratis.Components`' data table and data page take their columns as children - the library's own
+ * documentation says the columns arrive in the `content` slot - but the library declares no `column` name
+ * of its own, because its tables are `DataTableForQuery` wrapping PrimeReact's `DataTable`, and a column
+ * is PrimeReact's `Column`. So a template that wants a table with real columns has to name PrimeReact's,
+ * and this blueprint's manifest declares PrimeReact as a dependency partly for that reason.
+ *
+ * It is checked the same way every other borrowed name in this repository is: against the owning
+ * package's own manifest, by a spec, rather than assumed. The default blueprint learned that the hard way
+ * when it referenced `chart` and `fileUpload`, which neither library declares.
+ */ var BorrowedComponentName = /*#__PURE__*/ function(BorrowedComponentName) {
+    /** PrimeReact's `Column` - one column of a data table, given a `field` and a `header`. */ BorrowedComponentName["Column"] = "column";
+    return BorrowedComponentName;
+}({});
+
+export { BorrowedComponentName };
+//# sourceMappingURL=BorrowedComponentName.js.map

package/dist/esm/BorrowedComponentName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BorrowedComponentName.js","sources":["../../BorrowedComponentName.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/**\n * Names this blueprint's templates reference that come from neither `Cratis.Components` nor itself.\n *\n * There is one, and it is worth stating why rather than leaving it as a bare string in a builder.\n *\n * `Cratis.Components`' data table and data page take their columns as children - the library's own\n * documentation says the columns arrive in the `content` slot - but the library declares no `column` name\n * of its own, because its tables are `DataTableForQuery` wrapping PrimeReact's `DataTable`, and a column\n * is PrimeReact's `Column`. So a template that wants a table with real columns has to name PrimeReact's,\n * and this blueprint's manifest declares PrimeReact as a dependency partly for that reason.\n *\n * It is checked the same way every other borrowed name in this repository is: against the owning\n * package's own manifest, by a spec, rather than assumed. The default blueprint learned that the hard way\n * when it referenced `chart` and `fileUpload`, which neither library declares.\n */\nexport enum BorrowedComponentName {\n    /** PrimeReact's `Column` - one column of a data table, given a `field` and a `header`. */\n    Column = 'column',\n}\n"],"names":["BorrowedComponentName"],"mappings":"AAAA;AACA;AAEA;;;;;;;;;;;;;;IAeO,IAAKA,qBAAAA,iBAAAA,SAAAA,qBAAAA,EAAAA;+FACgF,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA;AADhFA,IAAAA,OAAAA,qBAAAA;AAGX,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/ComponentName.d.ts

@@ -0,0 +1,4 @@
+export declare enum ComponentName {
+    ArcPageHeader = "arcPageHeader"
+}
+//# sourceMappingURL=ComponentName.d.ts.map

package/dist/esm/ComponentName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentName.d.ts","sourceRoot":"","sources":["../../ComponentName.ts"],"names":[],"mappings":"AAeA,oBAAY,aAAa;IAUrB,aAAa,kBAAkB;CAClC"}

package/dist/esm/ComponentName.js

@@ -0,0 +1,28 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The bare names this package declares components under.
+ *
+ * There is exactly one, and that is the design rather than an unfinished list. This blueprint's value is
+ * in its **templates** - a `dataPage` already wired to a query, a `commandForm` page with its action bar -
+ * and a template is data a host can rearrange. A component is code it cannot. So the rule this package
+ * holds itself to is: register a component only when a template's content tree genuinely cannot express
+ * the composition, and reach for a template every other time. A blueprint whose value sat in its
+ * components rather than its templates would have misunderstood its job.
+ *
+ * {@link ArcPageHeader} is the one thing that clears that bar. Everything else in this package is a tree.
+ */ var ComponentName = /*#__PURE__*/ function(ComponentName) {
+    /**
+     * A page header that derives its heading, its subtitle and its breadcrumb trail from **one** binding
+     * name, and reports whether that binding is registered.
+     *
+     * A content tree cannot do this. It can hold a title, a subtitle and a trail as three literals, but
+     * it cannot *derive* them from a single `query`/`command` property, and it certainly cannot look that
+     * name up in the binding registry to say whether a host has wired it. Both are behavior at render
+     * time, not structure - which is exactly the line this package uses to decide what earns a component.
+     */ ComponentName["ArcPageHeader"] = "arcPageHeader";
+    return ComponentName;
+}({});
+
+export { ComponentName };
+//# sourceMappingURL=ComponentName.js.map

package/dist/esm/ComponentName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentName.js","sources":["../../ComponentName.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/**\n * The bare names this package declares components under.\n *\n * There is exactly one, and that is the design rather than an unfinished list. This blueprint's value is\n * in its **templates** - a `dataPage` already wired to a query, a `commandForm` page with its action bar -\n * and a template is data a host can rearrange. A component is code it cannot. So the rule this package\n * holds itself to is: register a component only when a template's content tree genuinely cannot express\n * the composition, and reach for a template every other time. A blueprint whose value sat in its\n * components rather than its templates would have misunderstood its job.\n *\n * {@link ArcPageHeader} is the one thing that clears that bar. Everything else in this package is a tree.\n */\nexport enum ComponentName {\n    /**\n     * A page header that derives its heading, its subtitle and its breadcrumb trail from **one** binding\n     * name, and reports whether that binding is registered.\n     *\n     * A content tree cannot do this. It can hold a title, a subtitle and a trail as three literals, but\n     * it cannot *derive* them from a single `query`/`command` property, and it certainly cannot look that\n     * name up in the binding registry to say whether a host has wired it. Both are behavior at render\n     * time, not structure - which is exactly the line this package uses to decide what earns a component.\n     */\n    ArcPageHeader = 'arcPageHeader',\n}\n"],"names":["ComponentName"],"mappings":"AAAA;AACA;AAEA;;;;;;;;;;;IAYO,IAAKA,aAAAA,iBAAAA,SAAAA,aAAAA,EAAAA;AACR;;;;;;;;AAQC,QAAA,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;AATOA,IAAAA,OAAAA,aAAAA;AAWX,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/CompositeName.d.ts

@@ -0,0 +1,28 @@
+export declare enum CompositeName {
+    Page = "page",
+    DataPage = "dataPage",
+    DataTable = "dataTable",
+    ObservableDataTable = "observableDataTable",
+    CommandForm = "commandForm",
+    InputTextField = "inputTextField",
+    NumberField = "numberField",
+    TextAreaField = "textAreaField",
+    DropdownField = "dropdownField",
+    CalendarField = "calendarField",
+    Dialog = "dialog",
+    CommandDialog = "commandDialog",
+    BusyIndicatorDialog = "busyIndicatorDialog",
+    Icon = "icon",
+    Dropdown = "dropdown",
+    ErrorBoundary = "errorBoundary",
+    ObjectContentEditor = "objectContentEditor",
+    ObjectNavigationalBar = "objectNavigationalBar",
+    SchemaEditor = "schemaEditor",
+    TimeMachine = "timeMachine",
+    FilterPanel = "filterPanel",
+    Toolbar = "toolbar",
+    ToolbarButton = "toolbarButton",
+    ToolbarGroup = "toolbarGroup",
+    ToolbarSeparator = "toolbarSeparator"
+}
+//# sourceMappingURL=CompositeName.d.ts.map

package/dist/esm/CompositeName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeName.d.ts","sourceRoot":"","sources":["../../CompositeName.ts"],"names":[],"mappings":"AAqBA,oBAAY,aAAa;IAErB,IAAI,SAAS;IAGb,QAAQ,aAAa;IAGrB,SAAS,cAAc;IAGvB,mBAAmB,wBAAwB;IAG3C,WAAW,gBAAgB;IAG3B,cAAc,mBAAmB;IAGjC,WAAW,gBAAgB;IAG3B,aAAa,kBAAkB;IAG/B,aAAa,kBAAkB;IAG/B,aAAa,kBAAkB;IAG/B,MAAM,WAAW;IAGjB,aAAa,kBAAkB;IAG/B,mBAAmB,wBAAwB;IAG3C,IAAI,SAAS;IAGb,QAAQ,aAAa;IAGrB,aAAa,kBAAkB;IAG/B,mBAAmB,wBAAwB;IAG3C,qBAAqB,0BAA0B;IAG/C,YAAY,iBAAiB;IAG7B,WAAW,gBAAgB;IAG3B,WAAW,gBAAgB;IAG3B,OAAO,YAAY;IAGnB,aAAa,kBAAkB;IAG/B,YAAY,iBAAiB;IAG7B,gBAAgB,qBAAqB;CACxC"}

package/dist/esm/CompositeName.js

@@ -0,0 +1,50 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The `Cratis.Components` names this blueprint's templates are built from.
+ *
+ * These are not this package's names - `Cratis.Components` declares every one of them, and this blueprint
+ * only writes them into its templates. They are collected here anyway, for two reasons.
+ *
+ * The first is the ordinary one: a bare name written inline is a magic string, and a typo in it renders as
+ * a dashed red box in the middle of a screen with nothing pointing back at the template that caused it.
+ *
+ * The second is what makes this worth an enum rather than a comment. A spec asserts that every member
+ * below appears in `cratisComponentsPackageManifest.components`, so this file is a standing check that
+ * this blueprint and the component library it is built from still agree. If a name is ever renamed
+ * upstream, that spec fails here rather than a screen failing silently in someone's application.
+ *
+ * A screen template writes bare names on purpose: `resolveComponentName` decides which active package
+ * wins each one against the profile's priority order, so a template that qualified its names would pin
+ * itself to one library and stop being a template.
+ */ var CompositeName = /*#__PURE__*/ function(CompositeName) {
+    /** The library's page primitive - a full-height column whose optional panel chrome matches everything inside it. */ CompositeName["Page"] = "page";
+    /** The whole list-screen composite: title bar, menubar, filterable table and optional details pane, all from one query. */ CompositeName["DataPage"] = "dataPage";
+    /** A table that performs a query, pages against the server, and wires filtering and sorting back into it. */ CompositeName["DataTable"] = "dataTable";
+    /** The live variant - an observable query, a WebSocket subscription, and a re-render when the read model changes. */ CompositeName["ObservableDataTable"] = "observableDataTable";
+    /** A form generated from a command's own property descriptors, so it follows the command rather than going stale. */ CompositeName["CommandForm"] = "commandForm";
+    /** A single-line text field bound to one command property. */ CompositeName["InputTextField"] = "inputTextField";
+    /** A numeric field bound to one command property. */ CompositeName["NumberField"] = "numberField";
+    /** A multi-line text field bound to one command property. */ CompositeName["TextAreaField"] = "textAreaField";
+    /** A single-selection field over a list the screen carries inline. */ CompositeName["DropdownField"] = "dropdownField";
+    /** A date field bound to one command property. */ CompositeName["CalendarField"] = "calendarField";
+    /** The Arc-aware dialog, whose result resolves through Arc's dialog context rather than through `visible` state. */ CompositeName["Dialog"] = "dialog";
+    /** A dialog whose confirm button *is* the command's execution - it submits, feeds validation back, and only closes on success. */ CompositeName["CommandDialog"] = "commandDialog";
+    /** The blocking spinner shown while a long-running command is in flight. */ CompositeName["BusyIndicatorDialog"] = "busyIndicatorDialog";
+    /** An icon, with the shorthand forms people actually write normalized into the class PrimeIcons expects. */ CompositeName["Icon"] = "icon";
+    /** A standalone selection control, not bound to a command property. */ CompositeName["Dropdown"] = "dropdown";
+    /** Scopes a failure to a region, so one broken widget does not take the screen with it. */ CompositeName["ErrorBoundary"] = "errorBoundary";
+    /** Renders an arbitrary JSON document against its schema, with a control per declared type. */ CompositeName["ObjectContentEditor"] = "objectContentEditor";
+    /** The trail that says where you are inside a nested document, and lets you climb back out. */ CompositeName["ObjectNavigationalBar"] = "objectNavigationalBar";
+    /** Edits a JSON schema as a typed property tree rather than as text. */ CompositeName["SchemaEditor"] = "schemaEditor";
+    /** Scrubs through successive versions of something on a timeline. */ CompositeName["TimeMachine"] = "timeMachine";
+    /** The filter toggle and the panel it anchors, as one placeable element. */ CompositeName["FilterPanel"] = "filterPanel";
+    /** The container for a tool palette, which also establishes the drag context its buttons read. */ CompositeName["Toolbar"] = "toolbar";
+    /** One button in a tool palette. */ CompositeName["ToolbarButton"] = "toolbarButton";
+    /** Related buttons kept together inside a toolbar. */ CompositeName["ToolbarGroup"] = "toolbarGroup";
+    /** The divider between groups of tools. */ CompositeName["ToolbarSeparator"] = "toolbarSeparator";
+    return CompositeName;
+}({});
+
+export { CompositeName };
+//# sourceMappingURL=CompositeName.js.map

package/dist/esm/CompositeName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeName.js","sources":["../../CompositeName.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/**\n * The `Cratis.Components` names this blueprint's templates are built from.\n *\n * These are not this package's names - `Cratis.Components` declares every one of them, and this blueprint\n * only writes them into its templates. They are collected here anyway, for two reasons.\n *\n * The first is the ordinary one: a bare name written inline is a magic string, and a typo in it renders as\n * a dashed red box in the middle of a screen with nothing pointing back at the template that caused it.\n *\n * The second is what makes this worth an enum rather than a comment. A spec asserts that every member\n * below appears in `cratisComponentsPackageManifest.components`, so this file is a standing check that\n * this blueprint and the component library it is built from still agree. If a name is ever renamed\n * upstream, that spec fails here rather than a screen failing silently in someone's application.\n *\n * A screen template writes bare names on purpose: `resolveComponentName` decides which active package\n * wins each one against the profile's priority order, so a template that qualified its names would pin\n * itself to one library and stop being a template.\n */\nexport enum CompositeName {\n    /** The library's page primitive - a full-height column whose optional panel chrome matches everything inside it. */\n    Page = 'page',\n\n    /** The whole list-screen composite: title bar, menubar, filterable table and optional details pane, all from one query. */\n    DataPage = 'dataPage',\n\n    /** A table that performs a query, pages against the server, and wires filtering and sorting back into it. */\n    DataTable = 'dataTable',\n\n    /** The live variant - an observable query, a WebSocket subscription, and a re-render when the read model changes. */\n    ObservableDataTable = 'observableDataTable',\n\n    /** A form generated from a command's own property descriptors, so it follows the command rather than going stale. */\n    CommandForm = 'commandForm',\n\n    /** A single-line text field bound to one command property. */\n    InputTextField = 'inputTextField',\n\n    /** A numeric field bound to one command property. */\n    NumberField = 'numberField',\n\n    /** A multi-line text field bound to one command property. */\n    TextAreaField = 'textAreaField',\n\n    /** A single-selection field over a list the screen carries inline. */\n    DropdownField = 'dropdownField',\n\n    /** A date field bound to one command property. */\n    CalendarField = 'calendarField',\n\n    /** The Arc-aware dialog, whose result resolves through Arc's dialog context rather than through `visible` state. */\n    Dialog = 'dialog',\n\n    /** A dialog whose confirm button *is* the command's execution - it submits, feeds validation back, and only closes on success. */\n    CommandDialog = 'commandDialog',\n\n    /** The blocking spinner shown while a long-running command is in flight. */\n    BusyIndicatorDialog = 'busyIndicatorDialog',\n\n    /** An icon, with the shorthand forms people actually write normalized into the class PrimeIcons expects. */\n    Icon = 'icon',\n\n    /** A standalone selection control, not bound to a command property. */\n    Dropdown = 'dropdown',\n\n    /** Scopes a failure to a region, so one broken widget does not take the screen with it. */\n    ErrorBoundary = 'errorBoundary',\n\n    /** Renders an arbitrary JSON document against its schema, with a control per declared type. */\n    ObjectContentEditor = 'objectContentEditor',\n\n    /** The trail that says where you are inside a nested document, and lets you climb back out. */\n    ObjectNavigationalBar = 'objectNavigationalBar',\n\n    /** Edits a JSON schema as a typed property tree rather than as text. */\n    SchemaEditor = 'schemaEditor',\n\n    /** Scrubs through successive versions of something on a timeline. */\n    TimeMachine = 'timeMachine',\n\n    /** The filter toggle and the panel it anchors, as one placeable element. */\n    FilterPanel = 'filterPanel',\n\n    /** The container for a tool palette, which also establishes the drag context its buttons read. */\n    Toolbar = 'toolbar',\n\n    /** One button in a tool palette. */\n    ToolbarButton = 'toolbarButton',\n\n    /** Related buttons kept together inside a toolbar. */\n    ToolbarGroup = 'toolbarGroup',\n\n    /** The divider between groups of tools. */\n    ToolbarSeparator = 'toolbarSeparator',\n}\n"],"names":["CompositeName"],"mappings":"AAAA;AACA;AAEA;;;;;;;;;;;;;;;;;IAkBO,IAAKA,aAAAA,iBAAAA,SAAAA,aAAAA,EAAAA;yHAC0G,aAAA,CAAA,MAAA,CAAA,GAAA,MAAA;gIAGO,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;kHAGd,aAAA,CAAA,WAAA,CAAA,GAAA,WAAA;0HAGQ,aAAA,CAAA,qBAAA,CAAA,GAAA,qBAAA;0HAGA,aAAA,CAAA,aAAA,CAAA,GAAA,aAAA;mEAGvD,aAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA;0DAGT,aAAA,CAAA,aAAA,CAAA,GAAA,aAAA;kEAGQ,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;2EAGS,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;uDAGpB,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;yHAGkE,aAAA,CAAA,QAAA,CAAA,GAAA,QAAA;uIAGc,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;iFAGtD,aAAA,CAAA,qBAAA,CAAA,GAAA,qBAAA;iHAGgC,aAAA,CAAA,MAAA,CAAA,GAAA,MAAA;4EAGrC,aAAA,CAAA,UAAA,CAAA,GAAA,UAAA;gGAGoB,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;oGAGI,aAAA,CAAA,qBAAA,CAAA,GAAA,qBAAA;oGAGA,aAAA,CAAA,uBAAA,CAAA,GAAA,uBAAA;6EAGvB,aAAA,CAAA,cAAA,CAAA,GAAA,cAAA;0EAGH,aAAA,CAAA,aAAA,CAAA,GAAA,aAAA;iFAGO,aAAA,CAAA,aAAA,CAAA,GAAA,aAAA;uGAGsB,aAAA,CAAA,SAAA,CAAA,GAAA,SAAA;yCAG9D,aAAA,CAAA,eAAA,CAAA,GAAA,eAAA;2DAGkB,aAAA,CAAA,cAAA,CAAA,GAAA,cAAA;gDAGX,aAAA,CAAA,kBAAA,CAAA,GAAA,kBAAA;AAzEjCA,IAAAA,OAAAA,aAAAA;AA2EX,CAAA,CAAA,EAAA;;;;"}