@cratis/scene.blueprint.default 4.13.0 → 4.14.0

package/dist/esm/gallery/applyTemplatePreviewState.js

@@ -0,0 +1,87 @@
+import { TemplatePreviewState } from './TemplatePreviewState.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** What a table in a preview says when its data could not be loaded. */ const previewErrorMessage = 'The data could not be loaded. Try again in a moment.';
+/**
+ * Puts every data-bearing element of a composed screen into one data state, leaving everything else - the
+ * shell, headers, actions and static content - exactly as authored.
+ *
+ * A data-bearing element is one whose `rows` are records: the seeded rows are what a query would return,
+ * so the states are expressed as a query's outcomes in the table's own vocabulary - no rows, `loading`, or
+ * an `error` message - rather than by swapping in a different component. The authored tree is not changed.
+ */ function applyTemplatePreviewState(element, state) {
+    if (state === TemplatePreviewState.Populated) return element;
+    return transform(element, state);
+}
+/** Whether a composed screen contains anything a data state changes. */ function hasPreviewData(element) {
+    const properties = element.properties;
+    if (isDataBearing(properties)) return true;
+    return childrenOf(element).some(hasPreviewData);
+}
+function transform(element, state) {
+    const external = element;
+    const panel = element;
+    let result = element;
+    if (isDataBearing(external.properties)) {
+        result = {
+            ...result,
+            properties: {
+                ...external.properties,
+                ...stateProperties(state)
+            }
+        };
+    }
+    if (external.slots) {
+        const slots = Object.fromEntries(Object.entries(external.slots).map(([name, children])=>[
+                name,
+                children.map((child)=>transform(child, state))
+            ]));
+        result = {
+            ...result,
+            slots
+        };
+    }
+    if (Array.isArray(panel.children)) {
+        result = {
+            ...result,
+            children: panel.children.map((child)=>transform(child, state))
+        };
+    }
+    return result;
+}
+function stateProperties(state) {
+    switch(state){
+        case TemplatePreviewState.Empty:
+            return {
+                rows: []
+            };
+        case TemplatePreviewState.Loading:
+            return {
+                rows: [],
+                loading: true
+            };
+        case TemplatePreviewState.Error:
+            return {
+                rows: [],
+                error: previewErrorMessage
+            };
+        default:
+            return {};
+    }
+}
+function isDataBearing(properties) {
+    const rows = properties?.rows;
+    return Array.isArray(rows) && rows.every((row)=>typeof row === 'object' && row !== null && !Array.isArray(row));
+}
+function childrenOf(element) {
+    const external = element;
+    const panel = element;
+    return [
+        ...Object.values(external.slots ?? {}).flat(),
+        ...Array.isArray(panel.children) ? panel.children : []
+    ];
+}
+
+export { applyTemplatePreviewState, hasPreviewData, previewErrorMessage };
+//# sourceMappingURL=applyTemplatePreviewState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyTemplatePreviewState.js","sources":["../../../gallery/applyTemplatePreviewState.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 { ExternalComponent, Panel, SceneElement } from '@cratis/scene.model';\nimport { TemplatePreviewState } from './TemplatePreviewState';\n\n/** What a table in a preview says when its data could not be loaded. */\nexport const previewErrorMessage = 'The data could not be loaded. Try again in a moment.';\n\n/**\n * Puts every data-bearing element of a composed screen into one data state, leaving everything else - the\n * shell, headers, actions and static content - exactly as authored.\n *\n * A data-bearing element is one whose `rows` are records: the seeded rows are what a query would return,\n * so the states are expressed as a query's outcomes in the table's own vocabulary - no rows, `loading`, or\n * an `error` message - rather than by swapping in a different component. The authored tree is not changed.\n */\nexport function applyTemplatePreviewState<T extends SceneElement>(element: T, state: TemplatePreviewState): T {\n    if (state === TemplatePreviewState.Populated) return element;\n    return transform(element, state) as T;\n}\n\n/** Whether a composed screen contains anything a data state changes. */\nexport function hasPreviewData(element: SceneElement): boolean {\n    const properties = (element as Partial<ExternalComponent>).properties;\n    if (isDataBearing(properties)) return true;\n    return childrenOf(element).some(hasPreviewData);\n}\n\nfunction transform(element: SceneElement, state: TemplatePreviewState): SceneElement {\n    const external = element as Partial<ExternalComponent>;\n    const panel = element as Partial<Panel>;\n    let result: SceneElement = element;\n\n    if (isDataBearing(external.properties)) {\n        result = { ...result, properties: { ...external.properties, ...stateProperties(state) } } as SceneElement;\n    }\n\n    if (external.slots) {\n        const slots = Object.fromEntries(Object.entries(external.slots).map(([name, children]) => [name, children.map(child => transform(child, state))]));\n        result = { ...result, slots } as SceneElement;\n    }\n\n    if (Array.isArray(panel.children)) {\n        result = { ...result, children: panel.children.map(child => transform(child, state)) } as SceneElement;\n    }\n\n    return result;\n}\n\nfunction stateProperties(state: TemplatePreviewState): Record<string, unknown> {\n    switch (state) {\n        case TemplatePreviewState.Empty: return { rows: [] };\n        case TemplatePreviewState.Loading: return { rows: [], loading: true };\n        case TemplatePreviewState.Error: return { rows: [], error: previewErrorMessage };\n        default: return {};\n    }\n}\n\nfunction isDataBearing(properties: Record<string, unknown> | undefined): boolean {\n    const rows = properties?.rows;\n    return Array.isArray(rows) && rows.every(row => typeof row === 'object' && row !== null && !Array.isArray(row));\n}\n\nfunction childrenOf(element: SceneElement): SceneElement[] {\n    const external = element as Partial<ExternalComponent>;\n    const panel = element as Partial<Panel>;\n    return [...Object.values(external.slots ?? {}).flat(), ...(Array.isArray(panel.children) ? panel.children : [])];\n}\n"],"names":["previewErrorMessage","applyTemplatePreviewState","element","state","TemplatePreviewState","Populated","transform","hasPreviewData","properties","isDataBearing","childrenOf","some","external","panel","result","stateProperties","slots","Object","fromEntries","entries","map","name","children","child","Array","isArray","Empty","rows","Loading","loading","Error","error","every","row","values","flat"],"mappings":"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"}

package/dist/esm/gallery/index.d.ts

@@ -17,4 +17,6 @@ export * from './componentNames';
 export * from './previewProfile';
 export * from './resolveElementNames';
 export * from './GalleryScreenPreview';
+export * from './TemplatePreviewState';
+export * from './applyTemplatePreviewState';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/gallery/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../gallery/index.ts"],"names":[],"mappings":"AAGA,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../gallery/index.ts"],"names":[],"mappings":"AAGA,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC"}

package/dist/esm/gallery/index.js

@@ -17,4 +17,6 @@ export * from './componentNames';
 export * from './previewProfile';
 export * from './resolveElementNames';
 export * from './GalleryScreenPreview';
+export * from './TemplatePreviewState';
+export * from './applyTemplatePreviewState';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../gallery/index.ts"],"names":[],"mappings":"AAGA,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../gallery/index.ts"],"names":[],"mappings":"AAGA,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC"}

package/dist/esm/gallery/navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../gallery/navigation.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,eAAO,MAAM,2BAA2B,eAAe,CAAC;AAUxD,eAAO,MAAM,iBAAiB,EAAE,eAAe,EAW9C,CAAC;AASF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,MAAM,GAAG,YAAY,CAU7F;AASD,eAAO,MAAM,uBAAuB,EAAE,YAAY,EAI/C,CAAC;AAGJ,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,EAAE,CAE/D;AAGD,eAAO,MAAM,gBAAgB,EAAE,MAAM,EAA8D,CAAC"}
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../gallery/navigation.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,eAAO,MAAM,2BAA2B,eAAe,CAAC;AAUxD,eAAO,MAAM,iBAAiB,EAAE,eAAe,EAY9C,CAAC;AASF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,MAAM,GAAG,YAAY,CAU7F;AASD,eAAO,MAAM,uBAAuB,EAAE,YAAY,EAI/C,CAAC;AAGJ,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,EAAE,CAE/D;AAGD,eAAO,MAAM,gBAAgB,EAAE,MAAM,EAA8D,CAAC"}

package/dist/esm/gallery/navigation.js

@@ -33,6 +33,13 @@ import { externalComponent } from './elements.js';
         group: 'Workspace',
         order: 30
     },
