@cratis/scene.blueprint.default 4.39.0 → 4.41.0

package/dist/esm/foundation/listModel.js

@@ -0,0 +1,183 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** How a column's cell is drawn. */ var CellKind = /*#__PURE__*/ function(CellKind) {
+    CellKind["Text"] = "text";
+    CellKind["Number"] = "number";
+    CellKind["Currency"] = "currency";
+    CellKind["Date"] = "date";
+    CellKind["Status"] = "status";
+    return CellKind;
+}({});
+/** The ways the same records can be laid out. */ var ListVariant = /*#__PURE__*/ function(ListVariant) {
+    ListVariant["Table"] = "table";
+    ListVariant["Cards"] = "cards";
+    ListVariant["Grouped"] = "grouped";
+    return ListVariant;
+}({});
+const records = (value)=>Array.isArray(value) ? value.filter((entry)=>typeof entry === 'object' && entry !== null && !Array.isArray(entry)) : [];
+/** Reads columns, dropping those without a field and repeated fields. */ function readListColumns(value) {
+    const seen = new Set();
+    return records(value).flatMap((entry)=>{
+        if (typeof entry.field !== 'string' || entry.field.length === 0 || seen.has(entry.field)) return [];
+        seen.add(entry.field);
+        const tones = typeof entry.tones === 'object' && entry.tones !== null && !Array.isArray(entry.tones) ? Object.fromEntries(Object.entries(entry.tones).filter((pair)=>typeof pair[1] === 'string')) : {};
+        return [
+            {
+                field: entry.field,
+                header: typeof entry.header === 'string' && entry.header.length > 0 ? entry.header : entry.field,
+                kind: Object.values(CellKind).includes(entry.kind) ? entry.kind : "text",
+                sortable: entry.sortable !== false,
+                tones,
+                ...typeof entry.currency === 'string' ? {
+                    currency: entry.currency
+                } : {}
+            }
+        ];
+    });
+}
+/** Reads the variant, defaulting to the table. */ const readListVariant = (value)=>Object.values(ListVariant).includes(value) ? value : "table";
+/** The value of a row's field as text for searching and display: a primitive as itself, anything else empty. */ const textOf = (row, field)=>{
+    const value = row[field];
+    return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' ? String(value) : '';
+};
+/** The id of a row: its `idField`, else its position, so a list without ids still selects and keys sensibly. */ const rowId = (row, index, idField)=>{
+    const value = row[idField];
+    return typeof value === 'string' || typeof value === 'number' ? String(value) : `row-${index}`;
+};
+/** Rows that contain the search text in any shown column, without regard to case or accents; empty search keeps every row. */ function searchRows(rows, columns, search) {
+    const needle = normalize(search);
+    if (needle.length === 0) return rows;
+    return rows.filter((row)=>columns.some((column)=>normalize(textOf(row, column.field)).includes(needle)));
+}
+/** Rows that satisfy a filter of conditions joined by AND or OR, in nested groups - the value the filter builder publishes. */ function filterRows(rows, filter) {
+    if (typeof filter !== 'object' || filter === null) return rows;
+    const group = filter;
+    const tests = [
+        ...(group.conditions ?? []).filter((condition)=>typeof condition?.field === 'string').filter(active).map((condition)=>(row)=>satisfies(row, condition)),
+        ...(group.groups ?? []).filter((nested)=>hasConditions(nested)).map((nested)=>(row)=>filterRows([
+                    row
+                ], nested).length === 1)
+    ];
+    if (tests.length === 0) return rows;
+    return rows.filter((row)=>group.operator === 'or' ? tests.some((test)=>test(row)) : tests.every((test)=>test(row)));
+}
+const active = (condition)=>[
+        'isEmpty',
+        'true',
+        'false'
+    ].includes(condition.operator) || (condition.value ?? '').trim().length > 0;
+const hasConditions = (group)=>{
+    const candidate = group;
+    return (candidate?.conditions ?? []).some(active) || (candidate?.groups ?? []).some(hasConditions);
+};
+function satisfies(row, condition) {
+    const raw = row[condition.field];
+    const text = normalize(typeof raw === 'string' || typeof raw === 'number' || typeof raw === 'boolean' ? String(raw) : '');
+    const value = normalize(condition.value ?? '');
+    const number = Number(raw);
+    const wanted = Number(condition.value);
+    switch(condition.operator){
+        case 'contains':
+            return text.includes(value);
+        case 'equals':
+        case 'is':
+        case 'on':
+            return typeof raw === 'number' ? number === wanted : text === value;
+        case 'notEquals':
+        case 'isNot':
+            return typeof raw === 'number' ? number !== wanted : text !== value;
+        case 'startsWith':
+            return text.startsWith(value);
+        case 'isEmpty':
+            return text.length === 0;
+        case 'greater':
+            return number > wanted;
+        case 'greaterOrEqual':
+            return number >= wanted;
+        case 'less':
+            return number < wanted;
+        case 'lessOrEqual':
+            return number <= wanted;
+        case 'before':
+            return text < value;
+        case 'after':
+            return text > value;
+        case 'true':
+            return raw === true || text === 'true';
+        case 'false':
+            return raw === false || text === 'false';
+        default:
+            return true;
+    }
+}
+function normalize(text) {
+    return text.normalize('NFD').replace(/\p{Diacritic}/gu, '').toLocaleLowerCase();
+}
+/** Reads a sort from its address form, `field` or `-field` for descending; a field that is not a sortable column is no sort at all. */ function parseSort(text, columns) {
+    if (!text) return undefined;
+    const descending = text.startsWith('-');
+    const field = descending ? text.slice(1) : text;
+    return columns.some((column)=>column.field === field && column.sortable) ? {
+        field,
+        descending
+    } : undefined;
+}
+/** A sort in its address form. */ const formatSort = (sort)=>sort === undefined ? undefined : `${sort.descending ? '-' : ''}${sort.field}`;
+/** The next sort when a header is pressed: ascending, then descending, then none. */ const nextSort = (current, field)=>current?.field !== field ? {
+        field,
+        descending: false
+    } : current.descending ? undefined : {
+        field,
+        descending: true
+    };
+/** Rows in order of a column, numbers as numbers and text by the locale, with ties kept in their original order. */ function sortRows(rows, sort, locale) {
+    if (!sort) return rows;
+    const collator = new Intl.Collator(locale, {
+        numeric: true,
+        sensitivity: 'base'
+    });
+    return rows.map((row, index)=>({
+            row,
+            index
+        })).sort((left, right)=>{
+        const a = left.row[sort.field];
+        const b = right.row[sort.field];
+        const order = typeof a === 'number' && typeof b === 'number' ? a - b : collator.compare(textOf(left.row, sort.field), textOf(right.row, sort.field));
+        return order === 0 ? left.index - right.index : sort.descending ? -order : order;
+    }).map((entry)=>entry.row);
+}
+/** The slice of rows on a page (1-based), and how many pages there are; a page out of range is clamped rather than empty. */ function paginate(rows, page, pageSize) {
+    const size = pageSize > 0 ? Math.floor(pageSize) : rows.length || 1;
+    const pages = Math.max(1, Math.ceil(rows.length / size));
+    const clamped = Math.min(Math.max(1, Math.floor(Number.isFinite(page) ? page : 1)), pages);
+    return {
+        rows: rows.slice((clamped - 1) * size, clamped * size),
+        page: clamped,
+        pages
+    };
+}
+/** Groups rows by a field in the order the groups are first seen, with the sum of a numeric field as the subtotal when one is named. */ function groupRows(rows, groupBy, totalField) {
+    const groups = [];
+    for (const row of rows){
+        const key = textOf(row, groupBy);
+        const group = groups.find((candidate)=>candidate.key === key) ?? (groups.push({
+            key,
+            rows: []
+        }), groups[groups.length - 1]);
+        group.rows.push(row);
+    }
+    return totalField === undefined ? groups : groups.map((group)=>({
+            ...group,
+            subtotal: group.rows.reduce((sum, row)=>sum + (typeof row[totalField] === 'number' ? row[totalField] : 0), 0)
+        }));
+}
+/** Toggles an id in a selection that allows one or many. */ const toggleSelection = (selected, id, multiple)=>selected.includes(id) ? selected.filter((candidate)=>candidate !== id) : multiple ? [
+        ...selected,
+        id
+    ] : [
+        id
+    ];
+/** Reads a selection from its address form: ids separated by commas. */ const parseSelection = (text)=>text ? text.split(',').filter((id)=>id.length > 0) : [];
+
+export { CellKind, ListVariant, filterRows, formatSort, groupRows, nextSort, paginate, parseSelection, parseSort, readListColumns, readListVariant, rowId, searchRows, sortRows, textOf, toggleSelection };
+//# sourceMappingURL=listModel.js.map

