@cratis/scene.blueprint.default 4.40.0 → 4.41.0

package/dist/esm/foundation/templates/listScreenTemplate.js

@@ -0,0 +1,122 @@
+import { WidthSizeClass } from '@cratis/scene.model';
+import { column, slotLeaf, row } from '../../layouts/flowBuilders.js';
+import { component, fromQuery, foundationTemplateProvenance, thumbnailOf } from './templateParts.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The collection screen: search, filters, a list that is a table, grouped, or cards, a bar that appears when rows are selected, and a footer for paging.
+ * Search, sort, page and selection live in the address, so a link shares the list as it is. On a phone the table becomes cards.
+ */ const listScreenTemplate = {
+    name: 'ListScreen',
+    fitsSlot: 'content',
+    slots: [
+        {
+            name: 'header'
+        },
+        {
+            name: 'toolbar'
+        },
+        {
+            name: 'filters'
+        },
+        {
+            name: 'list'
+        },
+        {
+            name: 'bulkBar'
+        },
+        {
+            name: 'footer'
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf('header'),
+            row([
+                slotLeaf('toolbar')
+            ], 8),
+            slotLeaf('filters'),
+            slotLeaf('bulkBar'),
+            slotLeaf('list'),
+            slotLeaf('footer')
+        ], 12),
+        overrides: [
+            {
+                width: WidthSizeClass.Compact,
+                root: column([
+                    slotLeaf('header'),
+                    slotLeaf('toolbar'),
+                    slotLeaf('filters'),
+                    slotLeaf('bulkBar'),
+                    slotLeaf('list'),
+                    slotLeaf('footer')
+                ], 16)
+            }
+        ]
+    },
+    content: {
+        header: [
+            component('list-header', 'pageHeader', {
+                title: 'Deals',
+                subtitle: 'Every open and closed deal'
+            })
+        ],
+        toolbar: [
+            component('list-search', 'globalSearch', {
+                placeholder: 'Search deals',
+                label: 'Search deals',
+                urlKey: 'dealsq'
+            }),
+            component('list-views', 'savedViewsMenu', {
+                views: fromQuery('DealViews'),
+                savePermission: 'enabled',
+                managePermission: 'enabled'
+            }),
+            component('list-columns', 'columnChooser', {
+                columns: fromQuery('DealColumnChoices')
+            })
+        ],
+        filters: [
+            component('list-filter', 'filterBuilder', {
+                fields: fromQuery('DealFilterFields')
+            })
+        ],
+        list: [
+            component('list-records', 'dataList', {
+                label: 'Deals',
+                rows: fromQuery('Deals'),
+                columns: fromQuery('DealColumns'),
+                titleField: 'name',
+                selectionMode: 'multiple',
+                pageSize: 10,
+                rowActions: [
+                    'Open',
+                    'Archive'
+                ],
+                urlKey: 'deals'
+            })
+        ],
+        bulkBar: [
+            component('list-bulk', 'bulkBar', {
+                selection: fromQuery('DealSelection'),
+                actions: [
+                    'Assign',
+                    'Archive'
+                ]
+            })
+        ],
+        footer: []
+    },
+    displayName: 'List',
+    description: 'A searchable, filterable collection that is a table, grouped or cards, with a bulk bar for selected rows.',
+    metadata: {
+        ...foundationTemplateProvenance,
+        type: 'List',
+        category: 'Foundation / List',
+        thumbnail: thumbnailOf('ListScreen')
+    }
+};
+
+export { listScreenTemplate };
+//# sourceMappingURL=listScreenTemplate.js.map

package/dist/esm/foundation/templates/listScreenTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listScreenTemplate.js","sources":["../../../../foundation/templates/listScreenTemplate.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 { column, grid, row, slotLeaf } from '../../layouts/flowBuilders';\nimport { component, foundationTemplateProvenance, fromQuery, thumbnailOf } from './templateParts';\n\n/**\n * The collection screen: search, filters, a list that is a table, grouped, or cards, a bar that appears when rows are selected, and a footer for paging.\n * Search, sort, page and selection live in the address, so a link shares the list as it is. On a phone the table becomes cards.\n */\nexport const listScreenTemplate: ScreenTemplate = {\n    name: 'ListScreen',\n    fitsSlot: 'content',\n    slots: [{ name: 'header' }, { name: 'toolbar' }, { name: 'filters' }, { name: 'list' }, { name: 'bulkBar' }, { name: 'footer' }],\n    arrangement: {\n        root: column([slotLeaf('header'), row([slotLeaf('toolbar')], 8), slotLeaf('filters'), slotLeaf('bulkBar'), slotLeaf('list'), slotLeaf('footer')], 12),\n        overrides: [{ width: WidthSizeClass.Compact, root: column([slotLeaf('header'), slotLeaf('toolbar'), slotLeaf('filters'), slotLeaf('bulkBar'), slotLeaf('list'), slotLeaf('footer')], 16) }],\n    },\n    content: {\n        header: [component('list-header', 'pageHeader', { title: 'Deals', subtitle: 'Every open and closed deal' })],\n        toolbar: [\n            component('list-search', 'globalSearch', { placeholder: 'Search deals', label: 'Search deals', urlKey: 'dealsq' }),\n            component('list-views', 'savedViewsMenu', { views: fromQuery('DealViews'), savePermission: 'enabled', managePermission: 'enabled' }),\n            component('list-columns', 'columnChooser', { columns: fromQuery('DealColumnChoices') }),\n        ],\n        filters: [component('list-filter', 'filterBuilder', { fields: fromQuery('DealFilterFields') })],\n        list: [component('list-records', 'dataList', {\n            label: 'Deals', rows: fromQuery('Deals'), columns: fromQuery('DealColumns'), titleField: 'name', selectionMode: 'multiple', pageSize: 10, rowActions: ['Open', 'Archive'], urlKey: 'deals',\n        })],\n        bulkBar: [component('list-bulk', 'bulkBar', { selection: fromQuery('DealSelection'), actions: ['Assign', 'Archive'] })],\n        footer: [],\n    },\n    displayName: 'List',\n    description: 'A searchable, filterable collection that is a table, grouped or cards, with a bulk bar for selected rows.',\n    metadata: { ...foundationTemplateProvenance, type: 'List', category: 'Foundation / List', thumbnail: thumbnailOf('ListScreen') },\n};\n"],"names":["listScreenTemplate","name","fitsSlot","slots","arrangement","root","column","slotLeaf","row","overrides","width","WidthSizeClass","Compact","content","header","component","title","subtitle","toolbar","placeholder","label","urlKey","views","fromQuery","savePermission","managePermission","columns","filters","fields","list","rows","titleField","selectionMode","pageSize","rowActions","bulkBar","selection","actions","footer","displayName","description","metadata","foundationTemplateProvenance","type","category","thumbnail","thumbnailOf"],"mappings":"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"}