+    {
+        label: 'Customers',
+        targetScreen: 'MasterDetail',
+        icon: 'pi pi-users',
+        group: 'Workspace',
+        order: 35
+    },
     {
         label: 'New product',
         targetScreen: 'FormPage',

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

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sources":["../../../gallery/navigation.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 { Contribution, SceneElement } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { NavigationEntry } from './NavigationEntry';\nimport { externalComponent } from './elements';\n\n/** The contribution point the built-in navigation aggregation reads. */\nexport const navigationContributionPoint = 'Navigation';\n\n/**\n * The gallery's navigation, declared once.\n *\n * One list, two consumers: the sidebar menu renders it as `menuItem` elements, and the same elements go to\n * the `Navigation` contribution point where `aggregateContributions` + `extractNavigationItem` turn them\n * back into navigation items. A blueprint that maintained a menu *and* a separate navigation declaration\n * would have two lists that agree right up until someone adds a screen to one of them.\n */\nexport const navigationEntries: NavigationEntry[] = [\n    { label: 'Dashboard', targetScreen: 'Dashboard', icon: 'pi pi-home', group: 'Workspace', order: 10 },\n    { label: 'Products', targetScreen: 'CrudList', icon: 'pi pi-box', group: 'Workspace', order: 20 },\n    { label: 'Product detail', targetScreen: 'DetailView', icon: 'pi pi-file', group: 'Workspace', order: 30 },\n    { label: 'New product', targetScreen: 'FormPage', icon: 'pi pi-plus-circle', group: 'Workspace', order: 40 },\n    { label: 'Invoices', targetScreen: 'Invoice', icon: 'pi pi-receipt', group: 'Workspace', order: 50 },\n    { label: 'Nothing yet', targetScreen: 'Empty', icon: 'pi pi-inbox', group: 'Workspace', order: 60 },\n    { label: 'Users', targetScreen: 'UserManagement', icon: 'pi pi-users', group: 'Administration', order: 10 },\n    { label: 'Your profile', targetScreen: 'ProfileSettings', icon: 'pi pi-user', group: 'Administration', order: 20 },\n    { label: 'Documentation', targetScreen: 'Documentation', icon: 'pi pi-book', group: 'Support', order: 10 },\n    { label: 'Help', targetScreen: 'Help', icon: 'pi pi-question-circle', group: 'Support', order: 20 },\n];\n\n/**\n * The element one navigation entry becomes.\n *\n * `routeParameterBindings` is present and empty rather than omitted, because that is what\n * `extractNavigationItem` expects to read - and an omitted bag and an empty one are the same thing right\n * up until something iterates it.\n */\nexport function navigationElement(entry: NavigationEntry, activeScreen?: string): SceneElement {\n    return externalComponent(`nav-${entry.targetScreen}`, ComponentName.MenuItem, {\n        label: entry.label,\n        targetScreen: entry.targetScreen,\n        routeParameterBindings: {},\n        order: entry.order,\n        group: entry.group,\n        icon: entry.icon,\n        isActive: entry.targetScreen === activeScreen,\n    });\n}\n\n/**\n * The navigation as contributions to the `Navigation` contribution point.\n *\n * A screen carries these in its `contributions`, and anything bound to the contribution point recomputes\n * from whatever is currently in scope - so a screen that contributes an extra entry gets it in the\n * navigation without the navigation knowing that screen exists.\n */\nexport const navigationContributions: Contribution[] = navigationEntries.map(entry => ({\n    contributionPointName: navigationContributionPoint,\n    content: navigationElement(entry),\n    order: entry.order,\n}));\n\n/** The navigation entries of one group, in order. */\nexport function entriesInGroup(group: string): NavigationEntry[] {\n    return navigationEntries.filter(entry => entry.group === group).sort((first, second) => first.order - second.order);\n}\n\n/** Every group named by the navigation, in first-declared order. */\nexport const navigationGroups: string[] = [...new Set(navigationEntries.map(entry => entry.group))];\n"],"names":["navigationContributionPoint","navigationEntries","label","targetScreen","icon","group","order","navigationElement","entry","activeScreen","externalComponent","ComponentName","MenuItem","routeParameterBindings","isActive","navigationContributions","map","contributionPointName","content","entriesInGroup","filter","sort","first","second","navigationGroups","Set"],"mappings":"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"}
+{"version":3,"file":"navigation.js","sources":["../../../gallery/navigation.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 { Contribution, SceneElement } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { NavigationEntry } from './NavigationEntry';\nimport { externalComponent } from './elements';\n\n/** The contribution point the built-in navigation aggregation reads. */\nexport const navigationContributionPoint = 'Navigation';\n\n/**\n * The gallery's navigation, declared once.\n *\n * One list, two consumers: the sidebar menu renders it as `menuItem` elements, and the same elements go to\n * the `Navigation` contribution point where `aggregateContributions` + `extractNavigationItem` turn them\n * back into navigation items. A blueprint that maintained a menu *and* a separate navigation declaration\n * would have two lists that agree right up until someone adds a screen to one of them.\n */\nexport const navigationEntries: NavigationEntry[] = [\n    { label: 'Dashboard', targetScreen: 'Dashboard', icon: 'pi pi-home', group: 'Workspace', order: 10 },\n    { label: 'Products', targetScreen: 'CrudList', icon: 'pi pi-box', group: 'Workspace', order: 20 },\n    { label: 'Product detail', targetScreen: 'DetailView', icon: 'pi pi-file', group: 'Workspace', order: 30 },\n    { label: 'Customers', targetScreen: 'MasterDetail', icon: 'pi pi-users', group: 'Workspace', order: 35 },\n    { label: 'New product', targetScreen: 'FormPage', icon: 'pi pi-plus-circle', group: 'Workspace', order: 40 },\n    { label: 'Invoices', targetScreen: 'Invoice', icon: 'pi pi-receipt', group: 'Workspace', order: 50 },\n    { label: 'Nothing yet', targetScreen: 'Empty', icon: 'pi pi-inbox', group: 'Workspace', order: 60 },\n    { label: 'Users', targetScreen: 'UserManagement', icon: 'pi pi-users', group: 'Administration', order: 10 },\n    { label: 'Your profile', targetScreen: 'ProfileSettings', icon: 'pi pi-user', group: 'Administration', order: 20 },\n    { label: 'Documentation', targetScreen: 'Documentation', icon: 'pi pi-book', group: 'Support', order: 10 },\n    { label: 'Help', targetScreen: 'Help', icon: 'pi pi-question-circle', group: 'Support', order: 20 },\n];\n\n/**\n * The element one navigation entry becomes.\n *\n * `routeParameterBindings` is present and empty rather than omitted, because that is what\n * `extractNavigationItem` expects to read - and an omitted bag and an empty one are the same thing right\n * up until something iterates it.\n */\nexport function navigationElement(entry: NavigationEntry, activeScreen?: string): SceneElement {\n    return externalComponent(`nav-${entry.targetScreen}`, ComponentName.MenuItem, {\n        label: entry.label,\n        targetScreen: entry.targetScreen,\n        routeParameterBindings: {},\n        order: entry.order,\n        group: entry.group,\n        icon: entry.icon,\n        isActive: entry.targetScreen === activeScreen,\n    });\n}\n\n/**\n * The navigation as contributions to the `Navigation` contribution point.\n *\n * A screen carries these in its `contributions`, and anything bound to the contribution point recomputes\n * from whatever is currently in scope - so a screen that contributes an extra entry gets it in the\n * navigation without the navigation knowing that screen exists.\n */\nexport const navigationContributions: Contribution[] = navigationEntries.map(entry => ({\n    contributionPointName: navigationContributionPoint,\n    content: navigationElement(entry),\n    order: entry.order,\n}));\n\n/** The navigation entries of one group, in order. */\nexport function entriesInGroup(group: string): NavigationEntry[] {\n    return navigationEntries.filter(entry => entry.group === group).sort((first, second) => first.order - second.order);\n}\n\n/** Every group named by the navigation, in first-declared order. */\nexport const navigationGroups: string[] = [...new Set(navigationEntries.map(entry => entry.group))];\n"],"names":["navigationContributionPoint","navigationEntries","label","targetScreen","icon","group","order","navigationElement","entry","activeScreen","externalComponent","ComponentName","MenuItem","routeParameterBindings","isActive","navigationContributions","map","contributionPointName","content","entriesInGroup","filter","sort","first","second","navigationGroups","Set"],"mappings":"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"}

package/dist/esm/gallery/screens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"screens.d.ts","sourceRoot":"","sources":["../../../gallery/screens.ts"],"names":[],"mappings":"AAGA,OAAO,EAAU,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAkBrE,eAAO,MAAM,sBAAsB,EAAE,cAAc,EAMlD,CAAC;AA8EF,eAAO,MAAM,cAAc,EAAE,MAAM,EAA0C,CAAC;AAG9E,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAE9D"}
+{"version":3,"file":"screens.d.ts","sourceRoot":"","sources":["../../../gallery/screens.ts"],"names":[],"mappings":"AAGA,OAAO,EAAU,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAkBrE,eAAO,MAAM,sBAAsB,EAAE,cAAc,EAMlD,CAAC;AA+EF,eAAO,MAAM,cAAc,EAAE,MAAM,EAA0C,CAAC;AAG9E,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAE9D"}

package/dist/esm/gallery/screens.js

@@ -17,7 +17,7 @@ import { workspaceTemplates } from './workspaceTemplates.js';
 /**
  * The screen templates this blueprint provides.
  *
- * Ten shapes for inside the application shell, ten for the full-page shell, and the three-level nesting
+ * Eleven shapes for inside the application shell, ten for the full-page shell, and the three-level nesting
  * chain that demonstrates how `fitsSlot` composes. The list is what the manifest's `screenTemplates` names
  * and what the bundle provides; `validatePackageBundle` proves the two agree.
  */ const galleryScreenTemplates = [
@@ -46,6 +46,15 @@ import { workspaceTemplates } from './workspaceTemplates.js';
             label: 'Products'
         }
     ],