package/dist/esm/foundation/listModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listModel.js","sources":["../../../foundation/listModel.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/** How a column's cell is drawn. */\nexport enum CellKind {\n    Text = 'text',\n    Number = 'number',\n    Currency = 'currency',\n    Date = 'date',\n    Status = 'status',\n}\n\n/** One column of a list. */\nexport interface ListColumn {\n    field: string;\n    header: string;\n    kind: CellKind;\n    sortable: boolean;\n    /** For a status column: the tone of each value (`success`, `warning`, `danger`, `info`, `neutral`). */\n    tones: Record<string, string>;\n    /** For a currency column: the ISO 4217 code. */\n    currency?: string;\n}\n\n/** One record of a list, with the field values as the query returned them. */\nexport type ListRow = Record<string, unknown>;\n\n/** How the list is sorted. */\nexport interface ListSort {\n    field: string;\n    descending: boolean;\n}\n\n/** The ways the same records can be laid out. */\nexport enum ListVariant {\n    Table = 'table',\n    Cards = 'cards',\n    Grouped = 'grouped',\n}\n\nconst records = (value: unknown): Record<string, unknown>[] =>\n    Array.isArray(value) ? value.filter((entry): entry is Record<string, unknown> => typeof entry === 'object' && entry !== null && !Array.isArray(entry)) : [];\n\n/** Reads columns, dropping those without a field and repeated fields. */\nexport function readListColumns(value: unknown): ListColumn[] {\n    const seen = new Set<string>();\n    return records(value).flatMap(entry => {\n        if (typeof entry.field !== 'string' || entry.field.length === 0 || seen.has(entry.field)) return [];\n        seen.add(entry.field);\n        const tones = typeof entry.tones === 'object' && entry.tones !== null && !Array.isArray(entry.tones)\n            ? Object.fromEntries(Object.entries(entry.tones as Record<string, unknown>).filter((pair): pair is [string, string] => typeof pair[1] === 'string')) : {};\n        return [{\n            field: entry.field,\n            header: typeof entry.header === 'string' && entry.header.length > 0 ? entry.header : entry.field,\n            kind: (Object.values(CellKind) as string[]).includes(entry.kind as string) ? (entry.kind as CellKind) : CellKind.Text,\n            sortable: entry.sortable !== false,\n            tones,\n            ...(typeof entry.currency === 'string' ? { currency: entry.currency } : {}),\n        }];\n    });\n}\n\n/** Reads the variant, defaulting to the table. */\nexport const readListVariant = (value: unknown): ListVariant => ((Object.values(ListVariant) as string[]).includes(value as string) ? (value as ListVariant) : ListVariant.Table);\n\n/** The value of a row's field as text for searching and display: a primitive as itself, anything else empty. */\nexport const textOf = (row: ListRow, field: string): string => {\n    const value = row[field];\n    return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' ? String(value) : '';\n};\n\n/** The id of a row: its `idField`, else its position, so a list without ids still selects and keys sensibly. */\nexport const rowId = (row: ListRow, index: number, idField: string): string => {\n    const value = row[idField];\n    return typeof value === 'string' || typeof value === 'number' ? String(value) : `row-${index}`;\n};\n\n/** Rows that contain the search text in any shown column, without regard to case or accents; empty search keeps every row. */\nexport function searchRows(rows: ListRow[], columns: ListColumn[], search: string): ListRow[] {\n    const needle = normalize(search);\n    if (needle.length === 0) return rows;\n    return rows.filter(row => columns.some(column => normalize(textOf(row, column.field)).includes(needle)));\n}\n\n/** Rows that satisfy a filter of conditions joined by AND or OR, in nested groups - the value the filter builder publishes. */\nexport function filterRows(rows: ListRow[], filter: unknown): ListRow[] {\n    if (typeof filter !== 'object' || filter === null) return rows;\n    const group = filter as { operator?: string; conditions?: { field: string; operator: string; value: string }[]; groups?: unknown[] };\n    const tests = [\n        ...(group.conditions ?? []).filter(condition => typeof condition?.field === 'string').filter(active).map(condition => (row: ListRow) => satisfies(row, condition)),\n        ...(group.groups ?? []).filter(nested => hasConditions(nested)).map(nested => (row: ListRow) => filterRows([row], nested).length === 1),\n    ];\n    if (tests.length === 0) return rows;\n    return rows.filter(row => (group.operator === 'or' ? tests.some(test => test(row)) : tests.every(test => test(row))));\n}\n\nconst active = (condition: { operator: string; value: string }) => ['isEmpty', 'true', 'false'].includes(condition.operator) || (condition.value ?? '').trim().length > 0;\nconst hasConditions = (group: unknown): boolean => {\n    const candidate = group as { conditions?: { operator: string; value: string }[]; groups?: unknown[] } | null;\n    return (candidate?.conditions ?? []).some(active) || (candidate?.groups ?? []).some(hasConditions);\n};\n\nfunction satisfies(row: ListRow, condition: { field: string; operator: string; value: string }): boolean {\n    const raw = row[condition.field];\n    const text = normalize(typeof raw === 'string' || typeof raw === 'number' || typeof raw === 'boolean' ? String(raw) : '');\n    const value = normalize(condition.value ?? '');\n    const number = Number(raw);\n    const wanted = Number(condition.value);\n    switch (condition.operator) {\n        case 'contains': return text.includes(value);\n        case 'equals': case 'is': case 'on': return typeof raw === 'number' ? number === wanted : text === value;\n        case 'notEquals': case 'isNot': return typeof raw === 'number' ? number !== wanted : text !== value;\n        case 'startsWith': return text.startsWith(value);\n        case 'isEmpty': return text.length === 0;\n        case 'greater': return number > wanted;\n        case 'greaterOrEqual': return number >= wanted;\n        case 'less': return number < wanted;\n        case 'lessOrEqual': return number <= wanted;\n        case 'before': return text < value;\n        case 'after': return text > value;\n        case 'true': return raw === true || text === 'true';\n        case 'false': return raw === false || text === 'false';\n        default: return true;\n    }\n}\n\nfunction normalize(text: string): string {\n    return text.normalize('NFD').replace(/\\p{Diacritic}/gu, '').toLocaleLowerCase();\n}\n\n/** Reads a sort from its address form, `field` or `-field` for descending; a field that is not a sortable column is no sort at all. */\nexport function parseSort(text: string | undefined, columns: ListColumn[]): ListSort | undefined {\n    if (!text) return undefined;\n    const descending = text.startsWith('-');\n    const field = descending ? text.slice(1) : text;\n    return columns.some(column => column.field === field && column.sortable) ? { field, descending } : undefined;\n}\n\n/** A sort in its address form. */\nexport const formatSort = (sort: ListSort | undefined): string | undefined => (sort === undefined ? undefined : `${sort.descending ? '-' : ''}${sort.field}`);\n\n/** The next sort when a header is pressed: ascending, then descending, then none. */\nexport const nextSort = (current: ListSort | undefined, field: string): ListSort | undefined =>\n    current?.field !== field ? { field, descending: false } : current.descending ? undefined : { field, descending: true };\n\n/** Rows in order of a column, numbers as numbers and text by the locale, with ties kept in their original order. */\nexport function sortRows(rows: ListRow[], sort: ListSort | undefined, locale: string): ListRow[] {\n    if (!sort) return rows;\n    const collator = new Intl.Collator(locale, { numeric: true, sensitivity: 'base' });\n    return rows.map((row, index) => ({ row, index })).sort((left, right) => {\n        const a = left.row[sort.field];\n        const b = right.row[sort.field];\n        const order = typeof a === 'number' && typeof b === 'number' ? a - b : collator.compare(textOf(left.row, sort.field), textOf(right.row, sort.field));\n        return (order === 0 ? left.index - right.index : sort.descending ? -order : order);\n    }).map(entry => entry.row);\n}\n\n/** The slice of rows on a page (1-based), and how many pages there are; a page out of range is clamped rather than empty. */\nexport function paginate<T>(rows: T[], page: number, pageSize: number): { rows: T[]; page: number; pages: number } {\n    const size = pageSize > 0 ? Math.floor(pageSize) : rows.length || 1;\n    const pages = Math.max(1, Math.ceil(rows.length / size));\n    const clamped = Math.min(Math.max(1, Math.floor(Number.isFinite(page) ? page : 1)), pages);\n    return { rows: rows.slice((clamped - 1) * size, clamped * size), page: clamped, pages };\n}\n\n/** A group of rows with a subtotal, for the grouped variant. */\nexport interface ListGroup {\n    key: string;\n    rows: ListRow[];\n    subtotal?: number;\n}\n\n/** Groups rows by a field in the order the groups are first seen, with the sum of a numeric field as the subtotal when one is named. */\nexport function groupRows(rows: ListRow[], groupBy: string, totalField?: string): ListGroup[] {\n    const groups: ListGroup[] = [];\n    for (const row of rows) {\n        const key = textOf(row, groupBy);\n        const group = groups.find(candidate => candidate.key === key) ?? (groups.push({ key, rows: [] }), groups[groups.length - 1]);\n        group.rows.push(row);\n    }\n\n    return totalField === undefined ? groups : groups.map(group => ({ ...group, subtotal: group.rows.reduce((sum, row) => sum + (typeof row[totalField] === 'number' ? (row[totalField] as number) : 0), 0) }));\n}\n\n/** Toggles an id in a selection that allows one or many. */\nexport const toggleSelection = (selected: string[], id: string, multiple: boolean): string[] =>\n    selected.includes(id) ? selected.filter(candidate => candidate !== id) : multiple ? [...selected, id] : [id];\n\n/** Reads a selection from its address form: ids separated by commas. */\nexport const parseSelection = (text: string | undefined): string[] => (text ? text.split(',').filter(id => id.length > 0) : []);\n"],"names":["CellKind","ListVariant","records","value","Array","isArray","filter","entry","readListColumns","seen","Set","flatMap","field","length","has","add","tones","Object","fromEntries","entries","pair","header","kind","values","includes","sortable","currency","readListVariant","textOf","row","String","rowId","index","idField","searchRows","rows","columns","search","needle","normalize","some","column","filterRows","group","tests","conditions","condition","active","map","satisfies","groups","nested","hasConditions","operator","test","every","trim","candidate","raw","text","number","Number","wanted","startsWith","replace","toLocaleLowerCase","parseSort","undefined","descending","slice","formatSort","sort","nextSort","current","sortRows","locale","collator","Intl","Collator","numeric","sensitivity","left","right","a","b","order","compare","paginate","page","pageSize","size","Math","floor","pages","max","ceil","clamped","min","isFinite","groupRows","groupBy","totalField","key","find","push","subtotal","reduce","sum","toggleSelection","selected","id","multiple","parseSelection","split"],"mappings":"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"}

package/dist/esm/foundation/tabModel.d.ts

@@ -0,0 +1,10 @@
+export interface TabItem {
+    id: string;
+    label: string;
+    badge?: string;
+    disabled: boolean;
+}
+export declare function readTabs(value: unknown): TabItem[];
+export declare function activeTab(tabs: TabItem[], requested: string | undefined): string | undefined;
+export declare function stepTab(tabs: TabItem[], current: string | undefined, direction: 'next' | 'previous' | 'first' | 'last'): string | undefined;
+//# sourceMappingURL=tabModel.d.ts.map

package/dist/esm/foundation/tabModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabModel.d.ts","sourceRoot":"","sources":["../../../foundation/tabModel.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,OAAO;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACrB;AAGD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,CAWlD;AAGD,wBAAgB,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAG5F;AAGD,wBAAgB,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,MAAM,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ3I"}

package/dist/esm/foundation/tabModel.js

@@ -0,0 +1,37 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** One tab or sub-section: an id the address and the slot content use, a label, and an optional count badge. */ /** Reads tabs out of a property value; entries without an id are dropped and a repeated id keeps its first. */ function readTabs(value) {
+    if (!Array.isArray(value)) return [];
+    const seen = new Set();
+    return value.flatMap((entry)=>{
+        if (typeof entry !== 'object' || entry === null || Array.isArray(entry)) return [];
+        const { id, label, badge, disabled } = entry;
+        if (typeof id !== 'string' || id.length === 0 || seen.has(id)) return [];
+        seen.add(id);
+        return [
+            {
+                id,
+                label: typeof label === 'string' && label.length > 0 ? label : id,
+                disabled: disabled === true,
+                ...typeof badge === 'string' || typeof badge === 'number' ? {
+                    badge: String(badge)
+                } : {}
+            }
+        ];
+    });
+}
+/** The active tab: the requested one when it exists and is enabled, else the first enabled one. Deep links to a tab that was removed fall back instead of showing nothing. */ function activeTab(tabs, requested) {
+    const wanted = tabs.find((tab)=>tab.id === requested && !tab.disabled);
+    return (wanted ?? tabs.find((tab)=>!tab.disabled))?.id;
+}
+/** The enabled tab one step from the current one, wrapping, or the first/last for Home and End. */ function stepTab(tabs, current, direction) {
+    const enabled = tabs.filter((tab)=>!tab.disabled);
+    if (enabled.length === 0) return undefined;
+    if (direction === 'first') return enabled[0].id;
+    if (direction === 'last') return enabled[enabled.length - 1].id;
+    const index = Math.max(0, enabled.findIndex((tab)=>tab.id === current));
+    return enabled[(index + (direction === 'next' ? 1 : -1) + enabled.length) % enabled.length].id;
+}
+
+export { activeTab, readTabs, stepTab };
+//# sourceMappingURL=tabModel.js.map

package/dist/esm/foundation/tabModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabModel.js","sources":["../../../foundation/tabModel.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/** One tab or sub-section: an id the address and the slot content use, a label, and an optional count badge. */\nexport interface TabItem {\n    id: string;\n    label: string;\n    badge?: string;\n    disabled: boolean;\n}\n\n/** Reads tabs out of a property value; entries without an id are dropped and a repeated id keeps its first. */\nexport function readTabs(value: unknown): TabItem[] {\n    if (!Array.isArray(value)) return [];\n\n    const seen = new Set<string>();\n    return value.flatMap((entry): TabItem[] => {\n        if (typeof entry !== 'object' || entry === null || Array.isArray(entry)) return [];\n        const { id, label, badge, disabled } = entry as Record<string, unknown>;\n        if (typeof id !== 'string' || id.length === 0 || seen.has(id)) return [];\n        seen.add(id);\n        return [{ id, label: typeof label === 'string' && label.length > 0 ? label : id, disabled: disabled === true, ...(typeof badge === 'string' || typeof badge === 'number' ? { badge: String(badge) } : {}) }];\n    });\n}\n\n/** The active tab: the requested one when it exists and is enabled, else the first enabled one. Deep links to a tab that was removed fall back instead of showing nothing. */\nexport function activeTab(tabs: TabItem[], requested: string | undefined): string | undefined {\n    const wanted = tabs.find(tab => tab.id === requested && !tab.disabled);\n    return (wanted ?? tabs.find(tab => !tab.disabled))?.id;\n}\n\n/** The enabled tab one step from the current one, wrapping, or the first/last for Home and End. */\nexport function stepTab(tabs: TabItem[], current: string | undefined, direction: 'next' | 'previous' | 'first' | 'last'): string | undefined {\n    const enabled = tabs.filter(tab => !tab.disabled);\n    if (enabled.length === 0) return undefined;\n    if (direction === 'first') return enabled[0].id;\n    if (direction === 'last') return enabled[enabled.length - 1].id;\n\n    const index = Math.max(0, enabled.findIndex(tab => tab.id === current));\n    return enabled[(index + (direction === 'next' ? 1 : -1) + enabled.length) % enabled.length].id;\n}\n"],"names":["readTabs","value","Array","isArray","seen","Set","flatMap","entry","id","label","badge","disabled","length","has","add","String","activeTab","tabs","requested","wanted","find","tab","stepTab","current","direction","enabled","filter","undefined","index","Math","max","findIndex"],"mappings":"AAAA;AACA;AAEA,iOASO,SAASA,SAASC,KAAc,EAAA;AACnC,IAAA,IAAI,CAACC,KAAAA,CAAMC,OAAO,CAACF,KAAAA,CAAAA,EAAQ,OAAO,EAAE;AAEpC,IAAA,MAAMG,OAAO,IAAIC,GAAAA,EAAAA;IACjB,OAAOJ,KAAAA,CAAMK,OAAO,CAAC,CAACC,KAAAA,GAAAA;QAClB,IAAI,OAAOA,KAAAA,KAAU,QAAA,IAAYA,KAAAA,KAAU,IAAA,IAAQL,MAAMC,OAAO,CAACI,KAAAA,CAAAA,EAAQ,OAAO,EAAE;QAClF,MAAM,EAAEC,EAAE,EAAEC,KAAK,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGJ,KAAAA;AACvC,QAAA,IAAI,OAAOC,EAAAA,KAAO,QAAA,IAAYA,EAAAA,CAAGI,MAAM,KAAK,CAAA,IAAKR,IAAAA,CAAKS,GAAG,CAACL,EAAAA,CAAAA,EAAK,OAAO,EAAE;AACxEJ,QAAAA,IAAAA,CAAKU,GAAG,CAACN,EAAAA,CAAAA;QACT,OAAO;AAAC,YAAA;AAAEA,gBAAAA,EAAAA;AAAIC,gBAAAA,KAAAA,EAAO,OAAOA,KAAAA,KAAU,QAAA,IAAYA,MAAMG,MAAM,GAAG,IAAIH,KAAAA,GAAQD,EAAAA;AAAIG,gBAAAA,QAAAA,EAAUA,QAAAA,KAAa,IAAA;AAAM,gBAAA,GAAI,OAAOD,KAAAA,KAAU,QAAA,IAAY,OAAOA,UAAU,QAAA,GAAW;AAAEA,oBAAAA,KAAAA,EAAOK,MAAAA,CAAOL,KAAAA;AAAO,iBAAA,GAAI;AAAI;AAAE,SAAA;AAChN,IAAA,CAAA,CAAA;AACJ;AAEA,+KACO,SAASM,SAAAA,CAAUC,IAAe,EAAEC,SAA6B,EAAA;AACpE,IAAA,MAAMC,MAAAA,GAASF,IAAAA,CAAKG,IAAI,CAACC,CAAAA,GAAAA,GAAOA,GAAAA,CAAIb,EAAE,KAAKU,SAAAA,IAAa,CAACG,GAAAA,CAAIV,QAAQ,CAAA;IACrE,OAAQQ,CAAAA,MAAAA,IAAUF,IAAAA,CAAKG,IAAI,CAACC,CAAAA,GAAAA,GAAO,CAACA,GAAAA,CAAIV,QAAQ,CAAA,GAAIH,EAAAA;AACxD;AAEA,oGACO,SAASc,OAAAA,CAAQL,IAAe,EAAEM,OAA2B,EAAEC,SAAiD,EAAA;IACnH,MAAMC,OAAAA,GAAUR,KAAKS,MAAM,CAACL,CAAAA,GAAAA,GAAO,CAACA,IAAIV,QAAQ,CAAA;AAChD,IAAA,IAAIc,OAAAA,CAAQb,MAAM,KAAK,CAAA,EAAG,OAAOe,SAAAA;AACjC,IAAA,IAAIH,cAAc,OAAA,EAAS,OAAOC,OAAO,CAAC,CAAA,CAAE,CAACjB,EAAE;IAC/C,IAAIgB,SAAAA,KAAc,MAAA,EAAQ,OAAOC,OAAO,CAACA,QAAQb,MAAM,GAAG,CAAA,CAAE,CAACJ,EAAE;AAE/D,IAAA,MAAMoB,KAAAA,GAAQC,IAAAA,CAAKC,GAAG,CAAC,CAAA,EAAGL,OAAAA,CAAQM,SAAS,CAACV,CAAAA,GAAAA,GAAOA,GAAAA,CAAIb,EAAE,KAAKe,OAAAA,CAAAA,CAAAA;IAC9D,OAAOE,OAAO,CAAC,CAACG,SAASJ,SAAAA,KAAc,SAAS,CAAA,GAAI,EAAC,CAAA,GAAKC,OAAAA,CAAQb,MAAM,IAAIa,QAAQb,MAAM,CAAC,CAACJ,EAAE;AAClG;;"}

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

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

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

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

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

@@ -0,0 +1,74 @@
+import { WidthSizeClass } from '@cratis/scene.model';
+import { column, slotLeaf, row } from '../../layouts/flowBuilders.js';
+import { component, fromQuery, foundationTemplateProvenance, thumbnailOf } from './templateParts.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The board: columns mapped to a status or stage, cards that move between them - by dragging or by each card's own Move-to menu, so the board is as
+ * usable from a keyboard and a screen reader as with a pointer.
+ */ const boardScreenTemplate = {
+    name: 'BoardScreen',
+    fitsSlot: 'content',
+    slots: [
+        {
+            name: 'header'
+        },
+        {
+            name: 'toolbar'
+        },
+        {
+            name: 'board'
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf('header'),
+            row([
+                slotLeaf('toolbar')
+            ], 8),
+            slotLeaf('board')
+        ], 12),
+        overrides: [
+            {
+                width: WidthSizeClass.Compact,
+                root: column([
+                    slotLeaf('header'),
+                    slotLeaf('toolbar'),
+                    slotLeaf('board')
+                ], 16)
+            }
+        ]
+    },
+    content: {
+        header: [
+            component('board-header', 'pageHeader', {
+                title: 'Pipeline',
+                subtitle: 'Drag a deal to a new stage'
+            })
+        ],
+        toolbar: [
+            component('board-search', 'globalSearch', {
+                placeholder: 'Search the pipeline',
+                label: 'Search the pipeline'
+            })
+        ],
+        board: [
+            component('board-columns', 'kanbanBoard', {
+                columns: fromQuery('PipelineColumns'),
+                cards: fromQuery('PipelineCards')
+            })
+        ]
+    },
+    displayName: 'Board',
+    description: 'Columns mapped to a stage with cards that move by dragging or by menu.',
+    metadata: {
+        ...foundationTemplateProvenance,
+        type: 'Board',
+        category: 'Foundation / Board',
+        thumbnail: thumbnailOf('BoardScreen')
+    }
+};
+
+export { boardScreenTemplate };
+//# sourceMappingURL=boardScreenTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"boardScreenTemplate.js","sources":["../../../../foundation/templates/boardScreenTemplate.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 board: columns mapped to a status or stage, cards that move between them - by dragging or by each card's own Move-to menu, so the board is as\n * usable from a keyboard and a screen reader as with a pointer.\n */\nexport const boardScreenTemplate: ScreenTemplate = {\n    name: 'BoardScreen',\n    fitsSlot: 'content',\n    slots: [{ name: 'header' }, { name: 'toolbar' }, { name: 'board' }],\n    arrangement: {\n        root: column([slotLeaf('header'), row([slotLeaf('toolbar')], 8), slotLeaf('board')], 12),\n        overrides: [{ width: WidthSizeClass.Compact, root: column([slotLeaf('header'), slotLeaf('toolbar'), slotLeaf('board')], 16) }],\n    },\n    content: {\n        header: [component('board-header', 'pageHeader', { title: 'Pipeline', subtitle: 'Drag a deal to a new stage' })],\n        toolbar: [component('board-search', 'globalSearch', { placeholder: 'Search the pipeline', label: 'Search the pipeline' })],\n        board: [component('board-columns', 'kanbanBoard', { columns: fromQuery('PipelineColumns'), cards: fromQuery('PipelineCards') })],\n    },\n    displayName: 'Board',\n    description: 'Columns mapped to a stage with cards that move by dragging or by menu.',\n    metadata: { ...foundationTemplateProvenance, type: 'Board', category: 'Foundation / Board', thumbnail: thumbnailOf('BoardScreen') },\n};\n"],"names":["boardScreenTemplate","name","fitsSlot","slots","arrangement","root","column","slotLeaf","row","overrides","width","WidthSizeClass","Compact","content","header","component","title","subtitle","toolbar","placeholder","label","board","columns","fromQuery","cards","displayName","description","metadata","foundationTemplateProvenance","type","category","thumbnail","thumbnailOf"],"mappings":";;;;AAAA;AACA;AAMA;;;UAIaA,mBAAAA,GAAsC;IAC/CC,IAAAA,EAAM,aAAA;IACNC,QAAAA,EAAU,SAAA;IACVC,KAAAA,EAAO;AAAC,QAAA;YAAEF,IAAAA,EAAM;AAAS,SAAA;AAAG,QAAA;YAAEA,IAAAA,EAAM;AAAU,SAAA;AAAG,QAAA;YAAEA,IAAAA,EAAM;AAAQ;AAAE,KAAA;IACnEG,WAAAA,EAAa;AACTC,QAAAA,IAAAA,EAAMC,MAAAA,CAAO;YAACC,QAAAA,CAAS,QAAA,CAAA;YAAWC,GAAAA,CAAI;gBAACD,QAAAA,CAAS,SAAA;aAAW,EAAE,CAAA,CAAA;YAAIA,QAAAA,CAAS,OAAA;SAAS,EAAE,EAAA,CAAA;QACrFE,SAAAA,EAAW;AAAC,YAAA;AAAEC,gBAAAA,KAAAA,EAAOC,eAAeC,OAAO;AAAEP,gBAAAA,IAAAA,EAAMC,MAAAA,CAAO;oBAACC,QAAAA,CAAS,QAAA,CAAA;oBAAWA,QAAAA,CAAS,SAAA,CAAA;oBAAYA,QAAAA,CAAS,OAAA;iBAAS,EAAE,EAAA;AAAI;AAAE;AAClI,KAAA;IACAM,OAAAA,EAAS;QACLC,MAAAA,EAAQ;AAACC,YAAAA,SAAAA,CAAU,gBAAgB,YAAA,EAAc;gBAAEC,KAAAA,EAAO,UAAA;gBAAYC,QAAAA,EAAU;AAA6B,aAAA;AAAG,SAAA;QAChHC,OAAAA,EAAS;AAACH,YAAAA,SAAAA,CAAU,gBAAgB,cAAA,EAAgB;gBAAEI,WAAAA,EAAa,qBAAA;gBAAuBC,KAAAA,EAAO;AAAsB,aAAA;AAAG,SAAA;QAC1HC,KAAAA,EAAO;AAACN,YAAAA,SAAAA,CAAU,iBAAiB,aAAA,EAAe;AAAEO,gBAAAA,OAAAA,EAASC,SAAAA,CAAU,iBAAA,CAAA;AAAoBC,gBAAAA,KAAAA,EAAOD,SAAAA,CAAU,eAAA;AAAiB,aAAA;AAAG;AACpI,KAAA;IACAE,WAAAA,EAAa,OAAA;IACbC,WAAAA,EAAa,wEAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC,4BAA4B;QAAEC,IAAAA,EAAM,OAAA;QAASC,QAAAA,EAAU,oBAAA;AAAsBC,QAAAA,SAAAA,EAAWC,WAAAA,CAAY,aAAA;AAAe;AACtI;;"}

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

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

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

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

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