package/dist/esm/foundation/templates/masterDetailScreenTemplate.d.ts

@@ -0,0 +1,3 @@
+import { ScreenTemplate } from '@cratis/scene.model';
+export declare const masterDetailScreenTemplate: ScreenTemplate;
+//# sourceMappingURL=masterDetailScreenTemplate.d.ts.map

package/dist/esm/foundation/templates/masterDetailScreenTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterDetailScreenTemplate.d.ts","sourceRoot":"","sources":["../../../../foundation/templates/masterDetailScreenTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAkB,MAAM,qBAAqB,CAAC;AAQrE,eAAO,MAAM,0BAA0B,EAAE,cAgBxC,CAAC"}

package/dist/esm/foundation/templates/masterDetailScreenTemplate.js

@@ -0,0 +1,77 @@
+import { WidthSizeClass } from '@cratis/scene.model';
+import { column, slotLeaf, grid } from '../../layouts/flowBuilders.js';
+import { component, fromQuery, foundationTemplateProvenance, thumbnailOf } from './templateParts.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The master/detail: a list beside the selected record. The selection lives in the address, so a link opens a record and the back button returns to the
+ * list; on a phone the two become a navigation stack - the list, then the record with a way back. It lives in a module workspace's `moduleContent`.
+ */ const masterDetailScreenTemplate = {
+    name: 'MasterDetailScreen',
+    fitsSlot: 'WorkspaceScreen.moduleContent',
+    slots: [
+        {
+            name: 'list'
+        },
+        {
+            name: 'details'
+        }
+    ],
+    arrangement: {
+        root: grid([
+            slotLeaf('list'),
+            slotLeaf('details', {
+                span: 2
+            })
+        ], 3, 16),
+        overrides: [
+            {
+                width: WidthSizeClass.Compact,
+                root: column([
+                    slotLeaf('list'),
+                    slotLeaf('details')
+                ], 16)
+            }
+        ]
+    },
+    content: {
+        list: [
+            component('md-list', 'dataList', {
+                label: 'Accounts',
+                rows: fromQuery('Deals'),
+                columns: fromQuery('DealColumns'),
+                titleField: 'name',
+                selectionMode: 'single',
+                urlKey: 'md'
+            })
+        ],
+        details: [
+            component('md-detail', 'tabSet', {
+                tabs: fromQuery('RecordTabs'),
+                urlKey: 'mdtab',
+                label: 'Account'
+            })
+        ]
+    },
+    displayName: 'Master/detail with address selection',
+    description: 'A list beside the selected record that stacks into a navigation stack on a phone.',
+    outlets: [
+        {
+            name: 'master-detail.detail',
+            description: 'The selected record.',
+            accepts: [
+                'Detail'
+            ]
+        }
+    ],
+    metadata: {
+        ...foundationTemplateProvenance,
+        type: 'Workspace',
+        category: 'Foundation / Workspace',
+        thumbnail: thumbnailOf('MasterDetailScreen')
+    }
+};
+
+export { masterDetailScreenTemplate };
+//# sourceMappingURL=masterDetailScreenTemplate.js.map