+    MasterDetail: [
+        {
+            label: 'Sales',
+            targetScreen: 'Dashboard'
+        },
+        {
+            label: 'Customers'
+        }
+    ],
     DetailView: [
         {
             label: 'Catalog',

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

@@ -1 +1 @@
-{"version":3,"file":"screens.js","sources":["../../../gallery/screens.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 { Layout, Screen, ScreenTemplate } from '@cratis/scene.model';\nimport { LayoutName, appShellLayout, fullPageLayout } from '../layouts';\nimport { BreadcrumbEntry, applicationChrome, fullPageChrome } from './applicationChrome';\nimport { nestScreenTemplates, templateContentInLayout } from './composeScreen';\nimport { authTemplates } from './authTemplates';\nimport { navigationContributions } from './navigation';\nimport { nestingChainTemplates } from './nesting';\nimport { statusTemplates } from './statusTemplates';\nimport { supportTemplates } from './supportTemplates';\nimport { workspaceTemplates } from './workspaceTemplates';\n\n/**\n * The screen templates this blueprint provides.\n *\n * Ten shapes for inside the application shell, ten for the full-page shell, and the three-level nesting\n * chain that demonstrates how `fitsSlot` composes. The list is what the manifest's `screenTemplates` names\n * and what the bundle provides; `validatePackageBundle` proves the two agree.\n */\nexport const galleryScreenTemplates: ScreenTemplate[] = [\n    ...workspaceTemplates,\n    ...supportTemplates,\n    ...authTemplates,\n    ...statusTemplates,\n    ...nestingChainTemplates,\n];\n\n/** Which layout each template renders inside - the application shell unless it is one of the chrome-less screens. */\nconst fullPageTemplateNames = new Set([...authTemplates, ...statusTemplates].map(template => template.name));\n\n/** The trail shown above each application-shell screen. */\nconst breadcrumbs: Record<string, BreadcrumbEntry[]> = {\n    Dashboard: [{ label: 'Dashboard' }],\n    CrudList: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products' }],\n    DetailView: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products', targetScreen: 'CrudList' }, { label: 'Bamboo Watch' }],\n    FormPage: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products', targetScreen: 'CrudList' }, { label: 'New product' }],\n    Empty: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products' }],\n    Documentation: [{ label: 'Support', targetScreen: 'Dashboard' }, { label: 'Documentation' }],\n    ProfileSettings: [{ label: 'Administration', targetScreen: 'Dashboard' }, { label: 'Your profile' }],\n    UserManagement: [{ label: 'Administration', targetScreen: 'Dashboard' }, { label: 'Users' }],\n    Invoice: [{ label: 'Billing', targetScreen: 'Dashboard' }, { label: 'INV-2043' }],\n    Help: [{ label: 'Support', targetScreen: 'Dashboard' }, { label: 'Help' }],\n    ModuleWorkspace: [{ label: 'Operations' }],\n    FeatureSection: [{ label: 'Operations', targetScreen: 'ModuleWorkspace' }, { label: 'Adjustments' }],\n    SliceSection: [\n        { label: 'Operations', targetScreen: 'ModuleWorkspace' },\n        { label: 'Adjustments', targetScreen: 'FeatureSection' },\n        { label: 'Record an adjustment' },\n    ],\n};\n\n/**\n * Builds the {@link Screen} that instantiates one template.\n *\n * A screen is an instance, not a shape: it names the layout it renders in, the template it fills, the\n * content that fills it, and what it contributes elsewhere. Everything structural comes from the template,\n * which is why adding a screen is a handful of lines rather than another copy of the chrome.\n */\nfunction screenFor(template: ScreenTemplate): Screen {\n    const isFullPage = fullPageTemplateNames.has(template.name);\n    const layout: Layout = isFullPage ? fullPageLayout : appShellLayout;\n    const chrome = isFullPage ? fullPageChrome() : applicationChrome(template.name, breadcrumbs[template.name] ?? [{ label: template.displayName ?? template.name }]);\n    const placeable = nestScreenTemplates(containmentChainFor(template));\n\n    return {\n        name: template.name,\n        layout: isFullPage ? LayoutName.FullPage : LayoutName.AppShell,\n        screenTemplate: template.name,\n        slotContent: mergeSlotContent(chrome, templateContentInLayout(placeable, layout)),\n        forms: [],\n        contributions: isFullPage ? [] : navigationContributions,\n    };\n}\n\n/**\n * The chain of templates a screen renders through, outermost first.\n *\n * Almost every template fits the layout's own `content` slot, so its chain is just itself. The three\n * nesting-chain templates are the exception, and the only ones that need the walk - which is the honest\n * version of the story: nesting exists for the applications that need it, and costs nothing for the ones\n * that do not.\n */\nfunction containmentChainFor(template: ScreenTemplate): ScreenTemplate[] {\n    const depth = nestingChainTemplates.findIndex(candidate => candidate.name === template.name);\n    return depth < 0 ? [template] : nestingChainTemplates.slice(0, depth + 1);\n}\n\nfunction mergeSlotContent(chrome: Record<string, Screen['slotContent'][string]>, content: Record<string, Screen['slotContent'][string]>): Screen['slotContent'] {\n    const merged: Screen['slotContent'] = { ...chrome };\n    for (const [slotName, elements] of Object.entries(content)) {\n        merged[slotName] = [...(merged[slotName] ?? []), ...elements];\n    }\n\n    return merged;\n}\n\n/**\n * The gallery: one screen per template, ready to boot through the real engine.\n *\n * These exist so a preview is a working miniature application rather than a set of pictures - the same\n * `Screen` shape Stage produces, put through the same `Scene.Engine` and `Scene.React`, with no separate\n * preview pipeline and nothing mocked.\n */\nexport const galleryScreens: Screen[] = galleryScreenTemplates.map(screenFor);\n\n/** One gallery screen by name, for a story or a host that boots a specific one. */\nexport function galleryScreen(name: string): Screen | undefined {\n    return galleryScreens.find(screen => screen.name === name);\n}\n"],"names":["galleryScreenTemplates","workspaceTemplates","supportTemplates","authTemplates","statusTemplates","nestingChainTemplates","fullPageTemplateNames","Set","map","template","name","breadcrumbs","Dashboard","label","CrudList","targetScreen","DetailView","FormPage","Empty","Documentation","ProfileSettings","UserManagement","Invoice","Help","ModuleWorkspace","FeatureSection","SliceSection","screenFor","isFullPage","has","layout","fullPageLayout","appShellLayout","chrome","fullPageChrome","applicationChrome","displayName","placeable","nestScreenTemplates","containmentChainFor","LayoutName","FullPage","AppShell","screenTemplate","slotContent","mergeSlotContent","templateContentInLayout","forms","contributions","navigationContributions","depth","findIndex","candidate","slice","content","merged","slotName","elements","Object","entries","galleryScreens","galleryScreen","find","screen"],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AAaA;;;;;;UAOaA,sBAAAA,GAA2C;AACjDC,IAAAA,GAAAA,kBAAAA;AACAC,IAAAA,GAAAA,gBAAAA;AACAC,IAAAA,GAAAA,aAAAA;AACAC,IAAAA,GAAAA,eAAAA;AACAC,IAAAA,GAAAA;;AAGP,sHACA,MAAMC,qBAAAA,GAAwB,IAAIC,GAAAA,CAAI;AAAIJ,IAAAA,GAAAA,aAAAA;AAAkBC,IAAAA,GAAAA;AAAgB,CAAA,CAACI,GAAG,CAACC,CAAAA,QAAAA,GAAYA,SAASC,IAAI,CAAA,CAAA;AAE1G,4DACA,MAAMC,WAAAA,GAAiD;IACnDC,SAAAA,EAAW;AAAC,QAAA;YAAEC,KAAAA,EAAO;AAAY;AAAE,KAAA;IACnCC,QAAAA,EAAU;AAAC,QAAA;YAAED,KAAAA,EAAO,SAAA;YAAWE,YAAAA,EAAc;AAAY,SAAA;AAAG,QAAA;YAAEF,KAAAA,EAAO;AAAW;AAAE,KAAA;IAClFG,UAAAA,EAAY;AAAC,QAAA;YAAEH,KAAAA,EAAO,SAAA;YAAWE,YAAAA,EAAc;AAAY,SAAA;AAAG,QAAA;YAAEF,KAAAA,EAAO,UAAA;YAAYE,YAAAA,EAAc;AAAW,SAAA;AAAG,QAAA;YAAEF,KAAAA,EAAO;AAAe;AAAE,KAAA;IACzII,QAAAA,EAAU;AAAC,QAAA;YAAEJ,KAAAA,EAAO,SAAA;YAAWE,YAAAA,EAAc;AAAY,SAAA;AAAG,QAAA;YAAEF,KAAAA,EAAO,UAAA;YAAYE,YAAAA,EAAc;AAAW,SAAA;AAAG,QAAA;YAAEF,KAAAA,EAAO;AAAc;AAAE,KAAA;IACtIK,KAAAA,EAAO;AAAC,QAAA;YAAEL,KAAAA,EAAO,SAAA;YAAWE,YAAAA,EAAc;AAAY,SAAA;AAAG,QAAA;YAAEF,KAAAA,EAAO;AAAW;AAAE,KAAA;IAC/EM,aAAAA,EAAe;AAAC,QAAA;YAAEN,KAAAA,EAAO,SAAA;YAAWE,YAAAA,EAAc;AAAY,SAAA;AAAG,QAAA;YAAEF,KAAAA,EAAO;AAAgB;AAAE,KAAA;IAC5FO,eAAAA,EAAiB;AAAC,QAAA;YAAEP,KAAAA,EAAO,gBAAA;YAAkBE,YAAAA,EAAc;AAAY,SAAA;AAAG,QAAA;YAAEF,KAAAA,EAAO;AAAe;AAAE,KAAA;IACpGQ,cAAAA,EAAgB;AAAC,QAAA;YAAER,KAAAA,EAAO,gBAAA;YAAkBE,YAAAA,EAAc;AAAY,SAAA;AAAG,QAAA;YAAEF,KAAAA,EAAO;AAAQ;AAAE,KAAA;IAC5FS,OAAAA,EAAS;AAAC,QAAA;YAAET,KAAAA,EAAO,SAAA;YAAWE,YAAAA,EAAc;AAAY,SAAA;AAAG,QAAA;YAAEF,KAAAA,EAAO;AAAW;AAAE,KAAA;IACjFU,IAAAA,EAAM;AAAC,QAAA;YAAEV,KAAAA,EAAO,SAAA;YAAWE,YAAAA,EAAc;AAAY,SAAA;AAAG,QAAA;YAAEF,KAAAA,EAAO;AAAO;AAAE,KAAA;IAC1EW,eAAAA,EAAiB;AAAC,QAAA;YAAEX,KAAAA,EAAO;AAAa;AAAE,KAAA;IAC1CY,cAAAA,EAAgB;AAAC,QAAA;YAAEZ,KAAAA,EAAO,YAAA;YAAcE,YAAAA,EAAc;AAAkB,SAAA;AAAG,QAAA;YAAEF,KAAAA,EAAO;AAAc;AAAE,KAAA;IACpGa,YAAAA,EAAc;AACV,QAAA;YAAEb,KAAAA,EAAO,YAAA;YAAcE,YAAAA,EAAc;AAAkB,SAAA;AACvD,QAAA;YAAEF,KAAAA,EAAO,aAAA;YAAeE,YAAAA,EAAc;AAAiB,SAAA;AACvD,QAAA;YAAEF,KAAAA,EAAO;AAAuB;AACnC;AACL,CAAA;AAEA;;;;;;IAOA,SAASc,UAAUlB,QAAwB,EAAA;AACvC,IAAA,MAAMmB,UAAAA,GAAatB,qBAAAA,CAAsBuB,GAAG,CAACpB,SAASC,IAAI,CAAA;IAC1D,MAAMoB,MAAAA,GAAiBF,aAAaG,cAAAA,GAAiBC,cAAAA;AACrD,IAAA,MAAMC,MAAAA,GAASL,UAAAA,GAAaM,cAAAA,EAAAA,GAAmBC,iBAAAA,CAAkB1B,QAAAA,CAASC,IAAI,EAAEC,WAAW,CAACF,QAAAA,CAASC,IAAI,CAAC,IAAI;AAAC,QAAA;AAAEG,YAAAA,KAAAA,EAAOJ,QAAAA,CAAS2B,WAAW,IAAI3B,QAAAA,CAASC;AAAK;AAAE,KAAA,CAAA;IAChK,MAAM2B,SAAAA,GAAYC,oBAAoBC,mBAAAA,CAAoB9B,QAAAA,CAAAA,CAAAA;IAE1D,OAAO;AACHC,QAAAA,IAAAA,EAAMD,SAASC,IAAI;AACnBoB,QAAAA,MAAAA,EAAQF,UAAAA,GAAaY,UAAAA,CAAWC,QAAQ,GAAGD,WAAWE,QAAQ;AAC9DC,QAAAA,cAAAA,EAAgBlC,SAASC,IAAI;QAC7BkC,WAAAA,EAAaC,gBAAAA,CAAiBZ,MAAAA,EAAQa,uBAAAA,CAAwBT,SAAAA,EAAWP,MAAAA,CAAAA,CAAAA;AACzEiB,QAAAA,KAAAA,EAAO,EAAE;QACTC,aAAAA,EAAepB,UAAAA,GAAa,EAAE,GAAGqB;AACrC,KAAA;AACJ;AAEA;;;;;;;IAQA,SAASV,oBAAoB9B,QAAwB,EAAA;IACjD,MAAMyC,KAAAA,GAAQ7C,qBAAAA,CAAsB8C,SAAS,CAACC,CAAAA,YAAaA,SAAAA,CAAU1C,IAAI,KAAKD,QAAAA,CAASC,IAAI,CAAA;AAC3F,IAAA,OAAOwC,QAAQ,CAAA,GAAI;AAACzC,QAAAA;AAAS,KAAA,GAAGJ,qBAAAA,CAAsBgD,KAAK,CAAC,CAAA,EAAGH,KAAAA,GAAQ,CAAA,CAAA;AAC3E;AAEA,SAASL,gBAAAA,CAAiBZ,MAAqD,EAAEqB,OAAsD,EAAA;AACnI,IAAA,MAAMC,MAAAA,GAAgC;AAAE,QAAA,GAAGtB;AAAO,KAAA;IAClD,KAAK,MAAM,CAACuB,QAAAA,EAAUC,QAAAA,CAAS,IAAIC,MAAAA,CAAOC,OAAO,CAACL,OAAAA,CAAAA,CAAU;QACxDC,MAAM,CAACC,SAAS,GAAG;eAAKD,MAAM,CAACC,QAAAA,CAAS,IAAI,EAAE;AAAMC,YAAAA,GAAAA;AAAS,SAAA;AACjE,IAAA;IAEA,OAAOF,MAAAA;AACX;AAEA;;;;;;AAMC,IACM,MAAMK,cAAAA,GAA2B5D,sBAAAA,CAAuBQ,GAAG,CAACmB,SAAAA;AAEnE,oFACO,SAASkC,aAAAA,CAAcnD,IAAY,EAAA;AACtC,IAAA,OAAOkD,eAAeE,IAAI,CAACC,CAAAA,MAAAA,GAAUA,MAAAA,CAAOrD,IAAI,KAAKA,IAAAA,CAAAA;AACzD;;"}
+{"version":3,"file":"screens.js","sources":["../../../gallery/screens.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 { Layout, Screen, ScreenTemplate } from '@cratis/scene.model';\nimport { LayoutName, appShellLayout, fullPageLayout } from '../layouts';\nimport { BreadcrumbEntry, applicationChrome, fullPageChrome } from './applicationChrome';\nimport { nestScreenTemplates, templateContentInLayout } from './composeScreen';\nimport { authTemplates } from './authTemplates';\nimport { navigationContributions } from './navigation';\nimport { nestingChainTemplates } from './nesting';\nimport { statusTemplates } from './statusTemplates';\nimport { supportTemplates } from './supportTemplates';\nimport { workspaceTemplates } from './workspaceTemplates';\n\n/**\n * The screen templates this blueprint provides.\n *\n * Eleven shapes for inside the application shell, ten for the full-page shell, and the three-level nesting\n * chain that demonstrates how `fitsSlot` composes. The list is what the manifest's `screenTemplates` names\n * and what the bundle provides; `validatePackageBundle` proves the two agree.\n */\nexport const galleryScreenTemplates: ScreenTemplate[] = [\n    ...workspaceTemplates,\n    ...supportTemplates,\n    ...authTemplates,\n    ...statusTemplates,\n    ...nestingChainTemplates,\n];\n\n/** Which layout each template renders inside - the application shell unless it is one of the chrome-less screens. */\nconst fullPageTemplateNames = new Set([...authTemplates, ...statusTemplates].map(template => template.name));\n\n/** The trail shown above each application-shell screen. */\nconst breadcrumbs: Record<string, BreadcrumbEntry[]> = {\n    Dashboard: [{ label: 'Dashboard' }],\n    CrudList: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products' }],\n    MasterDetail: [{ label: 'Sales', targetScreen: 'Dashboard' }, { label: 'Customers' }],\n    DetailView: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products', targetScreen: 'CrudList' }, { label: 'Bamboo Watch' }],\n    FormPage: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products', targetScreen: 'CrudList' }, { label: 'New product' }],\n    Empty: [{ label: 'Catalog', targetScreen: 'Dashboard' }, { label: 'Products' }],\n    Documentation: [{ label: 'Support', targetScreen: 'Dashboard' }, { label: 'Documentation' }],\n    ProfileSettings: [{ label: 'Administration', targetScreen: 'Dashboard' }, { label: 'Your profile' }],\n    UserManagement: [{ label: 'Administration', targetScreen: 'Dashboard' }, { label: 'Users' }],\n    Invoice: [{ label: 'Billing', targetScreen: 'Dashboard' }, { label: 'INV-2043' }],\n    Help: [{ label: 'Support', targetScreen: 'Dashboard' }, { label: 'Help' }],\n    ModuleWorkspace: [{ label: 'Operations' }],\n    FeatureSection: [{ label: 'Operations', targetScreen: 'ModuleWorkspace' }, { label: 'Adjustments' }],\n    SliceSection: [\n        { label: 'Operations', targetScreen: 'ModuleWorkspace' },\n        { label: 'Adjustments', targetScreen: 'FeatureSection' },\n        { label: 'Record an adjustment' },\n    ],\n};\n\n/**\n * Builds the {@link Screen} that instantiates one template.\n *\n * A screen is an instance, not a shape: it names the layout it renders in, the template it fills, the\n * content that fills it, and what it contributes elsewhere. Everything structural comes from the template,\n * which is why adding a screen is a handful of lines rather than another copy of the chrome.\n */\nfunction screenFor(template: ScreenTemplate): Screen {\n    const isFullPage = fullPageTemplateNames.has(template.name);\n    const layout: Layout = isFullPage ? fullPageLayout : appShellLayout;\n    const chrome = isFullPage ? fullPageChrome() : applicationChrome(template.name, breadcrumbs[template.name] ?? [{ label: template.displayName ?? template.name }]);\n    const placeable = nestScreenTemplates(containmentChainFor(template));\n\n    return {\n        name: template.name,\n        layout: isFullPage ? LayoutName.FullPage : LayoutName.AppShell,\n        screenTemplate: template.name,\n        slotContent: mergeSlotContent(chrome, templateContentInLayout(placeable, layout)),\n        forms: [],\n        contributions: isFullPage ? [] : navigationContributions,\n    };\n}\n\n/**\n * The chain of templates a screen renders through, outermost first.\n *\n * Almost every template fits the layout's own `content` slot, so its chain is just itself. The three\n * nesting-chain templates are the exception, and the only ones that need the walk - which is the honest\n * version of the story: nesting exists for the applications that need it, and costs nothing for the ones\n * that do not.\n */\nfunction containmentChainFor(template: ScreenTemplate): ScreenTemplate[] {\n    const depth = nestingChainTemplates.findIndex(candidate => candidate.name === template.name);\n    return depth < 0 ? [template] : nestingChainTemplates.slice(0, depth + 1);\n}\n\nfunction mergeSlotContent(chrome: Record<string, Screen['slotContent'][string]>, content: Record<string, Screen['slotContent'][string]>): Screen['slotContent'] {\n    const merged: Screen['slotContent'] = { ...chrome };\n    for (const [slotName, elements] of Object.entries(content)) {\n        merged[slotName] = [...(merged[slotName] ?? []), ...elements];\n    }\n\n    return merged;\n}\n\n/**\n * The gallery: one screen per template, ready to boot through the real engine.\n *\n * These exist so a preview is a working miniature application rather than a set of pictures - the same\n * `Screen` shape Stage produces, put through the same `Scene.Engine` and `Scene.React`, with no separate\n * preview pipeline and nothing mocked.\n */\nexport const galleryScreens: Screen[] = galleryScreenTemplates.map(screenFor);\n\n/** One gallery screen by name, for a story or a host that boots a specific one. */\nexport function galleryScreen(name: string): Screen | undefined {\n    return galleryScreens.find(screen => screen.name === name);\n}\n"],"names":["galleryScreenTemplates","workspaceTemplates","supportTemplates","authTemplates","statusTemplates","nestingChainTemplates","fullPageTemplateNames","Set","map","template","name","breadcrumbs","Dashboard","label","CrudList","targetScreen","MasterDetail","DetailView","FormPage","Empty","Documentation","ProfileSettings","UserManagement","Invoice","Help","ModuleWorkspace","FeatureSection","SliceSection","screenFor","isFullPage","has","layout","fullPageLayout","appShellLayout","chrome","fullPageChrome","applicationChrome","displayName","placeable","nestScreenTemplates","containmentChainFor","LayoutName","FullPage","AppShell","screenTemplate","slotContent","mergeSlotContent","templateContentInLayout","forms","contributions","navigationContributions","depth","findIndex","candidate","slice","content","merged","slotName","elements","Object","entries","galleryScreens","galleryScreen","find","screen"],"mappings":"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"}

package/dist/esm/gallery/statusTemplates.js

@@ -106,7 +106,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
                 text('not-found-title', 'That page is not here'),
                 text('not-found-message', 'The link may be old, or the thing it pointed at may have been removed.'),
                 externalComponent('not-found-search', 'inputText', {
-                    placeholder: 'Search instead'
+                    placeholder: 'Search instead',
+                    ariaLabel: 'Search'
                 }),
                 button('not-found-home', 'Back to the dashboard', {
                     severity: 'secondary',

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

@@ -1 +1 @@
-{"version":3,"file":"statusTemplates.js","sources":["../../../gallery/statusTemplates.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ScreenTemplate } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { SlotName } from '../layouts';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, panel, text } from './elements';\nimport { widget } from './widgets';\nimport { defaultBlueprintTemplateProvenance } from '../templateProvenance';\n\n/**\n * The four screens that are not part of anyone's plan: a server error, a refusal, a wrong address, and the\n * page that has to sell the product before any of the others exist.\n *\n * They use the full-page layout for the same reason the sign-in screens do - none of them has navigation\n * to render - and they matter more than their frequency suggests. An error page is the screen most likely\n * to be someone's first impression of how carefully an application was built.\n */\n\n/** Something broke on our side. */\nexport const errorTemplate: ScreenTemplate = {\n    name: 'Error',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Body]: [\n            card('error-card', [\n                externalComponent('error-tag', 'tag', { value: '500', severity: 'danger' }),\n                text('error-title', 'Something went wrong on our side'),\n                text('error-message', 'The team has been told. Try again in a moment - nothing you were working on was lost.'),\n                panel('error-actions', [\n                    button('error-retry', 'Try again', { severity: 'primary' }),\n                    button('error-home', 'Back to the dashboard', { severity: 'secondary', targetScreen: 'Dashboard' }),\n                ]),\n            ]),\n        ],\n    },\n    displayName: 'Error',\n    description: 'A server-side failure, said plainly, with a way onward.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Signed in, and still not allowed. */\nexport const accessDeniedTemplate: ScreenTemplate = {\n    name: 'AccessDenied',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Body]: [\n            card('denied-card', [\n                externalComponent('denied-tag', 'tag', { value: '403', severity: 'warning' }),\n                text('denied-title', 'You do not have access to this'),\n                text('denied-message', 'Your account is signed in, but it is not allowed here. An administrator can change that.'),\n                panel('denied-actions', [\n                    button('denied-request', 'Request access', { severity: 'primary' }),\n                    button('denied-home', 'Back to the dashboard', { severity: 'secondary', targetScreen: 'Dashboard' }),\n                ]),\n            ]),\n        ],\n    },\n    displayName: 'Access denied',\n    description: 'A refusal that distinguishes \"not signed in\" from \"not allowed\".',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** No such address. */\nexport const notFoundTemplate: ScreenTemplate = {\n    name: 'NotFound',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Body]: [\n            card('not-found-card', [\n                externalComponent('not-found-tag', 'tag', { value: '404', severity: 'info' }),\n                text('not-found-title', 'That page is not here'),\n                text('not-found-message', 'The link may be old, or the thing it pointed at may have been removed.'),\n                externalComponent('not-found-search', 'inputText', { placeholder: 'Search instead' }),\n                button('not-found-home', 'Back to the dashboard', { severity: 'secondary', targetScreen: 'Dashboard' }),\n            ]),\n        ],\n    },\n    displayName: 'Not found',\n    description: 'A wrong address, with a search box rather than a dead end.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** The page that has to do the selling. */\nexport const landingTemplate: ScreenTemplate = {\n    name: 'Landing',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [\n            panel('landing-nav', [\n                externalComponent('landing-logo', ComponentName.Logo, { label: 'Contoso', initials: 'C' }),\n                button('landing-signin', 'Sign in', { severity: 'secondary', targetScreen: 'Login' }),\n                button('landing-start', 'Start free', { severity: 'primary', targetScreen: 'Register' }),\n            ]),\n        ],\n        [TemplateSlotName.Body]: [\n            card('landing-hero', [\n                text('landing-headline', 'Ship the shell on day one'),\n                text('landing-subhead', 'Eight menu modes, twenty screen templates and two themes, in one blueprint an application picks once.'),\n                button('landing-cta', 'Start free', { severity: 'primary', targetScreen: 'Register' }),\n            ]),\n            widget('landing-feature-modes', 'Every mode people expect', [text('landing-modes-text', 'Static, overlay, slim, slim+, compact, horizontal, reveal and drawer.')]),\n            widget('landing-feature-themes', 'Themeable to the token', [text('landing-themes-text', 'Ten semantic tokens define the whole shell. Swap them and everything follows.')]),\n            widget('landing-feature-templates', 'The pages you were going to build anyway', [\n                text('landing-templates-text', 'Dashboard, list, detail, form, invoice, settings, help - and every screen around signing in.'),\n            ]),\n        ],\n        [TemplateSlotName.Actions]: [\n            panel('landing-footer', [text('landing-copyright', '© Contoso'), button('landing-contact', 'Talk to us', { severity: 'secondary' })]),\n        ],\n    },\n    displayName: 'Landing',\n    description: 'The marketing front door, with its own navigation because it has no application chrome.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** The four status and marketing templates. */\nexport const statusTemplates: ScreenTemplate[] = [errorTemplate, accessDeniedTemplate, notFoundTemplate, landingTemplate];\n"],"names":["errorTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","Body","content","card","externalComponent","value","severity","text","panel","button","targetScreen","displayName","description","metadata","defaultBlueprintTemplateProvenance","accessDeniedTemplate","notFoundTemplate","placeholder","landingTemplate","Header","Actions","ComponentName","Logo","label","initials","widget","statusTemplates"],"mappings":"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"}
+{"version":3,"file":"statusTemplates.js","sources":["../../../gallery/statusTemplates.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ScreenTemplate } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { SlotName } from '../layouts';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, panel, text } from './elements';\nimport { widget } from './widgets';\nimport { defaultBlueprintTemplateProvenance } from '../templateProvenance';\n\n/**\n * The four screens that are not part of anyone's plan: a server error, a refusal, a wrong address, and the\n * page that has to sell the product before any of the others exist.\n *\n * They use the full-page layout for the same reason the sign-in screens do - none of them has navigation\n * to render - and they matter more than their frequency suggests. An error page is the screen most likely\n * to be someone's first impression of how carefully an application was built.\n */\n\n/** Something broke on our side. */\nexport const errorTemplate: ScreenTemplate = {\n    name: 'Error',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Body]: [\n            card('error-card', [\n                externalComponent('error-tag', 'tag', { value: '500', severity: 'danger' }),\n                text('error-title', 'Something went wrong on our side'),\n                text('error-message', 'The team has been told. Try again in a moment - nothing you were working on was lost.'),\n                panel('error-actions', [\n                    button('error-retry', 'Try again', { severity: 'primary' }),\n                    button('error-home', 'Back to the dashboard', { severity: 'secondary', targetScreen: 'Dashboard' }),\n                ]),\n            ]),\n        ],\n    },\n    displayName: 'Error',\n    description: 'A server-side failure, said plainly, with a way onward.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Signed in, and still not allowed. */\nexport const accessDeniedTemplate: ScreenTemplate = {\n    name: 'AccessDenied',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Body]: [\n            card('denied-card', [\n                externalComponent('denied-tag', 'tag', { value: '403', severity: 'warning' }),\n                text('denied-title', 'You do not have access to this'),\n                text('denied-message', 'Your account is signed in, but it is not allowed here. An administrator can change that.'),\n                panel('denied-actions', [\n                    button('denied-request', 'Request access', { severity: 'primary' }),\n                    button('denied-home', 'Back to the dashboard', { severity: 'secondary', targetScreen: 'Dashboard' }),\n                ]),\n            ]),\n        ],\n    },\n    displayName: 'Access denied',\n    description: 'A refusal that distinguishes \"not signed in\" from \"not allowed\".',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** No such address. */\nexport const notFoundTemplate: ScreenTemplate = {\n    name: 'NotFound',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Body]: [\n            card('not-found-card', [\n                externalComponent('not-found-tag', 'tag', { value: '404', severity: 'info' }),\n                text('not-found-title', 'That page is not here'),\n                text('not-found-message', 'The link may be old, or the thing it pointed at may have been removed.'),\n                externalComponent('not-found-search', 'inputText', { placeholder: 'Search instead', ariaLabel: 'Search' }),\n                button('not-found-home', 'Back to the dashboard', { severity: 'secondary', targetScreen: 'Dashboard' }),\n            ]),\n        ],\n    },\n    displayName: 'Not found',\n    description: 'A wrong address, with a search box rather than a dead end.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** The page that has to do the selling. */\nexport const landingTemplate: ScreenTemplate = {\n    name: 'Landing',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [\n            panel('landing-nav', [\n                externalComponent('landing-logo', ComponentName.Logo, { label: 'Contoso', initials: 'C' }),\n                button('landing-signin', 'Sign in', { severity: 'secondary', targetScreen: 'Login' }),\n                button('landing-start', 'Start free', { severity: 'primary', targetScreen: 'Register' }),\n            ]),\n        ],\n        [TemplateSlotName.Body]: [\n            card('landing-hero', [\n                text('landing-headline', 'Ship the shell on day one'),\n                text('landing-subhead', 'Eight menu modes, twenty screen templates and two themes, in one blueprint an application picks once.'),\n                button('landing-cta', 'Start free', { severity: 'primary', targetScreen: 'Register' }),\n            ]),\n            widget('landing-feature-modes', 'Every mode people expect', [text('landing-modes-text', 'Static, overlay, slim, slim+, compact, horizontal, reveal and drawer.')]),\n            widget('landing-feature-themes', 'Themeable to the token', [text('landing-themes-text', 'Ten semantic tokens define the whole shell. Swap them and everything follows.')]),\n            widget('landing-feature-templates', 'The pages you were going to build anyway', [\n                text('landing-templates-text', 'Dashboard, list, detail, form, invoice, settings, help - and every screen around signing in.'),\n            ]),\n        ],\n        [TemplateSlotName.Actions]: [\n            panel('landing-footer', [text('landing-copyright', '© Contoso'), button('landing-contact', 'Talk to us', { severity: 'secondary' })]),\n        ],\n    },\n    displayName: 'Landing',\n    description: 'The marketing front door, with its own navigation because it has no application chrome.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** The four status and marketing templates. */\nexport const statusTemplates: ScreenTemplate[] = [errorTemplate, accessDeniedTemplate, notFoundTemplate, landingTemplate];\n"],"names":["errorTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","Body","content","card","externalComponent","value","severity","text","panel","button","targetScreen","displayName","description","metadata","defaultBlueprintTemplateProvenance","accessDeniedTemplate","notFoundTemplate","placeholder","ariaLabel","landingTemplate","Header","Actions","ComponentName","Logo","label","initials","widget","statusTemplates"],"mappings":"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"}

package/dist/esm/gallery/supportTemplates.js

@@ -293,7 +293,8 @@ import { defaultBlueprintTemplateProvenance } from '../templateProvenance.js';
         ],
         [TemplateSlotName.Body]: [
             externalComponent('help-search', 'inputText', {
-                placeholder: 'Search help'
+                placeholder: 'Search help',
+                ariaLabel: 'Search help'
             }),
             widget('help-popular', 'Popular answers', [
                 text('help-1', 'How do I invite someone to the workspace?'),

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

@@ -1 +1 @@
-{"version":3,"file":"supportTemplates.js","sources":["../../../gallery/supportTemplates.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 { SlotName } from '../layouts';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, text } from './elements';\nimport { field, formActions, pageHeader, table, widget } from './widgets';\nimport { defaultBlueprintTemplateProvenance } from '../templateProvenance';\n\n/**\n * The five shapes an application needs that are not the CRUD loop: documentation, the signed-in user's own\n * settings, user administration, a printable document, and help.\n *\n * They are in the set because leaving them out is what makes a template line feel thin. Every real\n * application grows all five, and the ones that were never designed are the ones that end up looking like\n * a different product.\n */\n\n/** Documentation: a table of contents beside prose. */\nexport const documentationTemplate: ScreenTemplate = {\n    name: 'Documentation',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.SidePanel }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.SidePanel]: [\n            widget('docs-toc', 'On this page', [\n                text('docs-toc-1', 'Getting started'),\n                text('docs-toc-2', 'Configuring the shell'),\n                text('docs-toc-3', 'Themes'),\n                text('docs-toc-4', 'Publishing a blueprint'),\n            ]),\n        ],\n        [TemplateSlotName.Body]: [\n            pageHeader('docs-header', 'Getting started', 'Everything you need to run the blueprint locally'),\n            card('docs-body', [\n                text('docs-intro', 'Install the blueprint, add it to a ui profile, and pick a layout. The shell reads its mode from the configurator and remembers it.'),\n                externalComponent('docs-note', 'message', { severity: 'info', text: 'The shell needs its stylesheet imported once, at the host.' }),\n            ]),\n        ],\n    },\n    displayName: 'Documentation',\n    description: 'Prose with a table of contents beside it.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Profile settings: the signed-in user editing their own account. */\nexport const profileSettingsTemplate: ScreenTemplate = {\n    name: 'ProfileSettings',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [pageHeader('profile-header', 'Your profile', 'How you appear to everyone else in the workspace')],\n        [TemplateSlotName.Body]: [\n            card('profile-identity', [\n                externalComponent('profile-avatar', 'avatar', { label: 'AN', size: 'large', shape: 'circle' }),\n                field('profile-name', 'Display name', 'inputText', { value: 'Amelia Nyquist' }),\n                field('profile-email', 'Email', 'inputText', { value: 'amelia@contoso.com' }),\n                externalComponent('profile-photo', 'image', { alt: 'Your current photo' }),\n                button('profile-photo-change', 'Change photo', { severity: 'secondary' }),\n            ]),\n            card('profile-security', [\n                field('profile-current', 'Current password', 'password', {}),\n                field('profile-new', 'New password', 'password', { feedback: true }),\n                field('profile-notify', 'Email me about mentions', 'checkbox', { checked: true }),\n            ]),\n        ],\n        [TemplateSlotName.Actions]: [formActions('profile-actions', 'Save changes')],\n    },\n    displayName: 'Profile settings',\n    description: 'The signed-in user editing their own name, photo, password and notifications.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** User management: administering everybody else. */\nexport const userManagementTemplate: ScreenTemplate = {\n    name: 'UserManagement',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Toolbar }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Toolbar]: [\n            pageHeader('users-header', 'Users', '34 people, 3 pending invitations', [button('users-invite', 'Invite people', { severity: 'primary', icon: 'pi pi-user-plus' })]),\n        ],\n        [TemplateSlotName.Body]: [\n            table(\n                'users-table',\n                [\n                    { field: 'name', header: 'Name' },\n                    { field: 'email', header: 'Email' },\n                    { field: 'role', header: 'Role' },\n                    { field: 'status', header: 'Status' },\n                    { field: 'lastSeen', header: 'Last seen' },\n                ],\n                [\n                    { name: 'Amelia Nyquist', email: 'amelia@contoso.com', role: 'Owner', status: 'Active', lastSeen: '2 minutes ago' },\n                    { name: 'Bjørn Holt', email: 'bjorn@contoso.com', role: 'Administrator', status: 'Active', lastSeen: 'Yesterday' },\n                    { name: 'Chidi Okafor', email: 'chidi@contoso.com', role: 'Editor', status: 'Active', lastSeen: '3 days ago' },\n                    { name: 'Dana Whitfield', email: 'dana@contoso.com', role: 'Viewer', status: 'Invited', lastSeen: 'Never' },\n                ],\n            ),\n        ],\n    },\n    displayName: 'User management',\n    description: 'The people table, with roles, status and an invitation action.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Invoice: a printable document, which is a different shape from a screen. */\nexport const invoiceTemplate: ScreenTemplate = {\n    name: 'Invoice',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [\n            pageHeader('invoice-header', 'Invoice INV-2043', 'Issued 4 March · Due 3 April', [button('invoice-print', 'Print', { severity: 'secondary', icon: 'pi pi-print' })]),\n        ],\n        [TemplateSlotName.Body]: [\n            card('invoice-parties', [\n                text('invoice-from', 'From: Contoso Ltd, 4 Chandler Street, Dublin'),\n                text('invoice-to', 'To: Northwind Traders, 18 Quay Road, Cork'),\n            ]),\n            table(\n                'invoice-lines',\n                [\n                    { field: 'description', header: 'Description' },\n                    { field: 'quantity', header: 'Quantity' },\n                    { field: 'unitPrice', header: 'Unit price' },\n                    { field: 'amount', header: 'Amount' },\n                ],\n                [\n                    { description: 'Bamboo Watch', quantity: 12, unitPrice: '$65.00', amount: '$780.00' },\n                    { description: 'Blue Band', quantity: 4, unitPrice: '$79.00', amount: '$316.00' },\n                    { description: 'Expedited shipping', quantity: 1, unitPrice: '$144.00', amount: '$144.00' },\n                ],\n            ),\n            card('invoice-total', [text('invoice-subtotal', 'Subtotal: $1,240.00'), text('invoice-vat', 'VAT (23%): $285.20'), text('invoice-due', 'Total due: $1,525.20')]),\n        ],\n        [TemplateSlotName.Actions]: [formActions('invoice-actions', 'Mark as paid', 'Send reminder')],\n    },\n    displayName: 'Invoice',\n    description: 'A printable document: parties, line items and totals.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Help: the answers, and a way to ask when they are not there. */\nexport const helpTemplate: ScreenTemplate = {\n    name: 'Help',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }],\n    content: {\n        [TemplateSlotName.Header]: [pageHeader('help-header', 'Help', 'Search the answers, or ask us directly')],\n        [TemplateSlotName.Body]: [\n            externalComponent('help-search', 'inputText', { placeholder: 'Search help' }),\n            widget('help-popular', 'Popular answers', [\n                text('help-1', 'How do I invite someone to the workspace?'),\n                text('help-2', 'Why can I not see the sidebar on my phone?'),\n                text('help-3', 'How do I change the theme?'),\n            ]),\n        ],\n        [TemplateSlotName.SidePanel]: [\n            widget('help-contact', 'Still stuck?', [text('help-contact-text', 'We answer within one working day.'), button('help-contact-button', 'Contact support', { severity: 'primary' })]),\n        ],\n    },\n    displayName: 'Help',\n    description: 'Searchable answers with a route to a human.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** The five support templates. */\nexport const supportTemplates: ScreenTemplate[] = [documentationTemplate, profileSettingsTemplate, userManagementTemplate, invoiceTemplate, helpTemplate];\n"],"names":["documentationTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","SidePanel","Body","content","widget","text","pageHeader","card","externalComponent","severity","displayName","description","metadata","defaultBlueprintTemplateProvenance","profileSettingsTemplate","Header","Actions","label","size","shape","field","value","alt","button","feedback","checked","formActions","userManagementTemplate","Toolbar","icon","table","header","email","role","status","lastSeen","invoiceTemplate","quantity","unitPrice","amount","helpTemplate","placeholder","supportTemplates"],"mappings":"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"}
+{"version":3,"file":"supportTemplates.js","sources":["../../../gallery/supportTemplates.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 { SlotName } from '../layouts';\nimport { TemplateSlotName } from './TemplateSlotName';\nimport { button, card, externalComponent, text } from './elements';\nimport { field, formActions, pageHeader, table, widget } from './widgets';\nimport { defaultBlueprintTemplateProvenance } from '../templateProvenance';\n\n/**\n * The five shapes an application needs that are not the CRUD loop: documentation, the signed-in user's own\n * settings, user administration, a printable document, and help.\n *\n * They are in the set because leaving them out is what makes a template line feel thin. Every real\n * application grows all five, and the ones that were never designed are the ones that end up looking like\n * a different product.\n */\n\n/** Documentation: a table of contents beside prose. */\nexport const documentationTemplate: ScreenTemplate = {\n    name: 'Documentation',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.SidePanel }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.SidePanel]: [\n            widget('docs-toc', 'On this page', [\n                text('docs-toc-1', 'Getting started'),\n                text('docs-toc-2', 'Configuring the shell'),\n                text('docs-toc-3', 'Themes'),\n                text('docs-toc-4', 'Publishing a blueprint'),\n            ]),\n        ],\n        [TemplateSlotName.Body]: [\n            pageHeader('docs-header', 'Getting started', 'Everything you need to run the blueprint locally'),\n            card('docs-body', [\n                text('docs-intro', 'Install the blueprint, add it to a ui profile, and pick a layout. The shell reads its mode from the configurator and remembers it.'),\n                externalComponent('docs-note', 'message', { severity: 'info', text: 'The shell needs its stylesheet imported once, at the host.' }),\n            ]),\n        ],\n    },\n    displayName: 'Documentation',\n    description: 'Prose with a table of contents beside it.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Profile settings: the signed-in user editing their own account. */\nexport const profileSettingsTemplate: ScreenTemplate = {\n    name: 'ProfileSettings',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [pageHeader('profile-header', 'Your profile', 'How you appear to everyone else in the workspace')],\n        [TemplateSlotName.Body]: [\n            card('profile-identity', [\n                externalComponent('profile-avatar', 'avatar', { label: 'AN', size: 'large', shape: 'circle' }),\n                field('profile-name', 'Display name', 'inputText', { value: 'Amelia Nyquist' }),\n                field('profile-email', 'Email', 'inputText', { value: 'amelia@contoso.com' }),\n                externalComponent('profile-photo', 'image', { alt: 'Your current photo' }),\n                button('profile-photo-change', 'Change photo', { severity: 'secondary' }),\n            ]),\n            card('profile-security', [\n                field('profile-current', 'Current password', 'password', {}),\n                field('profile-new', 'New password', 'password', { feedback: true }),\n                field('profile-notify', 'Email me about mentions', 'checkbox', { checked: true }),\n            ]),\n        ],\n        [TemplateSlotName.Actions]: [formActions('profile-actions', 'Save changes')],\n    },\n    displayName: 'Profile settings',\n    description: 'The signed-in user editing their own name, photo, password and notifications.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** User management: administering everybody else. */\nexport const userManagementTemplate: ScreenTemplate = {\n    name: 'UserManagement',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Toolbar }, { name: TemplateSlotName.Body }],\n    content: {\n        [TemplateSlotName.Toolbar]: [\n            pageHeader('users-header', 'Users', '34 people, 3 pending invitations', [button('users-invite', 'Invite people', { severity: 'primary', icon: 'pi pi-user-plus' })]),\n        ],\n        [TemplateSlotName.Body]: [\n            table(\n                'users-table',\n                [\n                    { field: 'name', header: 'Name' },\n                    { field: 'email', header: 'Email' },\n                    { field: 'role', header: 'Role' },\n                    { field: 'status', header: 'Status' },\n                    { field: 'lastSeen', header: 'Last seen' },\n                ],\n                [\n                    { name: 'Amelia Nyquist', email: 'amelia@contoso.com', role: 'Owner', status: 'Active', lastSeen: '2 minutes ago' },\n                    { name: 'Bjørn Holt', email: 'bjorn@contoso.com', role: 'Administrator', status: 'Active', lastSeen: 'Yesterday' },\n                    { name: 'Chidi Okafor', email: 'chidi@contoso.com', role: 'Editor', status: 'Active', lastSeen: '3 days ago' },\n                    { name: 'Dana Whitfield', email: 'dana@contoso.com', role: 'Viewer', status: 'Invited', lastSeen: 'Never' },\n                ],\n            ),\n        ],\n    },\n    displayName: 'User management',\n    description: 'The people table, with roles, status and an invitation action.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Invoice: a printable document, which is a different shape from a screen. */\nexport const invoiceTemplate: ScreenTemplate = {\n    name: 'Invoice',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.Actions }],\n    content: {\n        [TemplateSlotName.Header]: [\n            pageHeader('invoice-header', 'Invoice INV-2043', 'Issued 4 March · Due 3 April', [button('invoice-print', 'Print', { severity: 'secondary', icon: 'pi pi-print' })]),\n        ],\n        [TemplateSlotName.Body]: [\n            card('invoice-parties', [\n                text('invoice-from', 'From: Contoso Ltd, 4 Chandler Street, Dublin'),\n                text('invoice-to', 'To: Northwind Traders, 18 Quay Road, Cork'),\n            ]),\n            table(\n                'invoice-lines',\n                [\n                    { field: 'description', header: 'Description' },\n                    { field: 'quantity', header: 'Quantity' },\n                    { field: 'unitPrice', header: 'Unit price' },\n                    { field: 'amount', header: 'Amount' },\n                ],\n                [\n                    { description: 'Bamboo Watch', quantity: 12, unitPrice: '$65.00', amount: '$780.00' },\n                    { description: 'Blue Band', quantity: 4, unitPrice: '$79.00', amount: '$316.00' },\n                    { description: 'Expedited shipping', quantity: 1, unitPrice: '$144.00', amount: '$144.00' },\n                ],\n            ),\n            card('invoice-total', [text('invoice-subtotal', 'Subtotal: $1,240.00'), text('invoice-vat', 'VAT (23%): $285.20'), text('invoice-due', 'Total due: $1,525.20')]),\n        ],\n        [TemplateSlotName.Actions]: [formActions('invoice-actions', 'Mark as paid', 'Send reminder')],\n    },\n    displayName: 'Invoice',\n    description: 'A printable document: parties, line items and totals.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** Help: the answers, and a way to ask when they are not there. */\nexport const helpTemplate: ScreenTemplate = {\n    name: 'Help',\n    fitsSlot: SlotName.Content,\n    slots: [{ name: TemplateSlotName.Header }, { name: TemplateSlotName.Body }, { name: TemplateSlotName.SidePanel }],\n    content: {\n        [TemplateSlotName.Header]: [pageHeader('help-header', 'Help', 'Search the answers, or ask us directly')],\n        [TemplateSlotName.Body]: [\n            externalComponent('help-search', 'inputText', { placeholder: 'Search help', ariaLabel: 'Search help' }),\n            widget('help-popular', 'Popular answers', [\n                text('help-1', 'How do I invite someone to the workspace?'),\n                text('help-2', 'Why can I not see the sidebar on my phone?'),\n                text('help-3', 'How do I change the theme?'),\n            ]),\n        ],\n        [TemplateSlotName.SidePanel]: [\n            widget('help-contact', 'Still stuck?', [text('help-contact-text', 'We answer within one working day.'), button('help-contact-button', 'Contact support', { severity: 'primary' })]),\n        ],\n    },\n    displayName: 'Help',\n    description: 'Searchable answers with a route to a human.',\n    metadata: { ...defaultBlueprintTemplateProvenance },\n};\n\n/** The five support templates. */\nexport const supportTemplates: ScreenTemplate[] = [documentationTemplate, profileSettingsTemplate, userManagementTemplate, invoiceTemplate, helpTemplate];\n"],"names":["documentationTemplate","name","fitsSlot","SlotName","Content","slots","TemplateSlotName","SidePanel","Body","content","widget","text","pageHeader","card","externalComponent","severity","displayName","description","metadata","defaultBlueprintTemplateProvenance","profileSettingsTemplate","Header","Actions","label","size","shape","field","value","alt","button","feedback","checked","formActions","userManagementTemplate","Toolbar","icon","table","header","email","role","status","lastSeen","invoiceTemplate","quantity","unitPrice","amount","helpTemplate","placeholder","ariaLabel","supportTemplates"],"mappings":"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"}

package/dist/esm/gallery/widgets.d.ts

@@ -5,7 +5,7 @@ export declare function widget(id: string, title: string, content: SceneElement[
 export declare function table(id: string, columns: {
     field: string;
     header: string;
-}[], rows: Record<string, unknown>[]): SceneElement;
+}[], rows: Record<string, unknown>[], emptyMessage?: string): SceneElement;
 export declare function field(id: string, label: string, componentName: string, properties?: Record<string, unknown>): SceneElement;
 export declare function formActions(id: string, confirmLabel: string, cancelLabel?: string): SceneElement;
 export declare function emptyState(id: string, title: string, message: string, actionLabel: string): SceneElement;

package/dist/esm/gallery/widgets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widgets.d.ts","sourceRoot":"","sources":["../../../gallery/widgets.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAcnD,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAE,YAAY,EAAO,GAAG,YAAY,CAElH;AAMD,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,YAAY,CAE5G;AAGD,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,YAAY,CAEvF;AAGD,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,YAAY,CAO7H;AAGD,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GAAG,YAAY,CAE9H;AAGD,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,SAAW,GAAG,YAAY,CAElG;AAGD,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,YAAY,CAOxG"}
+{"version":3,"file":"widgets.d.ts","sourceRoot":"","sources":["../../../gallery/widgets.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAcnD,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAE,YAAY,EAAO,GAAG,YAAY,CAElH;AAMD,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,YAAY,CAE5G;AAGD,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,YAAY,CAEvF;AASD,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,YAAY,SAAwB,GAAG,YAAY,CAOnK;AAMD,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GAAG,YAAY,CAE9H;AAGD,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,SAAW,GAAG,YAAY,CAElG;AAGD,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,YAAY,CAOxG"}

package/dist/esm/gallery/widgets.js

@@ -39,12 +39,20 @@ import { card, text, externalComponent, panel, button } from './elements.js';
         title
     });
 }
-/** A table with real columns and real rows, so a list template looks like a list. */ function table(id, columns, rows) {
+/**
+ * A table with real columns and real rows, so a list template looks like a list.
+ *
+ * The properties are the table's own vocabulary - `rows` for the records and `pageSize` to page them - so
+ * a host with the real table loaded shows the rows rather than an empty grid. `emptyMessage` is what the
+ * same table says once the rows are gone, which is how a preview shows a template's empty state.
+ */ function table(id, columns, rows, emptyMessage = 'Nothing to show yet') {
     return externalComponent(id, 'dataTable', {
-        value: rows,
+        rows,
         dataKey: columns[0]?.field ?? 'id',
-        paginator: rows.length > 8,
-        rows: 8
+        emptyMessage,
+        ...rows.length > 8 ? {
+            pageSize: 8
+        } : {}
     }, {
         columns: columns.map((column)=>externalComponent(`${id}-${column.field}`, 'column', {
                 field: column.field,
@@ -53,10 +61,16 @@ import { card, text, externalComponent, panel, button } from './elements.js';
             }))
     });
 }
-/** One labeled input in a form template. */ function field(id, label, componentName, properties = {}) {
+/**
+ * One labeled input in a form template. The visible label is a separate text element, so the input carries
+ * the same words as its accessible name - otherwise a screen reader announces an unnamed field.
+ */ function field(id, label, componentName, properties = {}) {
     return panel(id, [
         text(`${id}-label`, label),
-        externalComponent(`${id}-input`, componentName, properties)
+        externalComponent(`${id}-input`, componentName, {
+            ariaLabel: label,
+            ...properties
+        })
     ]);
 }
 /** A row of buttons closing a form. */ function formActions(id, confirmLabel, cancelLabel = 'Cancel') {

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

@@ -1 +1 @@
-{"version":3,"file":"widgets.js","sources":["../../../gallery/widgets.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 { SceneElement } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { button, card, externalComponent, panel, text } from './elements';\n\n/**\n * The repeated pieces the gallery's screen templates are built from.\n *\n * The gallery only earns its place if a preview shows something that looks like an application - a\n * dashboard with four stat cards over two columns of larger widgets, a list with real columns and real\n * rows. Seeded content that says \"Lorem ipsum\" proves the renderer runs and nothing else. These builders\n * are what keep twenty templates' worth of realistic content from becoming twenty pages of literals.\n */\n\n/** A screen's title, subtitle and actions - the furniture every template starts with. */\nexport function pageHeader(id: string, title: string, subtitle: string, actions: SceneElement[] = []): SceneElement {\n    return externalComponent(id, ComponentName.PageHeader, { title, subtitle }, { actions });\n}\n\n/**\n * One of the four figures across the top of a dashboard - the composition Sakai's dashboard opens with,\n * and the one every template in the line has copied since.\n */\nexport function statCard(id: string, label: string, value: string, delta: string, icon: string): SceneElement {\n    return card(id, [text(`${id}-label`, label), text(`${id}-value`, value), text(`${id}-delta`, delta)], { icon, variant: 'stat' });\n}\n\n/** A titled surface holding a widget's content. */\nexport function widget(id: string, title: string, content: SceneElement[]): SceneElement {\n    return card(id, [text(`${id}-title`, title), ...content], { title });\n}\n\n/** A table with real columns and real rows, so a list template looks like a list. */\nexport function table(id: string, columns: { field: string; header: string }[], rows: Record<string, unknown>[]): SceneElement {\n    return externalComponent(\n        id,\n        'dataTable',\n        { value: rows, dataKey: columns[0]?.field ?? 'id', paginator: rows.length > 8, rows: 8 },\n        { columns: columns.map(column => externalComponent(`${id}-${column.field}`, 'column', { field: column.field, header: column.header, sortable: true })) },\n    );\n}\n\n/** One labeled input in a form template. */\nexport function field(id: string, label: string, componentName: string, properties: Record<string, unknown> = {}): SceneElement {\n    return panel(id, [text(`${id}-label`, label), externalComponent(`${id}-input`, componentName, properties)]);\n}\n\n/** A row of buttons closing a form. */\nexport function formActions(id: string, confirmLabel: string, cancelLabel = 'Cancel'): SceneElement {\n    return panel(id, [button(`${id}-confirm`, confirmLabel, { severity: 'primary' }), button(`${id}-cancel`, cancelLabel, { severity: 'secondary' })]);\n}\n\n/** The empty state a list shows before anything exists - the designed one, never a build-time apology. */\nexport function emptyState(id: string, title: string, message: string, actionLabel: string): SceneElement {\n    return card(id, [\n        externalComponent(`${id}-icon`, 'image', { alt: title }),\n        text(`${id}-title`, title),\n        text(`${id}-message`, message),\n        button(`${id}-action`, actionLabel, { severity: 'primary' }),\n    ]);\n}\n"],"names":["pageHeader","id","title","subtitle","actions","externalComponent","ComponentName","PageHeader","statCard","label","value","delta","icon","card","text","variant","widget","content","table","columns","rows","dataKey","field","paginator","length","map","column","header","sortable","componentName","properties","panel","formActions","confirmLabel","cancelLabel","button","severity","emptyState","message","actionLabel","alt"],"mappings":"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"}
+{"version":3,"file":"widgets.js","sources":["../../../gallery/widgets.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 { SceneElement } from '@cratis/scene.model';\nimport { ComponentName } from '../ComponentName';\nimport { button, card, externalComponent, panel, text } from './elements';\n\n/**\n * The repeated pieces the gallery's screen templates are built from.\n *\n * The gallery only earns its place if a preview shows something that looks like an application - a\n * dashboard with four stat cards over two columns of larger widgets, a list with real columns and real\n * rows. Seeded content that says \"Lorem ipsum\" proves the renderer runs and nothing else. These builders\n * are what keep twenty templates' worth of realistic content from becoming twenty pages of literals.\n */\n\n/** A screen's title, subtitle and actions - the furniture every template starts with. */\nexport function pageHeader(id: string, title: string, subtitle: string, actions: SceneElement[] = []): SceneElement {\n    return externalComponent(id, ComponentName.PageHeader, { title, subtitle }, { actions });\n}\n\n/**\n * One of the four figures across the top of a dashboard - the composition Sakai's dashboard opens with,\n * and the one every template in the line has copied since.\n */\nexport function statCard(id: string, label: string, value: string, delta: string, icon: string): SceneElement {\n    return card(id, [text(`${id}-label`, label), text(`${id}-value`, value), text(`${id}-delta`, delta)], { icon, variant: 'stat' });\n}\n\n/** A titled surface holding a widget's content. */\nexport function widget(id: string, title: string, content: SceneElement[]): SceneElement {\n    return card(id, [text(`${id}-title`, title), ...content], { title });\n}\n\n/**\n * A table with real columns and real rows, so a list template looks like a list.\n *\n * The properties are the table's own vocabulary - `rows` for the records and `pageSize` to page them - so\n * a host with the real table loaded shows the rows rather than an empty grid. `emptyMessage` is what the\n * same table says once the rows are gone, which is how a preview shows a template's empty state.\n */\nexport function table(id: string, columns: { field: string; header: string }[], rows: Record<string, unknown>[], emptyMessage = 'Nothing to show yet'): SceneElement {\n    return externalComponent(\n        id,\n        'dataTable',\n        { rows, dataKey: columns[0]?.field ?? 'id', emptyMessage, ...(rows.length > 8 ? { pageSize: 8 } : {}) },\n        { columns: columns.map(column => externalComponent(`${id}-${column.field}`, 'column', { field: column.field, header: column.header, sortable: true })) },\n    );\n}\n\n/**\n * One labeled input in a form template. The visible label is a separate text element, so the input carries\n * the same words as its accessible name - otherwise a screen reader announces an unnamed field.\n */\nexport function field(id: string, label: string, componentName: string, properties: Record<string, unknown> = {}): SceneElement {\n    return panel(id, [text(`${id}-label`, label), externalComponent(`${id}-input`, componentName, { ariaLabel: label, ...properties })]);\n}\n\n/** A row of buttons closing a form. */\nexport function formActions(id: string, confirmLabel: string, cancelLabel = 'Cancel'): SceneElement {\n    return panel(id, [button(`${id}-confirm`, confirmLabel, { severity: 'primary' }), button(`${id}-cancel`, cancelLabel, { severity: 'secondary' })]);\n}\n\n/** The empty state a list shows before anything exists - the designed one, never a build-time apology. */\nexport function emptyState(id: string, title: string, message: string, actionLabel: string): SceneElement {\n    return card(id, [\n        externalComponent(`${id}-icon`, 'image', { alt: title }),\n        text(`${id}-title`, title),\n        text(`${id}-message`, message),\n        button(`${id}-action`, actionLabel, { severity: 'primary' }),\n    ]);\n}\n"],"names":["pageHeader","id","title","subtitle","actions","externalComponent","ComponentName","PageHeader","statCard","label","value","delta","icon","card","text","variant","widget","content","table","columns","rows","emptyMessage","dataKey","field","length","pageSize","map","column","header","sortable","componentName","properties","panel","ariaLabel","formActions","confirmLabel","cancelLabel","button","severity","emptyState","message","actionLabel","alt"],"mappings":"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"}

package/dist/esm/gallery/workspaceTemplates.d.ts

@@ -2,6 +2,7 @@ import { ScreenTemplate } from '@cratis/scene.model';
 export declare const dashboardTemplate: ScreenTemplate;
 export declare const crudListTemplate: ScreenTemplate;
 export declare const detailViewTemplate: ScreenTemplate;
+export declare const masterDetailTemplate: ScreenTemplate;
 export declare const formPageTemplate: ScreenTemplate;
 export declare const emptyTemplate: ScreenTemplate;
 export declare const workspaceTemplates: ScreenTemplate[];

package/dist/esm/gallery/workspaceTemplates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workspaceTemplates.d.ts","sourceRoot":"","sources":["../../../gallery/workspaceTemplates.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAkB,MAAM,qBAAqB,CAAC;AA0BrE,eAAO,MAAM,iBAAiB,EAAE,cA+D/B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,cAmC9B,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,cA4BhC,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,cAqB9B,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,cAY3B,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,cAAc,EAA+F,CAAC"}
+{"version":3,"file":"workspaceTemplates.d.ts","sourceRoot":"","sources":["../../../gallery/workspaceTemplates.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAkB,MAAM,qBAAqB,CAAC;AA0BrE,eAAO,MAAM,iBAAiB,EAAE,cA+D/B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,cAmC9B,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,cA4BhC,CAAC;AASF,eAAO,MAAM,oBAAoB,EAAE,cA6ClC,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,cAqB9B,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,cAY3B,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,cAAc,EAAqH,CAAC"}