@cratis/scene.blueprint.default 4.40.0 → 4.42.0

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/stateScreenTemplates.d.ts

@@ -0,0 +1,8 @@
+import { ScreenTemplate } from '@cratis/scene.model';
+export declare const loginScreenTemplate: ScreenTemplate;
+export declare const notFoundScreenTemplate: ScreenTemplate;
+export declare const forbiddenScreenTemplate: ScreenTemplate;
+export declare const errorScreenTemplate: ScreenTemplate;
+export declare const stateScreenTemplates: ScreenTemplate[];
+export declare const foundationTemplateAliases: Record<string, string>;
+//# sourceMappingURL=stateScreenTemplates.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stateScreenTemplates.d.ts","sourceRoot":"","sources":["../../../../foundation/templates/stateScreenTemplates.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAoB,MAAM,qBAAqB,CAAC;AAgBvE,eAAO,MAAM,mBAAmB,EAAE,cAkBjC,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,cAapC,CAAC;AAMF,eAAO,MAAM,uBAAuB,EAAE,cAcrC,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,cAkBjC,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,cAAc,EAAgG,CAAC;AAGlJ,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAM5D,CAAC"}

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

@@ -0,0 +1,245 @@
+import { panel, externalComponent } from '../../gallery/elements.js';
+import { actionButton } from './dialogTemplates.js';
+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.
+const metadataOf = (name, type)=>({
+        ...foundationTemplateProvenance,
+        type,
+        category: `Foundation / ${type}`,
+        thumbnail: thumbnailOf(name)
+    });
+/** The way back every state screen offers: home, which is always somewhere the person is allowed to be. */ const backToDashboard = (id)=>actionButton(id, {
+        label: 'Back to the dashboard',
+        emphasis: 'secondary',
+        targetScreen: 'DashboardScreen'
+    });
+/**
+ * The sign-in screen: the logo, the sign-in form, a slot for the identity providers the application offers (`providers` - buttons, each starting its
+ * provider's flow, which the application fills), an error area that is a live region and says why a sign-in failed, and a link to help. The form is
+ * made of the foundation's form components, so it validates and announces like every other form.
+ */ const loginScreenTemplate = {
+    name: 'LoginScreen',
+    fitsSlot: 'content',
+    slots: [
+        {
+            name: 'logo'
+        },
+        {
+            name: 'error'
+        },
+        {
+            name: 'form'
+        },
+        {
+            name: 'providers'
+        },
+        {
+            name: 'help'
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf('logo'),
+            slotLeaf('error'),
+            slotLeaf('form'),
+            slotLeaf('providers'),
+            slotLeaf('help')
+        ], 16)
+    },
+    content: {
+        logo: [
+            externalComponent('login-logo', 'logo', {
+                label: 'Contoso',
+                initials: 'C'
+            })
+        ],
+        error: [
+            component('login-error', 'notice', {
+                text: fromQuery('SignInError', '0.message'),
+                tone: 'danger'
+            })
+        ],
+        form: [
+            component('login-form', 'formScreenBody', {
+                mode: 'create',
+                saveAndNew: false,
+                strings: {
+                    formSave: 'Sign in',
+                    formCancel: 'Clear'
+                },
+                sections: fromQuery('SignInSections'),
+                values: fromQuery('SignInValues', '0'),
+                errors: fromQuery('FormErrors', '0')
+            })
+        ],
+        providers: [
+            panel('login-providers', [
+                actionButton('login-microsoft', {
+                    label: 'Continue with Microsoft',
+                    emphasis: 'secondary'
+                }),
+                actionButton('login-github', {
+                    label: 'Continue with GitHub',
+                    emphasis: 'secondary'
+                })
+            ])
+        ],
+        help: [
+            actionButton('login-help', {
+                label: 'Need help signing in?',
+                emphasis: 'quiet',
+                targetScreen: 'ForbiddenScreen'
+            })
+        ]
+    },
+    displayName: 'Sign in',
+    description: 'A sign-in form with a slot for identity providers, an error area and a help link.',
+    metadata: metadataOf('LoginScreen', 'Auth')
+};
+/** The wrong address: what happened in words, a search, and the way home. */ const notFoundScreenTemplate = {
+    name: 'NotFoundScreen',
+    fitsSlot: 'content',
+    slots: [
+        {
+            name: 'message'
+        },
+        {
+            name: 'search'
+        },
+        {
+            name: 'actions'
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf('message'),
+            slotLeaf('search'),
+            slotLeaf('actions')
+        ], 16)
+    },
+    content: {
+        message: [
+            component('not-found-message', 'emptyState', {
+                icon: 'file',
+                headline: 'That page is not here',
+                hint: 'The link may be old, or the thing it pointed at may have been removed.'
+            })
+        ],
+        search: [
+            component('not-found-search', 'globalSearch', {
+                label: 'Search the application',
+                placeholder: 'Search instead'
+            })
+        ],
+        actions: [
+            backToDashboard('not-found-home')
+        ]
+    },
+    displayName: 'Not found',
+    description: 'A wrong address explained, with a search and a link home.',
+    metadata: metadataOf('NotFoundScreen', 'State')
+};
+/**
+ * The refusal: signed in, and still not allowed. It says so and offers to ask for access, and it shows nothing of what was refused - the template binds
+ * no data at all, so there is nothing to leak.
+ */ const forbiddenScreenTemplate = {
+    name: 'ForbiddenScreen',
+    fitsSlot: 'content',
+    slots: [
+        {
+            name: 'message'
+        },
+        {
+            name: 'actions'
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf('message'),
+            slotLeaf('actions')
+        ], 16)
+    },
+    content: {
+        message: [
+            component('forbidden-message', 'emptyState', {
+                icon: 'lock',
+                headline: 'You do not have access to this',
+                hint: 'Your account is signed in, but it is not allowed here. An administrator can change that.',
+                actionLabel: 'Request access'
+            })
+        ],
+        actions: [
+            backToDashboard('forbidden-home')
+        ]
+    },
+    displayName: 'Forbidden',
+    description: 'A refusal that offers to request access and shows none of what was refused.',
+    metadata: metadataOf('ForbiddenScreen', 'State')
+};
+/** The failure on our side: a plain message, a retry, and the support reference id a person can quote. */ const errorScreenTemplate = {
+    name: 'ErrorScreen',
+    fitsSlot: 'content',
+    slots: [
+        {
+            name: 'message'
+        },
+        {
+            name: 'reference'
+        },
+        {
+            name: 'actions'
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf('message'),
+            slotLeaf('reference'),
+            slotLeaf('actions')
+        ], 16)
+    },
+    content: {
+        message: [
+            component('error-message', 'emptyState', {
+                icon: 'alert',
+                headline: 'Something went wrong on our side',
+                hint: 'The team has been told. Nothing you were working on was lost.',
+                actionLabel: 'Try again'
+            })
+        ],
+        reference: [
+            panel('error-reference', [
+                externalComponent('error-reference-label', 'text', {
+                    text: 'Support reference'
+                }),
+                externalComponent('error-reference-id', 'text', {
+                    text: fromQuery('SupportReference', '0.id')
+                })
+            ])
+        ],
+        actions: [
+            backToDashboard('error-home')
+        ]
+    },
+    displayName: 'Error',
+    description: 'A generic failure with a retry and the support reference id to quote.',
+    metadata: metadataOf('ErrorScreen', 'State')
+};
+/** The four auth and state screens of Part B 2.11. The legacy `Login`, `NotFound`, `AccessDenied` and `Error` remain as they were. */ const stateScreenTemplates = [
+    loginScreenTemplate,
+    notFoundScreenTemplate,
+    forbiddenScreenTemplate,
+    errorScreenTemplate
+];
+/** The earlier template each spec-named one stands beside: the old name keeps working, and is the alias of the new. */ const foundationTemplateAliases = {
+    LoginScreen: 'Login',
+    NotFoundScreen: 'NotFound',
+    ForbiddenScreen: 'AccessDenied',
+    ErrorScreen: 'Error',
+    QuickCreateDialog: 'FormDialog'
+};
+
+export { errorScreenTemplate, forbiddenScreenTemplate, foundationTemplateAliases, loginScreenTemplate, notFoundScreenTemplate, stateScreenTemplates };
+//# sourceMappingURL=stateScreenTemplates.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stateScreenTemplates.js","sources":["../../../../foundation/templates/stateScreenTemplates.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, TemplateMetadata } from '@cratis/scene.model';\nimport { externalComponent, panel } from '../../gallery/elements';\nimport { actionButton } from './dialogTemplates';\nimport { column, slotLeaf } from '../../layouts/flowBuilders';\nimport { component, foundationTemplateProvenance, fromQuery, thumbnailOf } from './templateParts';\n\nconst metadataOf = (name: string, type: 'Auth' | 'State'): TemplateMetadata => ({ ...foundationTemplateProvenance, type, category: `Foundation / ${type}`, thumbnail: thumbnailOf(name) });\n\n/** The way back every state screen offers: home, which is always somewhere the person is allowed to be. */\nconst backToDashboard = (id: string) => actionButton(id, { label: 'Back to the dashboard', emphasis: 'secondary', targetScreen: 'DashboardScreen' });\n\n/**\n * The sign-in screen: the logo, the sign-in form, a slot for the identity providers the application offers (`providers` - buttons, each starting its\n * provider's flow, which the application fills), an error area that is a live region and says why a sign-in failed, and a link to help. The form is\n * made of the foundation's form components, so it validates and announces like every other form.\n */\nexport const loginScreenTemplate: ScreenTemplate = {\n    name: 'LoginScreen',\n    fitsSlot: 'content',\n    slots: [{ name: 'logo' }, { name: 'error' }, { name: 'form' }, { name: 'providers' }, { name: 'help' }],\n    arrangement: { root: column([slotLeaf('logo'), slotLeaf('error'), slotLeaf('form'), slotLeaf('providers'), slotLeaf('help')], 16) },\n    content: {\n        logo: [externalComponent('login-logo', 'logo', { label: 'Contoso', initials: 'C' })],\n        error: [component('login-error', 'notice', { text: fromQuery('SignInError', '0.message'), tone: 'danger' })],\n        form: [component('login-form', 'formScreenBody', {\n            mode: 'create', saveAndNew: false, strings: { formSave: 'Sign in', formCancel: 'Clear' },\n            sections: fromQuery('SignInSections'), values: fromQuery('SignInValues', '0'), errors: fromQuery('FormErrors', '0'),\n        })],\n        providers: [panel('login-providers', [actionButton('login-microsoft', { label: 'Continue with Microsoft', emphasis: 'secondary' }), actionButton('login-github', { label: 'Continue with GitHub', emphasis: 'secondary' })])],\n        help: [actionButton('login-help', { label: 'Need help signing in?', emphasis: 'quiet', targetScreen: 'ForbiddenScreen' })],\n    },\n    displayName: 'Sign in',\n    description: 'A sign-in form with a slot for identity providers, an error area and a help link.',\n    metadata: metadataOf('LoginScreen', 'Auth'),\n};\n\n/** The wrong address: what happened in words, a search, and the way home. */\nexport const notFoundScreenTemplate: ScreenTemplate = {\n    name: 'NotFoundScreen',\n    fitsSlot: 'content',\n    slots: [{ name: 'message' }, { name: 'search' }, { name: 'actions' }],\n    arrangement: { root: column([slotLeaf('message'), slotLeaf('search'), slotLeaf('actions')], 16) },\n    content: {\n        message: [component('not-found-message', 'emptyState', { icon: 'file', headline: 'That page is not here', hint: 'The link may be old, or the thing it pointed at may have been removed.' })],\n        search: [component('not-found-search', 'globalSearch', { label: 'Search the application', placeholder: 'Search instead' })],\n        actions: [backToDashboard('not-found-home')],\n    },\n    displayName: 'Not found',\n    description: 'A wrong address explained, with a search and a link home.',\n    metadata: metadataOf('NotFoundScreen', 'State'),\n};\n\n/**\n * The refusal: signed in, and still not allowed. It says so and offers to ask for access, and it shows nothing of what was refused - the template binds\n * no data at all, so there is nothing to leak.\n */\nexport const forbiddenScreenTemplate: ScreenTemplate = {\n    name: 'ForbiddenScreen',\n    fitsSlot: 'content',\n    slots: [{ name: 'message' }, { name: 'actions' }],\n    arrangement: { root: column([slotLeaf('message'), slotLeaf('actions')], 16) },\n    content: {\n        message: [component('forbidden-message', 'emptyState', {\n            icon: 'lock', headline: 'You do not have access to this', hint: 'Your account is signed in, but it is not allowed here. An administrator can change that.', actionLabel: 'Request access',\n        })],\n        actions: [backToDashboard('forbidden-home')],\n    },\n    displayName: 'Forbidden',\n    description: 'A refusal that offers to request access and shows none of what was refused.',\n    metadata: metadataOf('ForbiddenScreen', 'State'),\n};\n\n/** The failure on our side: a plain message, a retry, and the support reference id a person can quote. */\nexport const errorScreenTemplate: ScreenTemplate = {\n    name: 'ErrorScreen',\n    fitsSlot: 'content',\n    slots: [{ name: 'message' }, { name: 'reference' }, { name: 'actions' }],\n    arrangement: { root: column([slotLeaf('message'), slotLeaf('reference'), slotLeaf('actions')], 16) },\n    content: {\n        message: [component('error-message', 'emptyState', {\n            icon: 'alert', headline: 'Something went wrong on our side', hint: 'The team has been told. Nothing you were working on was lost.', actionLabel: 'Try again',\n        })],\n        reference: [panel('error-reference', [\n            externalComponent('error-reference-label', 'text', { text: 'Support reference' }),\n            externalComponent('error-reference-id', 'text', { text: fromQuery('SupportReference', '0.id') }),\n        ])],\n        actions: [backToDashboard('error-home')],\n    },\n    displayName: 'Error',\n    description: 'A generic failure with a retry and the support reference id to quote.',\n    metadata: metadataOf('ErrorScreen', 'State'),\n};\n\n/** The four auth and state screens of Part B 2.11. The legacy `Login`, `NotFound`, `AccessDenied` and `Error` remain as they were. */\nexport const stateScreenTemplates: ScreenTemplate[] = [loginScreenTemplate, notFoundScreenTemplate, forbiddenScreenTemplate, errorScreenTemplate];\n\n/** The earlier template each spec-named one stands beside: the old name keeps working, and is the alias of the new. */\nexport const foundationTemplateAliases: Record<string, string> = {\n    LoginScreen: 'Login',\n    NotFoundScreen: 'NotFound',\n    ForbiddenScreen: 'AccessDenied',\n    ErrorScreen: 'Error',\n    QuickCreateDialog: 'FormDialog',\n};\n"],"names":["metadataOf","name","type","foundationTemplateProvenance","category","thumbnail","thumbnailOf","backToDashboard","id","actionButton","label","emphasis","targetScreen","loginScreenTemplate","fitsSlot","slots","arrangement","root","column","slotLeaf","content","logo","externalComponent","initials","error","component","text","fromQuery","tone","form","mode","saveAndNew","strings","formSave","formCancel","sections","values","errors","providers","panel","help","displayName","description","metadata","notFoundScreenTemplate","message","icon","headline","hint","search","placeholder","actions","forbiddenScreenTemplate","actionLabel","errorScreenTemplate","reference","stateScreenTemplates","foundationTemplateAliases","LoginScreen","NotFoundScreen","ForbiddenScreen","ErrorScreen","QuickCreateDialog"],"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"}