package/dist/esm/foundation/templates/masterDetailScreenTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterDetailScreenTemplate.js","sources":["../../../../foundation/templates/masterDetailScreenTemplate.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 { column, grid, row, slotLeaf } from '../../layouts/flowBuilders';\nimport { component, foundationTemplateProvenance, fromQuery, thumbnailOf } from './templateParts';\n\n/**\n * The master/detail: a list beside the selected record. The selection lives in the address, so a link opens a record and the back button returns to the\n * list; on a phone the two become a navigation stack - the list, then the record with a way back. It lives in a module workspace's `moduleContent`.\n */\nexport const masterDetailScreenTemplate: ScreenTemplate = {\n    name: 'MasterDetailScreen',\n    fitsSlot: 'WorkspaceScreen.moduleContent',\n    slots: [{ name: 'list' }, { name: 'details' }],\n    arrangement: {\n        root: grid([slotLeaf('list'), slotLeaf('details', { span: 2 })], 3, 16),\n        overrides: [{ width: WidthSizeClass.Compact, root: column([slotLeaf('list'), slotLeaf('details')], 16) }],\n    },\n    content: {\n        list: [component('md-list', 'dataList', { label: 'Accounts', rows: fromQuery('Deals'), columns: fromQuery('DealColumns'), titleField: 'name', selectionMode: 'single', urlKey: 'md' })],\n        details: [component('md-detail', 'tabSet', { tabs: fromQuery('RecordTabs'), urlKey: 'mdtab', label: 'Account' })],\n    },\n    displayName: 'Master/detail with address selection',\n    description: 'A list beside the selected record that stacks into a navigation stack on a phone.',\n    outlets: [{ name: 'master-detail.detail', description: 'The selected record.', accepts: ['Detail'] }],\n    metadata: { ...foundationTemplateProvenance, type: 'Workspace', category: 'Foundation / Workspace', thumbnail: thumbnailOf('MasterDetailScreen') },\n};\n"],"names":["masterDetailScreenTemplate","name","fitsSlot","slots","arrangement","root","grid","slotLeaf","span","overrides","width","WidthSizeClass","Compact","column","content","list","component","label","rows","fromQuery","columns","titleField","selectionMode","urlKey","details","tabs","displayName","description","outlets","accepts","metadata","foundationTemplateProvenance","type","category","thumbnail","thumbnailOf"],"mappings":";;;;AAAA;AACA;AAMA;;;UAIaA,0BAAAA,GAA6C;IACtDC,IAAAA,EAAM,oBAAA;IACNC,QAAAA,EAAU,+BAAA;IACVC,KAAAA,EAAO;AAAC,QAAA;YAAEF,IAAAA,EAAM;AAAO,SAAA;AAAG,QAAA;YAAEA,IAAAA,EAAM;AAAU;AAAE,KAAA;IAC9CG,WAAAA,EAAa;AACTC,QAAAA,IAAAA,EAAMC,IAAAA,CAAK;YAACC,QAAAA,CAAS,MAAA,CAAA;AAASA,YAAAA,QAAAA,CAAS,SAAA,EAAW;gBAAEC,IAAAA,EAAM;AAAE,aAAA;AAAG,SAAA,EAAE,CAAA,EAAG,EAAA,CAAA;QACpEC,SAAAA,EAAW;AAAC,YAAA;AAAEC,gBAAAA,KAAAA,EAAOC,eAAeC,OAAO;AAAEP,gBAAAA,IAAAA,EAAMQ,MAAAA,CAAO;oBAACN,QAAAA,CAAS,MAAA,CAAA;oBAASA,QAAAA,CAAS,SAAA;iBAAW,EAAE,EAAA;AAAI;AAAE;AAC7G,KAAA;IACAO,OAAAA,EAAS;QACLC,IAAAA,EAAM;AAACC,YAAAA,SAAAA,CAAU,WAAW,UAAA,EAAY;gBAAEC,KAAAA,EAAO,UAAA;AAAYC,gBAAAA,IAAAA,EAAMC,SAAAA,CAAU,OAAA,CAAA;AAAUC,gBAAAA,OAAAA,EAASD,SAAAA,CAAU,aAAA,CAAA;gBAAgBE,UAAAA,EAAY,MAAA;gBAAQC,aAAAA,EAAe,QAAA;gBAAUC,MAAAA,EAAQ;AAAK,aAAA;AAAG,SAAA;QACvLC,OAAAA,EAAS;AAACR,YAAAA,SAAAA,CAAU,aAAa,QAAA,EAAU;AAAES,gBAAAA,IAAAA,EAAMN,SAAAA,CAAU,YAAA,CAAA;gBAAeI,MAAAA,EAAQ,OAAA;gBAASN,KAAAA,EAAO;AAAU,aAAA;AAAG;AACrH,KAAA;IACAS,WAAAA,EAAa,sCAAA;IACbC,WAAAA,EAAa,mFAAA;IACbC,OAAAA,EAAS;AAAC,QAAA;YAAE3B,IAAAA,EAAM,sBAAA;YAAwB0B,WAAAA,EAAa,sBAAA;YAAwBE,OAAAA,EAAS;AAAC,gBAAA;AAAS;AAAC;AAAE,KAAA;IACrGC,QAAAA,EAAU;AAAE,QAAA,GAAGC,4BAA4B;QAAEC,IAAAA,EAAM,WAAA;QAAaC,QAAAA,EAAU,wBAAA;AAA0BC,QAAAA,SAAAA,EAAWC,WAAAA,CAAY,oBAAA;AAAsB;AACrJ;;"}

package/dist/esm/foundation/templates/recordPageTemplate.d.ts

@@ -0,0 +1,3 @@
+import { ScreenTemplate } from '@cratis/scene.model';
+export declare const recordPageTemplate: ScreenTemplate;
+//# sourceMappingURL=recordPageTemplate.d.ts.map

package/dist/esm/foundation/templates/recordPageTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recordPageTemplate.d.ts","sourceRoot":"","sources":["../../../../foundation/templates/recordPageTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAkB,MAAM,qBAAqB,CAAC;AAQrE,eAAO,MAAM,kBAAkB,EAAE,cAwBhC,CAAC"}

package/dist/esm/foundation/templates/recordPageTemplate.js