@@ -0,0 +1,126 @@
+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 dashboard: key figures across the top, charts and tables below, an aside for what needs attention. Every region is its own component with its
+ * own five states, so one failed query shows the other regions - the page never fails as a whole.
+ */ const dashboardScreenTemplate = {
+    name: 'DashboardScreen',
+    fitsSlot: 'content',
+    slots: [
+        {
+            name: 'header'
+        },
+        {
+            name: 'kpis'
+        },
+        {
+            name: 'charts'
+        },
+        {
+            name: 'tables'
+        },
+        {
+            name: 'aside'
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf('header'),
+            slotLeaf('kpis'),
+            grid([
+                slotLeaf('charts', {
+                    span: 2
+                }),
+                slotLeaf('aside')
+            ], 3, 16),
+            slotLeaf('tables')
+        ], 16),
+        overrides: [
+            {
+                width: WidthSizeClass.Compact,
+                root: column([
+                    slotLeaf('header'),
+                    slotLeaf('kpis'),
+                    slotLeaf('charts'),
+                    slotLeaf('tables'),
+                    slotLeaf('aside')
+                ], 16)
+            }
+        ]
+    },
+    content: {
+        header: [
+            component('dashboard-header', 'pageHeader', {
+                title: 'Sales overview',
+                subtitle: 'This quarter compared to last'
+            })
+        ],
+        kpis: [
+            component('kpi-pipeline', 'statCard', {
+                label: 'Open pipeline',
+                value: fromQuery('Kpis', '0.value'),
+                change: fromQuery('Kpis', '0.change'),
+                format: 'currency',
+                currency: 'USD',
+                comparison: 'last quarter'
+            }),
+            component('kpi-won', 'statCard', {
+                label: 'Deals won',
+                value: fromQuery('Kpis', '1.value'),
+                change: fromQuery('Kpis', '1.change'),
+                comparison: 'last quarter'
+            }),
+            component('kpi-response', 'statCard', {
+                label: 'Response time (hours)',
+                value: fromQuery('Kpis', '2.value'),
+                change: fromQuery('Kpis', '2.change'),
+                goodDirection: 'down',
+                comparison: 'last quarter'
+            })
+        ],
+        charts: [
+            component('chart-revenue', 'chartWrapper', {
+                title: 'Revenue by quarter',
+                kind: 'line',
+                categories: fromQuery('RevenueChart', '0.categories'),
+                series: fromQuery('RevenueChart', '0.series')
+            }),
+            component('chart-stages', 'chartWrapper', {
+                title: 'Deals by stage',
+                kind: 'funnel',
+                categories: fromQuery('StageChart', '0.categories'),
+                series: fromQuery('StageChart', '0.series')
+            })
+        ],
+        tables: [
+            component('dashboard-deals', 'dataList', {
+                label: 'Closing soon',
+                rows: fromQuery('Deals'),
+                columns: fromQuery('DealColumns'),
+                titleField: 'name',
+                pageSize: 5
+            })
+        ],
+        aside: [
+            component('dashboard-activity', 'activityFeed', {
+                label: 'Recent activity',
+                entries: fromQuery('Activity')
+            })
+        ]
+    },
+    displayName: 'Dashboard',
+    description: 'Key figures, charts and tables, each region with its own loading, empty and error states.',
+    metadata: {
+        ...foundationTemplateProvenance,
+        type: 'Dashboard',
+        category: 'Foundation / Dashboard',
+        thumbnail: thumbnailOf('DashboardScreen')
+    }
+};
+
+export { dashboardScreenTemplate };
+//# sourceMappingURL=dashboardScreenTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dashboardScreenTemplate.js","sources":["../../../../foundation/templates/dashboardScreenTemplate.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 dashboard: key figures across the top, charts and tables below, an aside for what needs attention. Every region is its own component with its\n * own five states, so one failed query shows the other regions - the page never fails as a whole.\n */\nexport const dashboardScreenTemplate: ScreenTemplate = {\n    name: 'DashboardScreen',\n    fitsSlot: 'content',\n    slots: [{ name: 'header' }, { name: 'kpis' }, { name: 'charts' }, { name: 'tables' }, { name: 'aside' }],\n    arrangement: {\n        root: column([slotLeaf('header'), slotLeaf('kpis'), grid([slotLeaf('charts', { span: 2 }), slotLeaf('aside')], 3, 16), slotLeaf('tables')], 16),\n        overrides: [{ width: WidthSizeClass.Compact, root: column([slotLeaf('header'), slotLeaf('kpis'), slotLeaf('charts'), slotLeaf('tables'), slotLeaf('aside')], 16) }],\n    },\n    content: {\n        header: [component('dashboard-header', 'pageHeader', { title: 'Sales overview', subtitle: 'This quarter compared to last' })],\n        kpis: [\n            component('kpi-pipeline', 'statCard', { label: 'Open pipeline', value: fromQuery('Kpis', '0.value'), change: fromQuery('Kpis', '0.change'), format: 'currency', currency: 'USD', comparison: 'last quarter' }),\n            component('kpi-won', 'statCard', { label: 'Deals won', value: fromQuery('Kpis', '1.value'), change: fromQuery('Kpis', '1.change'), comparison: 'last quarter' }),\n            component('kpi-response', 'statCard', { label: 'Response time (hours)', value: fromQuery('Kpis', '2.value'), change: fromQuery('Kpis', '2.change'), goodDirection: 'down', comparison: 'last quarter' }),\n        ],\n        charts: [\n            component('chart-revenue', 'chartWrapper', { title: 'Revenue by quarter', kind: 'line', categories: fromQuery('RevenueChart', '0.categories'), series: fromQuery('RevenueChart', '0.series') }),\n            component('chart-stages', 'chartWrapper', { title: 'Deals by stage', kind: 'funnel', categories: fromQuery('StageChart', '0.categories'), series: fromQuery('StageChart', '0.series') }),\n        ],\n        tables: [component('dashboard-deals', 'dataList', { label: 'Closing soon', rows: fromQuery('Deals'), columns: fromQuery('DealColumns'), titleField: 'name', pageSize: 5 })],\n        aside: [component('dashboard-activity', 'activityFeed', { label: 'Recent activity', entries: fromQuery('Activity') })],\n    },\n    displayName: 'Dashboard',\n    description: 'Key figures, charts and tables, each region with its own loading, empty and error states.',\n    metadata: { ...foundationTemplateProvenance, type: 'Dashboard', category: 'Foundation / Dashboard', thumbnail: thumbnailOf('DashboardScreen') },\n};\n"],"names":["dashboardScreenTemplate","name","fitsSlot","slots","arrangement","root","column","slotLeaf","grid","span","overrides","width","WidthSizeClass","Compact","content","header","component","title","subtitle","kpis","label","value","fromQuery","change","format","currency","comparison","goodDirection","charts","kind","categories","series","tables","rows","columns","titleField","pageSize","aside","entries","displayName","description","metadata","foundationTemplateProvenance","type","category","thumbnail","thumbnailOf"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,69 @@
+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 form: titled sections of fields in a one-to-three column grid, validated, with Save, Save and new and Cancel. One template serves create, edit, read-only
+ * and settings (a save for each section) by its mode, and warns before unsaved changes are lost.
+ */ const formScreenTemplate = {
+    name: 'FormScreen',
+    fitsSlot: 'content',
+    slots: [
+        {
+            name: 'header'
+        },
+        {
+            name: 'body'
+        },
+        {
+            name: 'actions'
+        }
+    ],
+    arrangement: {
+        root: column([
+            slotLeaf('header'),
+            slotLeaf('body'),
+            slotLeaf('actions')
+        ], 16),
+        overrides: [
+            {
+                width: WidthSizeClass.Compact,
+                root: column([
+                    slotLeaf('header'),
+                    slotLeaf('body'),
+                    slotLeaf('actions')
+                ], 16)
+            }
+        ]
+    },
+    content: {
+        header: [
+            component('form-header', 'pageHeader', {
+                title: 'New account',
+                subtitle: 'Fields marked * are required'
+            })
+        ],
+        body: [
+            component('form-body', 'formScreenBody', {
+                mode: 'create',
+                sections: fromQuery('RecordSections'),
+                values: fromQuery('RecordValues', '0'),
+                errors: fromQuery('FormErrors', '0')
+            })
+        ],
+        actions: []
+    },
+    displayName: 'Form',
+    description: 'Sections of validated fields with Save, Save and new, Cancel and an unsaved-changes guard.',
+    metadata: {
+        ...foundationTemplateProvenance,
+        type: 'Form',
+        category: 'Foundation / Form',
+        thumbnail: thumbnailOf('FormScreen')
+    }
+};
+
+export { formScreenTemplate };
+//# sourceMappingURL=formScreenTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formScreenTemplate.js","sources":["../../../../foundation/templates/formScreenTemplate.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 form: titled sections of fields in a one-to-three column grid, validated, with Save, Save and new and Cancel. One template serves create, edit, read-only\n * and settings (a save for each section) by its mode, and warns before unsaved changes are lost.\n */\nexport const formScreenTemplate: ScreenTemplate = {\n    name: 'FormScreen',\n    fitsSlot: 'content',\n    slots: [{ name: 'header' }, { name: 'body' }, { name: 'actions' }],\n    arrangement: {\n        root: column([slotLeaf('header'), slotLeaf('body'), slotLeaf('actions')], 16),\n        overrides: [{ width: WidthSizeClass.Compact, root: column([slotLeaf('header'), slotLeaf('body'), slotLeaf('actions')], 16) }],\n    },\n    content: {\n        header: [component('form-header', 'pageHeader', { title: 'New account', subtitle: 'Fields marked * are required' })],\n        body: [component('form-body', 'formScreenBody', { mode: 'create', sections: fromQuery('RecordSections'), values: fromQuery('RecordValues', '0'), errors: fromQuery('FormErrors', '0') })],\n        actions: [],\n    },\n    displayName: 'Form',\n    description: 'Sections of validated fields with Save, Save and new, Cancel and an unsaved-changes guard.',\n    metadata: { ...foundationTemplateProvenance, type: 'Form', category: 'Foundation / Form', thumbnail: thumbnailOf('FormScreen') },\n};\n"],"names":["formScreenTemplate","name","fitsSlot","slots","arrangement","root","column","slotLeaf","overrides","width","WidthSizeClass","Compact","content","header","component","title","subtitle","body","mode","sections","fromQuery","values","errors","actions","displayName","description","metadata","foundationTemplateProvenance","type","category","thumbnail","thumbnailOf"],"mappings":";;;;AAAA;AACA;AAMA;;;UAIaA,kBAAAA,GAAqC;IAC9CC,IAAAA,EAAM,YAAA;IACNC,QAAAA,EAAU,SAAA;IACVC,KAAAA,EAAO;AAAC,QAAA;YAAEF,IAAAA,EAAM;AAAS,SAAA;AAAG,QAAA;YAAEA,IAAAA,EAAM;AAAO,SAAA;AAAG,QAAA;YAAEA,IAAAA,EAAM;AAAU;AAAE,KAAA;IAClEG,WAAAA,EAAa;AACTC,QAAAA,IAAAA,EAAMC,MAAAA,CAAO;YAACC,QAAAA,CAAS,QAAA,CAAA;YAAWA,QAAAA,CAAS,MAAA,CAAA;YAASA,QAAAA,CAAS,SAAA;SAAW,EAAE,EAAA,CAAA;QAC1EC,SAAAA,EAAW;AAAC,YAAA;AAAEC,gBAAAA,KAAAA,EAAOC,eAAeC,OAAO;AAAEN,gBAAAA,IAAAA,EAAMC,MAAAA,CAAO;oBAACC,QAAAA,CAAS,QAAA,CAAA;oBAAWA,QAAAA,CAAS,MAAA,CAAA;oBAASA,QAAAA,CAAS,SAAA;iBAAW,EAAE,EAAA;AAAI;AAAE;AACjI,KAAA;IACAK,OAAAA,EAAS;QACLC,MAAAA,EAAQ;AAACC,YAAAA,SAAAA,CAAU,eAAe,YAAA,EAAc;gBAAEC,KAAAA,EAAO,aAAA;gBAAeC,QAAAA,EAAU;AAA+B,aAAA;AAAG,SAAA;QACpHC,IAAAA,EAAM;AAACH,YAAAA,SAAAA,CAAU,aAAa,gBAAA,EAAkB;gBAAEI,IAAAA,EAAM,QAAA;AAAUC,gBAAAA,QAAAA,EAAUC,SAAAA,CAAU,gBAAA,CAAA;AAAmBC,gBAAAA,MAAAA,EAAQD,UAAU,cAAA,EAAgB,GAAA,CAAA;AAAME,gBAAAA,MAAAA,EAAQF,UAAU,YAAA,EAAc,GAAA;AAAK,aAAA;AAAG,SAAA;AACzLG,QAAAA,OAAAA,EAAS;AACb,KAAA;IACAC,WAAAA,EAAa,MAAA;IACbC,WAAAA,EAAa,4FAAA;IACbC,QAAAA,EAAU;AAAE,QAAA,GAAGC,4BAA4B;QAAEC,IAAAA,EAAM,MAAA;QAAQC,QAAAA,EAAU,mBAAA;AAAqBC,QAAAA,SAAAA,EAAWC,WAAAA,CAAY,YAAA;AAAc;AACnI;;"}