@@ -0,0 +1,135 @@
+import { WidthSizeClass } from '@cratis/scene.model';
+import { column, slotLeaf, grid } from '../../layouts/flowBuilders.js';
+import { component, fromQuery, foundationTemplateProvenance, thumbnailOf } from './templateParts.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The record page: a header, the key facts, then tabs (overview, related, files, history) with the record's main content, its related records and its
+ * activity, and an aside. The tabs are configurable by changing one property.
+ */ const recordPageTemplate = {
+    name: 'RecordPage',
+    fitsSlot: 'content',
+    slots: [
+        {
+            name: 'header'
+        },
+        {
+            name: 'summary'
+        },
+        {
+            name: 'tabs'
+        },
+        {
+            name: 'main'
+        },
+        {
+            name: 'related'
+        },
+        {
+            name: 'activity'
+        },
+        {
+            name: 'aside'
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf('header'),
+            slotLeaf('summary'),
+            grid([
+                column([
+                    slotLeaf('tabs'),
+                    slotLeaf('main'),
+                    slotLeaf('related'),
+                    slotLeaf('activity')
+                ], 16, {
+                    span: 2
+                }),
+                slotLeaf('aside')
+            ], 3, 16)
+        ], 16),
+        overrides: [
+            {
+                width: WidthSizeClass.Compact,
+                root: column([
+                    slotLeaf('header'),
+                    slotLeaf('summary'),
+                    slotLeaf('tabs'),
+                    slotLeaf('main'),
+                    slotLeaf('related'),
+                    slotLeaf('activity'),
+                    slotLeaf('aside')
+                ], 16)
+            }
+        ]
+    },
+    content: {
+        header: [
+            component('record-header', 'pageHeader', {
+                title: fromQuery('RecordValues', '0.name'),
+                subtitle: 'Account'
+            })
+        ],
+        summary: [
+            component('record-value', 'statCard', {
+                label: 'Lifetime value',
+                value: fromQuery('Kpis', '0.value'),
+                format: 'currency',
+                currency: 'USD'
+            }),
+            component('record-status', 'statusChip', {
+                status: fromQuery('Deals', '0.status'),
+                tone: 'info'
+            }),
+            component('record-people', 'avatarStack', {
+                people: fromQuery('People')
+            })
+        ],
+        tabs: [
+            component('record-tabs', 'tabSet', {
+                tabs: fromQuery('RecordTabs'),
+                urlKey: 'tab',
+                label: 'Record sections'
+            })
+        ],
+        main: [
+            component('record-form', 'formScreenBody', {
+                mode: 'readOnly',
+                sections: fromQuery('RecordSections'),
+                values: fromQuery('RecordValues', '0')
+            })
+        ],
+        related: [
+            component('record-related', 'dataList', {
+                label: 'Related deals',
+                rows: fromQuery('Deals'),
+                columns: fromQuery('DealColumns'),
+                titleField: 'name',
+                pageSize: 5
+            })
+        ],
+        activity: [
+            component('record-activity', 'activityFeed', {
+                label: 'History',
+                entries: fromQuery('Activity')
+            })
+        ],
+        aside: [
+            component('record-checklist', 'checklistSection', {
+                sections: fromQuery('Checklist')
+            })
+        ]
+    },
+    displayName: 'Record page',
+    description: 'One record: its key facts, tabbed sections, related records and history.',
+    metadata: {
+        ...foundationTemplateProvenance,
+        type: 'Detail',
+        category: 'Foundation / Detail',
+        thumbnail: thumbnailOf('RecordPage')
+    }
+};
+
+export { recordPageTemplate };
+//# sourceMappingURL=recordPageTemplate.js.map

package/dist/esm/foundation/templates/recordPageTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recordPageTemplate.js","sources":["../../../../foundation/templates/recordPageTemplate.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 { column, grid, row, slotLeaf } from '../../layouts/flowBuilders';\nimport { component, foundationTemplateProvenance, fromQuery, thumbnailOf } from './templateParts';\n\n/**\n * The record page: a header, the key facts, then tabs (overview, related, files, history) with the record's main content, its related records and its\n * activity, and an aside. The tabs are configurable by changing one property.\n */\nexport const recordPageTemplate: ScreenTemplate = {\n    name: 'RecordPage',\n    fitsSlot: 'content',\n    slots: [{ name: 'header' }, { name: 'summary' }, { name: 'tabs' }, { name: 'main' }, { name: 'related' }, { name: 'activity' }, { name: 'aside' }],\n    arrangement: {\n        root: column([slotLeaf('header'), slotLeaf('summary'), grid([column([slotLeaf('tabs'), slotLeaf('main'), slotLeaf('related'), slotLeaf('activity')], 16, { span: 2 }), slotLeaf('aside')], 3, 16)], 16),\n        overrides: [{ width: WidthSizeClass.Compact, root: column([slotLeaf('header'), slotLeaf('summary'), slotLeaf('tabs'), slotLeaf('main'), slotLeaf('related'), slotLeaf('activity'), slotLeaf('aside')], 16) }],\n    },\n    content: {\n        header: [component('record-header', 'pageHeader', { title: fromQuery('RecordValues', '0.name'), subtitle: 'Account' })],\n        summary: [\n            component('record-value', 'statCard', { label: 'Lifetime value', value: fromQuery('Kpis', '0.value'), format: 'currency', currency: 'USD' }),\n            component('record-status', 'statusChip', { status: fromQuery('Deals', '0.status'), tone: 'info' }),\n            component('record-people', 'avatarStack', { people: fromQuery('People') }),\n        ],\n        tabs: [component('record-tabs', 'tabSet', { tabs: fromQuery('RecordTabs'), urlKey: 'tab', label: 'Record sections' })],\n        main: [component('record-form', 'formScreenBody', { mode: 'readOnly', sections: fromQuery('RecordSections'), values: fromQuery('RecordValues', '0') })],\n        related: [component('record-related', 'dataList', { label: 'Related deals', rows: fromQuery('Deals'), columns: fromQuery('DealColumns'), titleField: 'name', pageSize: 5 })],\n        activity: [component('record-activity', 'activityFeed', { label: 'History', entries: fromQuery('Activity') })],\n        aside: [component('record-checklist', 'checklistSection', { sections: fromQuery('Checklist') })],\n    },\n    displayName: 'Record page',\n    description: 'One record: its key facts, tabbed sections, related records and history.',\n    metadata: { ...foundationTemplateProvenance, type: 'Detail', category: 'Foundation / Detail', thumbnail: thumbnailOf('RecordPage') },\n};\n"],"names":["recordPageTemplate","name","fitsSlot","slots","arrangement","root","column","slotLeaf","grid","span","overrides","width","WidthSizeClass","Compact","content","header","component","title","fromQuery","subtitle","summary","label","value","format","currency","status","tone","people","tabs","urlKey","main","mode","sections","values","related","rows","columns","titleField","pageSize","activity","entries","aside","displayName","description","metadata","foundationTemplateProvenance","type","category","thumbnail","thumbnailOf"],"mappings":"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"}

package/dist/esm/foundation/templates/templateParts.d.ts

@@ -0,0 +1,6 @@
+import { BindingExpression, ExternalComponent, SceneElement, TemplateMetadata } from '@cratis/scene.model';
+export declare const foundationTemplateProvenance: Pick<TemplateMetadata, 'compatibility' | 'attribution' | 'license' | 'licenseUrl'>;
+export declare const thumbnailOf: (templateName: string) => string;
+export declare const fromQuery: (query: string, path?: string) => BindingExpression;
+export declare const component: (id: string, componentName: string, properties?: Record<string, unknown>, slots?: Record<string, SceneElement[]>) => ExternalComponent;
+//# sourceMappingURL=templateParts.d.ts.map

package/dist/esm/foundation/templates/templateParts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"templateParts.d.ts","sourceRoot":"","sources":["../../../../foundation/templates/templateParts.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAqB,iBAAiB,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAQ9H,eAAO,MAAM,4BAA4B,EAAE,IAAI,CAAC,gBAAgB,EAAE,eAAe,GAAG,aAAa,GAAG,SAAS,GAAG,YAAY,CAK3H,CAAC;AAGF,eAAO,MAAM,WAAW,iBAAkB,MAAM,KAAG,MAA0C,CAAC;AAM9F,eAAO,MAAM,SAAS,UAAW,MAAM,oBAAc,iBAA2E,CAAC;AAGjI,eAAO,MAAM,SAAS,OAAQ,MAAM,iBAAiB,MAAM,eAAc,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,UAAc,MAAM,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,KAAQ,iBACzF,CAAC"}

package/dist/esm/foundation/templates/templateParts.js

@@ -0,0 +1,33 @@
+import { BindingSourceKind } from '@cratis/scene.model';
+import { externalComponent } from '../../gallery/elements.js';
+import { defaultBlueprintTemplateProvenance } from '../../templateProvenance.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The provenance every foundation template carries. The foundation components draw themselves with no component library, so unlike the earlier
+ * gallery templates these require no PrimeReact or Cratis.Components: a host with only this blueprint renders them.
+ */ const foundationTemplateProvenance = {
+    compatibility: {
+        scene: defaultBlueprintTemplateProvenance.compatibility.scene
+    },
+    attribution: {
+        author: 'Cratis',
+        url: 'https://github.com/Cratis/Scene/tree/main/Source/JavaScript/blueprint.default'
+    },
+    license: 'MIT',
+    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE'
+};
+/** The package-relative thumbnail path of a foundation template. */ const thumbnailOf = (templateName)=>`thumbnails/${templateName}.svg`;
+/**
+ * A property taken from a query result - never a value. A template declares *where* its data comes from and the sample-data pack, or the real
+ * query, supplies the rows (spec SD1); `path` reaches into the result (`0.value` is the first row's `value`, an empty path is the whole result).
+ */ const fromQuery = (query, path = '')=>({
+        kind: BindingSourceKind.QueryResult,
+        query,
+        path
+    });
+/** A component of this blueprint, by its bare name, with its properties and slot content. */ const component = (id, componentName, properties = {}, slots = {})=>externalComponent(id, componentName, properties, slots);
+
+export { component, foundationTemplateProvenance, fromQuery, thumbnailOf };
+//# sourceMappingURL=templateParts.js.map

package/dist/esm/foundation/templates/templateParts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templateParts.js","sources":["../../../../foundation/templates/templateParts.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 { BindingExpression, BindingSourceKind, ExternalComponent, SceneElement, TemplateMetadata } from '@cratis/scene.model';\nimport { externalComponent } from '../../gallery/elements';\nimport { defaultBlueprintTemplateProvenance } from '../../templateProvenance';\n\n/**\n * The provenance every foundation template carries. The foundation components draw themselves with no component library, so unlike the earlier\n * gallery templates these require no PrimeReact or Cratis.Components: a host with only this blueprint renders them.\n */\nexport const foundationTemplateProvenance: Pick<TemplateMetadata, 'compatibility' | 'attribution' | 'license' | 'licenseUrl'> = {\n    compatibility: { scene: defaultBlueprintTemplateProvenance.compatibility!.scene },\n    attribution: { author: 'Cratis', url: 'https://github.com/Cratis/Scene/tree/main/Source/JavaScript/blueprint.default' },\n    license: 'MIT',\n    licenseUrl: 'https://github.com/Cratis/Scene/blob/main/LICENSE',\n};\n\n/** The package-relative thumbnail path of a foundation template. */\nexport const thumbnailOf = (templateName: string): string => `thumbnails/${templateName}.svg`;\n\n/**\n * A property taken from a query result - never a value. A template declares *where* its data comes from and the sample-data pack, or the real\n * query, supplies the rows (spec SD1); `path` reaches into the result (`0.value` is the first row's `value`, an empty path is the whole result).\n */\nexport const fromQuery = (query: string, path = ''): BindingExpression => ({ kind: BindingSourceKind.QueryResult, query, path });\n\n/** A component of this blueprint, by its bare name, with its properties and slot content. */\nexport const component = (id: string, componentName: string, properties: Record<string, unknown> = {}, slots: Record<string, SceneElement[]> = {}): ExternalComponent =>\n    externalComponent(id, componentName, properties, slots);\n"],"names":["foundationTemplateProvenance","compatibility","scene","defaultBlueprintTemplateProvenance","attribution","author","url","license","licenseUrl","thumbnailOf","templateName","fromQuery","query","path","kind","BindingSourceKind","QueryResult","component","id","componentName","properties","slots","externalComponent"],"mappings":";;;;AAAA;AACA;AAMA;;;UAIaA,4BAAAA,GAAmH;IAC5HC,aAAAA,EAAe;QAAEC,KAAAA,EAAOC,kCAAAA,CAAmCF,aAAa,CAAEC;AAAM,KAAA;IAChFE,WAAAA,EAAa;QAAEC,MAAAA,EAAQ,QAAA;QAAUC,GAAAA,EAAK;AAAgF,KAAA;IACtHC,OAAAA,EAAS,KAAA;IACTC,UAAAA,EAAY;AAChB;AAEA,qEACO,MAAMC,WAAAA,GAAc,CAACC,YAAAA,GAAiC,CAAC,WAAW,EAAEA,YAAAA,CAAa,IAAI;AAE5F;;;UAIaC,SAAAA,GAAY,CAACC,OAAeC,IAAAA,GAAO,EAAE,IAAyB;AAAEC,QAAAA,IAAAA,EAAMC,kBAAkBC,WAAW;AAAEJ,QAAAA,KAAAA;AAAOC,QAAAA;AAAK,KAAA;AAE9H,8FACO,MAAMI,YAAY,CAACC,EAAAA,EAAYC,eAAuBC,UAAAA,GAAsC,EAAE,EAAEC,KAAAA,GAAwC,EAAE,GAC7IC,kBAAkBJ,EAAAA,EAAIC,aAAAA,EAAeC,YAAYC,KAAAA;;"}

package/dist/esm/foundation/templates/wizardScreenTemplate.d.ts

@@ -0,0 +1,3 @@
+import { ScreenTemplate } from '@cratis/scene.model';
+export declare const wizardScreenTemplate: ScreenTemplate;
+//# sourceMappingURL=wizardScreenTemplate.d.ts.map

package/dist/esm/foundation/templates/wizardScreenTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizardScreenTemplate.d.ts","sourceRoot":"","sources":["../../../../foundation/templates/wizardScreenTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAkB,MAAM,qBAAqB,CAAC;AAQrE,eAAO,MAAM,oBAAoB,EAAE,cAqBlC,CAAC"}

package/dist/esm/foundation/templates/wizardScreenTemplate.js

@@ -0,0 +1,93 @@
+import { WidthSizeClass } from '@cratis/scene.model';
+import { column, slotLeaf } from '../../layouts/flowBuilders.js';
+import { component, fromQuery, foundationTemplateProvenance, thumbnailOf } from './templateParts.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The wizard: linear steps with a progress list, Back and Next, and a save-draft. The last step is the review. Where the person has got to survives a refresh,
+ * and a refresh can never land past a step that was not done. The content of each step is the slot named by its id.
+ */ const wizardScreenTemplate = {
+    name: 'WizardScreen',
+    fitsSlot: 'content',
+    slots: [
+        {
+            name: 'header'
+        },
+        {
+            name: 'progress'
+        },
+        {
+            name: 'step'
+        },
+        {
+            name: 'actions'
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf('header'),
+            slotLeaf('progress'),
+            slotLeaf('step'),
+            slotLeaf('actions')
+        ], 16),
+        overrides: [
+            {
+                width: WidthSizeClass.Compact,
+                root: column([
+                    slotLeaf('header'),
+                    slotLeaf('progress'),
+                    slotLeaf('step'),
+                    slotLeaf('actions')
+                ], 16)
+            }
+        ]
+    },
+    content: {
+        header: [
+            component('wizard-header', 'pageHeader', {
+                title: 'New account',
+                subtitle: 'Three short steps'
+            })
+        ],
+        progress: [
+            component('wizard-progress', 'wizardProgress', {
+                steps: fromQuery('WizardSteps'),
+                urlKey: 'step'
+            }, {
+                details: [
+                    component('wizard-details', 'formScreenBody', {
+                        mode: 'create',
+                        sections: fromQuery('RecordSections'),
+                        values: fromQuery('RecordValues', '0')
+                    })
+                ],
+                people: [
+                    component('wizard-people', 'avatarStack', {
+                        people: fromQuery('People')
+                    })
+                ],
+                review: [
+                    component('wizard-review', 'formScreenBody', {
+                        mode: 'readOnly',
+                        sections: fromQuery('RecordSections'),
+                        values: fromQuery('RecordValues', '0')
+                    })
+                ]
+            })
+        ],
+        step: [],
+        actions: []
+    },
+    displayName: 'Wizard',
+    description: 'Linear steps with progress, back and next, a saved draft and a review step.',
+    metadata: {
+        ...foundationTemplateProvenance,
+        type: 'Wizard',
+        category: 'Foundation / Wizard',
+        thumbnail: thumbnailOf('WizardScreen')
+    }
+};
+
+export { wizardScreenTemplate };
+//# sourceMappingURL=wizardScreenTemplate.js.map

package/dist/esm/foundation/templates/wizardScreenTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizardScreenTemplate.js","sources":["../../../../foundation/templates/wizardScreenTemplate.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 { column, grid, row, slotLeaf } from '../../layouts/flowBuilders';\nimport { component, foundationTemplateProvenance, fromQuery, thumbnailOf } from './templateParts';\n\n/**\n * The wizard: linear steps with a progress list, Back and Next, and a save-draft. The last step is the review. Where the person has got to survives a refresh,\n * and a refresh can never land past a step that was not done. The content of each step is the slot named by its id.\n */\nexport const wizardScreenTemplate: ScreenTemplate = {\n    name: 'WizardScreen',\n    fitsSlot: 'content',\n    slots: [{ name: 'header' }, { name: 'progress' }, { name: 'step' }, { name: 'actions' }],\n    arrangement: {\n        root: column([slotLeaf('header'), slotLeaf('progress'), slotLeaf('step'), slotLeaf('actions')], 16),\n        overrides: [{ width: WidthSizeClass.Compact, root: column([slotLeaf('header'), slotLeaf('progress'), slotLeaf('step'), slotLeaf('actions')], 16) }],\n    },\n    content: {\n        header: [component('wizard-header', 'pageHeader', { title: 'New account', subtitle: 'Three short steps' })],\n        progress: [component('wizard-progress', 'wizardProgress', { steps: fromQuery('WizardSteps'), urlKey: 'step' }, {\n            details: [component('wizard-details', 'formScreenBody', { mode: 'create', sections: fromQuery('RecordSections'), values: fromQuery('RecordValues', '0') })],\n            people: [component('wizard-people', 'avatarStack', { people: fromQuery('People') })],\n            review: [component('wizard-review', 'formScreenBody', { mode: 'readOnly', sections: fromQuery('RecordSections'), values: fromQuery('RecordValues', '0') })],\n        })],\n        step: [],\n        actions: [],\n    },\n    displayName: 'Wizard',\n    description: 'Linear steps with progress, back and next, a saved draft and a review step.',\n    metadata: { ...foundationTemplateProvenance, type: 'Wizard', category: 'Foundation / Wizard', thumbnail: thumbnailOf('WizardScreen') },\n};\n"],"names":["wizardScreenTemplate","name","fitsSlot","slots","arrangement","root","column","slotLeaf","overrides","width","WidthSizeClass","Compact","content","header","component","title","subtitle","progress","steps","fromQuery","urlKey","details","mode","sections","values","people","review","step","actions","displayName","description","metadata","foundationTemplateProvenance","type","category","thumbnail","thumbnailOf"],"mappings":";;;;AAAA;AACA;AAMA;;;UAIaA,oBAAAA,GAAuC;IAChDC,IAAAA,EAAM,cAAA;IACNC,QAAAA,EAAU,SAAA;IACVC,KAAAA,EAAO;AAAC,QAAA;YAAEF,IAAAA,EAAM;AAAS,SAAA;AAAG,QAAA;YAAEA,IAAAA,EAAM;AAAW,SAAA;AAAG,QAAA;YAAEA,IAAAA,EAAM;AAAO,SAAA;AAAG,QAAA;YAAEA,IAAAA,EAAM;AAAU;AAAE,KAAA;IACxFG,WAAAA,EAAa;AACTC,QAAAA,IAAAA,EAAMC,MAAAA,CAAO;YAACC,QAAAA,CAAS,QAAA,CAAA;YAAWA,QAAAA,CAAS,UAAA,CAAA;YAAaA,QAAAA,CAAS,MAAA,CAAA;YAASA,QAAAA,CAAS,SAAA;SAAW,EAAE,EAAA,CAAA;QAChGC,SAAAA,EAAW;AAAC,YAAA;AAAEC,gBAAAA,KAAAA,EAAOC,eAAeC,OAAO;AAAEN,gBAAAA,IAAAA,EAAMC,MAAAA,CAAO;oBAACC,QAAAA,CAAS,QAAA,CAAA;oBAAWA,QAAAA,CAAS,UAAA,CAAA;oBAAaA,QAAAA,CAAS,MAAA,CAAA;oBAASA,QAAAA,CAAS,SAAA;iBAAW,EAAE,EAAA;AAAI;AAAE;AACvJ,KAAA;IACAK,OAAAA,EAAS;QACLC,MAAAA,EAAQ;AAACC,YAAAA,SAAAA,CAAU,iBAAiB,YAAA,EAAc;gBAAEC,KAAAA,EAAO,aAAA;gBAAeC,QAAAA,EAAU;AAAoB,aAAA;AAAG,SAAA;QAC3GC,QAAAA,EAAU;AAACH,YAAAA,SAAAA,CAAU,mBAAmB,gBAAA,EAAkB;AAAEI,gBAAAA,KAAAA,EAAOC,SAAAA,CAAU,aAAA,CAAA;gBAAgBC,MAAAA,EAAQ;aAAO,EAAG;gBAC3GC,OAAAA,EAAS;AAACP,oBAAAA,SAAAA,CAAU,kBAAkB,gBAAA,EAAkB;wBAAEQ,IAAAA,EAAM,QAAA;AAAUC,wBAAAA,QAAAA,EAAUJ,SAAAA,CAAU,gBAAA,CAAA;AAAmBK,wBAAAA,MAAAA,EAAQL,UAAU,cAAA,EAAgB,GAAA;AAAK,qBAAA;AAAG,iBAAA;gBAC3JM,MAAAA,EAAQ;AAACX,oBAAAA,SAAAA,CAAU,iBAAiB,aAAA,EAAe;AAAEW,wBAAAA,MAAAA,EAAQN,SAAAA,CAAU,QAAA;AAAU,qBAAA;AAAG,iBAAA;gBACpFO,MAAAA,EAAQ;AAACZ,oBAAAA,SAAAA,CAAU,iBAAiB,gBAAA,EAAkB;wBAAEQ,IAAAA,EAAM,UAAA;AAAYC,wBAAAA,QAAAA,EAAUJ,SAAAA,CAAU,gBAAA,CAAA;AAAmBK,wBAAAA,MAAAA,EAAQL,UAAU,cAAA,EAAgB,GAAA;AAAK,qBAAA;AAAG;AAC/J,aAAA;AAAG,SAAA;AACHQ,QAAAA,IAAAA,EAAM,EAAE;AACRC,QAAAA,OAAAA,EAAS;AACb,KAAA;IACAC,WAAAA,EAAa,QAAA;IACbC,WAAAA,EAAa,6EAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC,4BAA4B;QAAEC,IAAAA,EAAM,QAAA;QAAUC,QAAAA,EAAU,qBAAA;AAAuBC,QAAAA,SAAAA,EAAWC,WAAAA,CAAY,cAAA;AAAgB;AACzI;;"}

package/dist/esm/foundation/templates/workspaceScreenTemplate.d.ts

@@ -0,0 +1,3 @@
+import { ScreenTemplate } from '@cratis/scene.model';
+export declare const workspaceScreenTemplate: ScreenTemplate;
+//# sourceMappingURL=workspaceScreenTemplate.d.ts.map

package/dist/esm/foundation/templates/workspaceScreenTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspaceScreenTemplate.d.ts","sourceRoot":"","sources":["../../../../foundation/templates/workspaceScreenTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAkB,MAAM,qBAAqB,CAAC;AAQrE,eAAO,MAAM,uBAAuB,EAAE,cAerC,CAAC"}

package/dist/esm/foundation/templates/workspaceScreenTemplate.js

@@ -0,0 +1,60 @@
+import { WidthSizeClass } from '@cratis/scene.model';
+import { column, slotLeaf, grid } from '../../layouts/flowBuilders.js';
+import { component, fromQuery, foundationTemplateProvenance, thumbnailOf } from './templateParts.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * A module's own workspace: its sections beside the content of the section in force. The sections are the module's sub-navigation (a left rail that
+ * becomes tabs on a phone); the section in force is kept in the address, so a deep link or a refresh restores it. Feature screens go in `moduleContent`.
+ */ const workspaceScreenTemplate = {
+    name: 'WorkspaceScreen',
+    fitsSlot: 'content',
+    slots: [
+        {
+            name: 'moduleNav'
+        },
+        {
+            name: 'moduleContent'
+        }
+    ],
+    arrangement: {
+        root: grid([
+            slotLeaf('moduleNav'),
+            slotLeaf('moduleContent', {
+                span: 3
+            })
+        ], 4, 16),
+        overrides: [
+            {
+                width: WidthSizeClass.Compact,
+                root: column([
+                    slotLeaf('moduleNav'),
+                    slotLeaf('moduleContent')
+                ], 16)
+            }
+        ]
+    },
+    content: {
+        moduleNav: [
+            component('workspace-sections', 'subNavigation', {
+                items: fromQuery('ModuleSections'),
+                orientation: 'vertical',
+                urlKey: 'section',
+                label: 'Module sections'
+            })
+        ],
+        moduleContent: []
+    },
+    displayName: 'Module workspace',
+    description: 'A module\'s sections beside the content of the section that is open.',
+    metadata: {
+        ...foundationTemplateProvenance,
+        type: 'Workspace',
+        category: 'Foundation / Workspace',
+        thumbnail: thumbnailOf('WorkspaceScreen')
+    }
+};
+
+export { workspaceScreenTemplate };
+//# sourceMappingURL=workspaceScreenTemplate.js.map

package/dist/esm/foundation/templates/workspaceScreenTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspaceScreenTemplate.js","sources":["../../../../foundation/templates/workspaceScreenTemplate.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 { column, grid, row, slotLeaf } from '../../layouts/flowBuilders';\nimport { component, foundationTemplateProvenance, fromQuery, thumbnailOf } from './templateParts';\n\n/**\n * A module's own workspace: its sections beside the content of the section in force. The sections are the module's sub-navigation (a left rail that\n * becomes tabs on a phone); the section in force is kept in the address, so a deep link or a refresh restores it. Feature screens go in `moduleContent`.\n */\nexport const workspaceScreenTemplate: ScreenTemplate = {\n    name: 'WorkspaceScreen',\n    fitsSlot: 'content',\n    slots: [{ name: 'moduleNav' }, { name: 'moduleContent' }],\n    arrangement: {\n        root: grid([slotLeaf('moduleNav'), slotLeaf('moduleContent', { span: 3 })], 4, 16),\n        overrides: [{ width: WidthSizeClass.Compact, root: column([slotLeaf('moduleNav'), slotLeaf('moduleContent')], 16) }],\n    },\n    content: {\n        moduleNav: [component('workspace-sections', 'subNavigation', { items: fromQuery('ModuleSections'), orientation: 'vertical', urlKey: 'section', label: 'Module sections' })],\n        moduleContent: [],\n    },\n    displayName: 'Module workspace',\n    description: 'A module\\'s sections beside the content of the section that is open.',\n    metadata: { ...foundationTemplateProvenance, type: 'Workspace', category: 'Foundation / Workspace', thumbnail: thumbnailOf('WorkspaceScreen') },\n};\n"],"names":["workspaceScreenTemplate","name","fitsSlot","slots","arrangement","root","grid","slotLeaf","span","overrides","width","WidthSizeClass","Compact","column","content","moduleNav","component","items","fromQuery","orientation","urlKey","label","moduleContent","displayName","description","metadata","foundationTemplateProvenance","type","category","thumbnail","thumbnailOf"],"mappings":";;;;AAAA;AACA;AAMA;;;UAIaA,uBAAAA,GAA0C;IACnDC,IAAAA,EAAM,iBAAA;IACNC,QAAAA,EAAU,SAAA;IACVC,KAAAA,EAAO;AAAC,QAAA;YAAEF,IAAAA,EAAM;AAAY,SAAA;AAAG,QAAA;YAAEA,IAAAA,EAAM;AAAgB;AAAE,KAAA;IACzDG,WAAAA,EAAa;AACTC,QAAAA,IAAAA,EAAMC,IAAAA,CAAK;YAACC,QAAAA,CAAS,WAAA,CAAA;AAAcA,YAAAA,QAAAA,CAAS,eAAA,EAAiB;gBAAEC,IAAAA,EAAM;AAAE,aAAA;AAAG,SAAA,EAAE,CAAA,EAAG,EAAA,CAAA;QAC/EC,SAAAA,EAAW;AAAC,YAAA;AAAEC,gBAAAA,KAAAA,EAAOC,eAAeC,OAAO;AAAEP,gBAAAA,IAAAA,EAAMQ,MAAAA,CAAO;oBAACN,QAAAA,CAAS,WAAA,CAAA;oBAAcA,QAAAA,CAAS,eAAA;iBAAiB,EAAE,EAAA;AAAI;AAAE;AACxH,KAAA;IACAO,OAAAA,EAAS;QACLC,SAAAA,EAAW;AAACC,YAAAA,SAAAA,CAAU,sBAAsB,eAAA,EAAiB;AAAEC,gBAAAA,KAAAA,EAAOC,SAAAA,CAAU,gBAAA,CAAA;gBAAmBC,WAAAA,EAAa,UAAA;gBAAYC,MAAAA,EAAQ,SAAA;gBAAWC,KAAAA,EAAO;AAAkB,aAAA;AAAG,SAAA;AAC3KC,QAAAA,aAAAA,EAAe;AACnB,KAAA;IACAC,WAAAA,EAAa,kBAAA;IACbC,WAAAA,EAAa,sEAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC,4BAA4B;QAAEC,IAAAA,EAAM,WAAA;QAAaC,QAAAA,EAAU,wBAAA;AAA0BC,QAAAA,SAAAA,EAAWC,WAAAA,CAAY,iBAAA;AAAmB;AAClJ;;"}