@cratis/scene.blueprint.default 4.31.0 → 4.32.0

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

@@ -0,0 +1,18 @@
+import { RegisteredComponentProps } from '@cratis/scene.react';
+import { NumberFormat } from './formatting';
+import { readFoundationStrings } from './foundationStrings';
+export type TrendDirection = 'up' | 'down' | 'flat';
+export type TrendOutcome = 'good' | 'bad' | 'neutral';
+export declare function trendDirection(change: number): TrendDirection;
+export declare function trendOutcome(direction: TrendDirection, goodDirection: 'up' | 'down'): TrendOutcome;
+export interface TrendChipViewProps {
+    change: number;
+    locale: string;
+    goodDirection?: 'up' | 'down';
+    comparison?: string;
+    format?: NumberFormat;
+    strings: ReturnType<typeof readFoundationStrings>;
+}
+export declare function TrendChipView({ change, locale, goodDirection, comparison, format, strings }: TrendChipViewProps): import("react").JSX.Element;
+export declare function TrendChip({ element }: RegisteredComponentProps): import("react").JSX.Element | undefined;
+//# sourceMappingURL=TrendChip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrendChip.d.ts","sourceRoot":"","sources":["../../../foundation/TrendChip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,EAAgB,YAAY,EAAc,MAAM,cAAc,CAAC;AACtE,OAAO,EAAc,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAIxE,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAGpD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;AAGtD,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,cAAc,CAE7D;AAGD,wBAAgB,YAAY,CAAC,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,IAAI,GAAG,MAAM,GAAG,YAAY,CAElG;AAMD,MAAM,WAAW,kBAAkB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;CACrD;AAQD,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,aAAoB,EAAE,UAAU,EAAE,MAA6B,EAAE,OAAO,EAAE,EAAE,kBAAkB,+BAc7I;AAQD,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,2CAW9D"}

package/dist/esm/foundation/TrendChip.js

@@ -0,0 +1,88 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { FoundationIcon } from './FoundationIcon.js';
+import { NumberFormat, readLocale, formatNumber } from './formatting.js';
+import { readFoundationStrings, formatText } from './foundationStrings.js';
+import { readOptionalString } from '../shell/elementProperties.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** The direction a change moved in. */ function trendDirection(change) {
+    return change > 0 ? 'up' : change < 0 ? 'down' : 'flat';
+}
+/** Whether a movement is good for a measure, given which direction is the good one. */ function trendOutcome(direction, goodDirection) {
+    return direction === 'flat' ? 'neutral' : direction === goodDirection ? 'good' : 'bad';
+}
+/** The tone each outcome is drawn in. */ const tones = {
+    good: 'success',
+    bad: 'danger',
+    neutral: 'neutral'
+};
+/**
+ * A change, drawn as an arrow, the change and what it is compared to.
+ *
+ * Color says whether the movement is good, but never alone: the arrow gives direction and a visually hidden sentence
+ * says all of it ("up 12.5% compared to last month"), so the chip reads the same without color.
+ */ function TrendChipView({ change, locale, goodDirection = 'up', comparison, format = NumberFormat.Percent, strings }) {
+    const direction = trendDirection(change);
+    const outcome = trendOutcome(direction, goodDirection);
+    const magnitude = formatNumber(Math.abs(change), locale, format);
+    const spoken = direction === 'flat' ? strings.trendFlat : formatText(direction === 'up' ? strings.trendUp : strings.trendDown, {
+        value: magnitude
+    });
+    return /*#__PURE__*/ jsxs("span", {
+        className: "foundation-chip foundation-trend",
+        "data-tone": tones[outcome],
+        "data-direction": direction,
+        children: [
+            /*#__PURE__*/ jsx(FoundationIcon, {
+                name: direction === 'up' ? 'arrow-up' : direction === 'down' ? 'arrow-down' : 'minus'
+            }),
+            /*#__PURE__*/ jsx("span", {
+                "aria-hidden": "true",
+                children: direction === 'flat' ? magnitude : magnitude
+            }),
+            /*#__PURE__*/ jsxs("span", {
+                className: "foundation-visually-hidden",
+                children: [
+                    spoken,
+                    comparison ? ` ${formatText(strings.trendComparison, {
+                        period: comparison
+                    })}` : ''
+                ]
+            }),
+            comparison && /*#__PURE__*/ jsx("span", {
+                className: "foundation-trend-comparison",
+                "aria-hidden": "true",
+                children: formatText(strings.trendComparison, {
+                    period: comparison
+                })
+            })
+        ]
+    });
+}
+/**
+ * The `trendChip` component: a change with its direction, whether that is good, and what it is compared to.
+ *
+ * `change` is the movement as a number (a percentage by default), `goodDirection` says which way is good, and `comparison` names
+ * the period. Without a number the chip is empty, and then it draws nothing rather than an invented zero.
+ */ function TrendChip({ element }) {
+    const change = element.properties.change;
+    if (typeof change !== 'number') return undefined;
+    return /*#__PURE__*/ jsx("span", {
+        className: "foundation foundation-trend-chip",
+        "data-scene-id": element.id,
+        children: /*#__PURE__*/ jsx(TrendChipView, {
+            change: change,
+            locale: readLocale(element),
+            goodDirection: element.properties.goodDirection === 'down' ? 'down' : 'up',
+            comparison: readOptionalString(element, 'comparison'),
+            strings: readFoundationStrings(element),
+            ...typeof element.properties.format === 'string' && Object.values(NumberFormat).includes(element.properties.format) ? {
+                format: element.properties.format
+            } : {}
+        })
+    });
+}
+
+export { TrendChip, TrendChipView, trendDirection, trendOutcome };
+//# sourceMappingURL=TrendChip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrendChip.js","sources":["../../../foundation/TrendChip.tsx"],"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 { RegisteredComponentProps } from '@cratis/scene.react';\nimport { FoundationIcon } from './FoundationIcon';\nimport { formatNumber, NumberFormat, readLocale } from './formatting';\nimport { formatText, readFoundationStrings } from './foundationStrings';\nimport { readOptionalString } from '../shell/elementProperties';\n\n/** The direction a measure moved. */\nexport type TrendDirection = 'up' | 'down' | 'flat';\n\n/** Whether a movement is good, bad or neither, which is independent of whether the number rose: falling response time is good. */\nexport type TrendOutcome = 'good' | 'bad' | 'neutral';\n\n/** The direction a change moved in. */\nexport function trendDirection(change: number): TrendDirection {\n    return change > 0 ? 'up' : change < 0 ? 'down' : 'flat';\n}\n\n/** Whether a movement is good for a measure, given which direction is the good one. */\nexport function trendOutcome(direction: TrendDirection, goodDirection: 'up' | 'down'): TrendOutcome {\n    return direction === 'flat' ? 'neutral' : direction === goodDirection ? 'good' : 'bad';\n}\n\n/** The tone each outcome is drawn in. */\nconst tones: Record<TrendOutcome, string> = { good: 'success', bad: 'danger', neutral: 'neutral' };\n\n/** The props of a trend chip drawn directly, as the stat card does. */\nexport interface TrendChipViewProps {\n    change: number;\n    locale: string;\n    goodDirection?: 'up' | 'down';\n    comparison?: string;\n    format?: NumberFormat;\n    strings: ReturnType<typeof readFoundationStrings>;\n}\n\n/**\n * A change, drawn as an arrow, the change and what it is compared to.\n *\n * Color says whether the movement is good, but never alone: the arrow gives direction and a visually hidden sentence\n * says all of it (\"up 12.5% compared to last month\"), so the chip reads the same without color.\n */\nexport function TrendChipView({ change, locale, goodDirection = 'up', comparison, format = NumberFormat.Percent, strings }: TrendChipViewProps) {\n    const direction = trendDirection(change);\n    const outcome = trendOutcome(direction, goodDirection);\n    const magnitude = formatNumber(Math.abs(change), locale, format);\n    const spoken = direction === 'flat' ? strings.trendFlat : formatText(direction === 'up' ? strings.trendUp : strings.trendDown, { value: magnitude });\n\n    return (\n        <span className='foundation-chip foundation-trend' data-tone={tones[outcome]} data-direction={direction}>\n            <FoundationIcon name={direction === 'up' ? 'arrow-up' : direction === 'down' ? 'arrow-down' : 'minus'} />\n            <span aria-hidden='true'>{direction === 'flat' ? magnitude : magnitude}</span>\n            <span className='foundation-visually-hidden'>{spoken}{comparison ? ` ${formatText(strings.trendComparison, { period: comparison })}` : ''}</span>\n            {comparison && <span className='foundation-trend-comparison' aria-hidden='true'>{formatText(strings.trendComparison, { period: comparison })}</span>}\n        </span>\n    );\n}\n\n/**\n * The `trendChip` component: a change with its direction, whether that is good, and what it is compared to.\n *\n * `change` is the movement as a number (a percentage by default), `goodDirection` says which way is good, and `comparison` names\n * the period. Without a number the chip is empty, and then it draws nothing rather than an invented zero.\n */\nexport function TrendChip({ element }: RegisteredComponentProps) {\n    const change = element.properties.change;\n    if (typeof change !== 'number') return undefined;\n\n    return (\n        <span className='foundation foundation-trend-chip' data-scene-id={element.id}>\n            <TrendChipView change={change} locale={readLocale(element)} goodDirection={element.properties.goodDirection === 'down' ? 'down' : 'up'}\n                comparison={readOptionalString(element, 'comparison')} strings={readFoundationStrings(element)}\n                {...(typeof element.properties.format === 'string' && (Object.values(NumberFormat) as string[]).includes(element.properties.format) ? { format: element.properties.format as NumberFormat } : {})} />\n        </span>\n    );\n}\n"],"names":["trendDirection","change","trendOutcome","direction","goodDirection","tones","good","bad","neutral","TrendChipView","locale","comparison","format","NumberFormat","Percent","strings","outcome","magnitude","formatNumber","Math","abs","spoken","trendFlat","formatText","trendUp","trendDown","value","_jsxs","span","className","data-tone","data-direction","_jsx","FoundationIcon","name","aria-hidden","trendComparison","period","TrendChip","element","properties","undefined","data-scene-id","id","readLocale","readOptionalString","readFoundationStrings","Object","values","includes"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+import { ExternalComponent } from '@cratis/scene.model';
+export declare enum NumberFormat {
+    Number = "number",
+    Currency = "currency",
+    Percent = "percent",
+    Compact = "compact"
+}
+export declare function readLocale(element: ExternalComponent): string;
+export declare function isRightToLeft(locale: string): boolean;
+export declare function formatNumber(value: number, locale: string, format?: NumberFormat, currency?: string, maximumFractionDigits?: number): string;
+export declare function readNumberFormat(element: ExternalComponent, property?: string): NumberFormat;
+export declare function formatDate(value: unknown, locale: string, withTime?: boolean): string;
+//# sourceMappingURL=formatting.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formatting.d.ts","sourceRoot":"","sources":["../../../foundation/formatting.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,oBAAY,YAAY;IACpB,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;CACtB;AAMD,wBAAgB,UAAU,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAK7D;AAGD,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAQrD;AAGD,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAE,YAAkC,EAAE,QAAQ,SAAQ,EAAE,qBAAqB,CAAC,EAAE,MAAM,GAAG,MAAM,CAehK;AAGD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,EAAE,QAAQ,SAAW,GAAG,YAAY,CAG9F;AAGD,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,UAAQ,GAAG,MAAM,CAQnF"}

package/dist/esm/foundation/formatting.js

@@ -0,0 +1,78 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** How a number is presented. */ var NumberFormat = /*#__PURE__*/ function(NumberFormat) {
+    NumberFormat["Number"] = "number";
+    NumberFormat["Currency"] = "currency";
+    NumberFormat["Percent"] = "percent";
+    NumberFormat["Compact"] = "compact";
+    return NumberFormat;
+}({});
+/**
+ * The locale a component formats dates, numbers and currency in: the element's `locale`, else the document language, else the
+ * runtime's. Formatting never goes through a fixed locale, so the same screen reads correctly in every one.
+ */ function readLocale(element) {
+    const supplied = element.properties.locale;
+    if (typeof supplied === 'string' && supplied.length > 0) return supplied;
+    if (typeof document !== 'undefined' && document.documentElement.lang) return document.documentElement.lang;
+    return typeof navigator !== 'undefined' && navigator.language ? navigator.language : 'en';
+}
+/** Whether the locale reads right to left, so a component can mirror what direction-sensitive CSS cannot. */ function isRightToLeft(locale) {
+    try {
+        const info = new Intl.Locale(locale);
+        const direction = info.getTextInfo?.().direction ?? info.textInfo?.direction;
+        return direction === 'rtl';
+    } catch  {
+        return false;
+    }
+}
+/** Formats a number for a locale, as a plain number, currency, percent (the value is the percentage, 12.5 is 12.5%) or compact. */ function formatNumber(value, locale, format = "number", currency = 'USD', maximumFractionDigits) {
+    try {
+        switch(format){
+            case "currency":
+                return new Intl.NumberFormat(locale, {
+                    style: 'currency',
+                    currency,
+                    ...maximumFractionDigits === undefined ? {} : {
+                        maximumFractionDigits
+                    }
+                }).format(value);
+            case "percent":
+                return new Intl.NumberFormat(locale, {
+                    style: 'percent',
+                    maximumFractionDigits: maximumFractionDigits ?? 1
+                }).format(value / 100);
+            case "compact":
+                return new Intl.NumberFormat(locale, {
+                    notation: 'compact',
+                    maximumFractionDigits: maximumFractionDigits ?? 1
+                }).format(value);
+            default:
+                return new Intl.NumberFormat(locale, {
+                    maximumFractionDigits: maximumFractionDigits ?? 2
+                }).format(value);
+        }
+    } catch  {
+        return String(value);
+    }
+}
+/** Reads a number format name, defaulting to a plain number. */ function readNumberFormat(element, property = 'format') {
+    const value = element.properties[property];
+    return Object.values(NumberFormat).includes(value) ? value : "number";
+}
+/** Formats a date or an ISO 8601 date-time for a locale; a value that is not a date is returned as it was written. */ function formatDate(value, locale, withTime = false) {
+    const date = value instanceof Date ? value : typeof value === 'string' || typeof value === 'number' ? new Date(value) : undefined;
+    if (!date || Number.isNaN(date.getTime())) return typeof value === 'string' ? value : '';
+    try {
+        return new Intl.DateTimeFormat(locale, withTime ? {
+            dateStyle: 'medium',
+            timeStyle: 'short'
+        } : {
+            dateStyle: 'medium'
+        }).format(date);
+    } catch  {
+        return date.toISOString();
+    }
+}
+
+export { NumberFormat, formatDate, formatNumber, isRightToLeft, readLocale, readNumberFormat };
+//# sourceMappingURL=formatting.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formatting.js","sources":["../../../foundation/formatting.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 } from '@cratis/scene.model';\n\n/** How a number is presented. */\nexport enum NumberFormat {\n    Number = 'number',\n    Currency = 'currency',\n    Percent = 'percent',\n    Compact = 'compact',\n}\n\n/**\n * The locale a component formats dates, numbers and currency in: the element's `locale`, else the document language, else the\n * runtime's. Formatting never goes through a fixed locale, so the same screen reads correctly in every one.\n */\nexport function readLocale(element: ExternalComponent): string {\n    const supplied = element.properties.locale;\n    if (typeof supplied === 'string' && supplied.length > 0) return supplied;\n    if (typeof document !== 'undefined' && document.documentElement.lang) return document.documentElement.lang;\n    return typeof navigator !== 'undefined' && navigator.language ? navigator.language : 'en';\n}\n\n/** Whether the locale reads right to left, so a component can mirror what direction-sensitive CSS cannot. */\nexport function isRightToLeft(locale: string): boolean {\n    try {\n        const info = new Intl.Locale(locale) as Intl.Locale & { getTextInfo?: () => { direction: string }; textInfo?: { direction: string } };\n        const direction = info.getTextInfo?.().direction ?? info.textInfo?.direction;\n        return direction === 'rtl';\n    } catch {\n        return false;\n    }\n}\n\n/** Formats a number for a locale, as a plain number, currency, percent (the value is the percentage, 12.5 is 12.5%) or compact. */\nexport function formatNumber(value: number, locale: string, format: NumberFormat = NumberFormat.Number, currency = 'USD', maximumFractionDigits?: number): string {\n    try {\n        switch (format) {\n            case NumberFormat.Currency:\n                return new Intl.NumberFormat(locale, { style: 'currency', currency, ...(maximumFractionDigits === undefined ? {} : { maximumFractionDigits }) }).format(value);\n            case NumberFormat.Percent:\n                return new Intl.NumberFormat(locale, { style: 'percent', maximumFractionDigits: maximumFractionDigits ?? 1 }).format(value / 100);\n            case NumberFormat.Compact:\n                return new Intl.NumberFormat(locale, { notation: 'compact', maximumFractionDigits: maximumFractionDigits ?? 1 }).format(value);\n            default:\n                return new Intl.NumberFormat(locale, { maximumFractionDigits: maximumFractionDigits ?? 2 }).format(value);\n        }\n    } catch {\n        return String(value);\n    }\n}\n\n/** Reads a number format name, defaulting to a plain number. */\nexport function readNumberFormat(element: ExternalComponent, property = 'format'): NumberFormat {\n    const value = element.properties[property];\n    return (Object.values(NumberFormat) as string[]).includes(value as string) ? (value as NumberFormat) : NumberFormat.Number;\n}\n\n/** Formats a date or an ISO 8601 date-time for a locale; a value that is not a date is returned as it was written. */\nexport function formatDate(value: unknown, locale: string, withTime = false): string {\n    const date = value instanceof Date ? value : typeof value === 'string' || typeof value === 'number' ? new Date(value) : undefined;\n    if (!date || Number.isNaN(date.getTime())) return typeof value === 'string' ? value : '';\n    try {\n        return new Intl.DateTimeFormat(locale, withTime ? { dateStyle: 'medium', timeStyle: 'short' } : { dateStyle: 'medium' }).format(date);\n    } catch {\n        return date.toISOString();\n    }\n}\n"],"names":["NumberFormat","readLocale","element","supplied","properties","locale","length","document","documentElement","lang","navigator","language","isRightToLeft","info","Intl","Locale","direction","getTextInfo","textInfo","formatNumber","value","format","currency","maximumFractionDigits","style","undefined","notation","String","readNumberFormat","property","Object","values","includes","formatDate","withTime","date","Date","Number","isNaN","getTime","DateTimeFormat","dateStyle","timeStyle","toISOString"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+import { ComponentMetadata } from '@cratis/scene.react';
+export declare const foundationComponentMetadata: Record<string, ComponentMetadata>;
+//# sourceMappingURL=foundationComponentMetadata.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundationComponentMetadata.d.ts","sourceRoot":"","sources":["../../../foundation/foundationComponentMetadata.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAC;AAOhF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAKzE,CAAC"}

package/dist/esm/foundation/foundationComponentMetadata.js

@@ -0,0 +1,39 @@
+import { ComponentCategory } from '@cratis/scene.model';
+import { componentMetadata } from '@cratis/scene.react';
+import { ComponentName } from '../ComponentName.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The category, icon, keywords and picker badge of every foundation component (CMP1), keyed by bare component name.
+ * The names are those of `ComponentName`; the metadata of the rest of the package lives in `defaultBlueprintComponentMetadata`.
+ */ const foundationComponentMetadata = {
+    [ComponentName.EmptyState]: componentMetadata('Empty state', ComponentCategory.Feedback, 'inbox', [
+        'no data',
+        'nothing',
+        'blank slate',
+        'zero state'
+    ]),
+    [ComponentName.StatCard]: componentMetadata('Stat card', ComponentCategory.DataDisplay, 'gauge', [
+        'kpi',
+        'metric',
+        'figure',
+        'number',
+        'dashboard'
+    ]),
+    [ComponentName.TrendChip]: componentMetadata('Trend chip', ComponentCategory.DataDisplay, 'trending-up', [
+        'delta',
+        'change',
+        'arrow',
+        'comparison'
+    ]),
+    [ComponentName.StatusChip]: componentMetadata('Status chip', ComponentCategory.DataDisplay, 'badge-check', [
+        'badge',
+        'state',
+        'tag',
+        'label'
+    ])
+};
+
+export { foundationComponentMetadata };
+//# sourceMappingURL=foundationComponentMetadata.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundationComponentMetadata.js","sources":["../../../foundation/foundationComponentMetadata.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 { ComponentCategory } from '@cratis/scene.model';\nimport { ComponentMetadata, componentMetadata as m } from '@cratis/scene.react';\nimport { ComponentName } from '../ComponentName';\n\n/**\n * The category, icon, keywords and picker badge of every foundation component (CMP1), keyed by bare component name.\n * The names are those of `ComponentName`; the metadata of the rest of the package lives in `defaultBlueprintComponentMetadata`.\n */\nexport const foundationComponentMetadata: Record<string, ComponentMetadata> = {\n    [ComponentName.EmptyState]: m('Empty state', ComponentCategory.Feedback, 'inbox', ['no data', 'nothing', 'blank slate', 'zero state']),\n    [ComponentName.StatCard]: m('Stat card', ComponentCategory.DataDisplay, 'gauge', ['kpi', 'metric', 'figure', 'number', 'dashboard']),\n    [ComponentName.TrendChip]: m('Trend chip', ComponentCategory.DataDisplay, 'trending-up', ['delta', 'change', 'arrow', 'comparison']),\n    [ComponentName.StatusChip]: m('Status chip', ComponentCategory.DataDisplay, 'badge-check', ['badge', 'state', 'tag', 'label']),\n};\n"],"names":["foundationComponentMetadata","ComponentName","EmptyState","m","ComponentCategory","Feedback","StatCard","DataDisplay","TrendChip","StatusChip"],"mappings":";;;;AAAA;AACA;AAMA;;;UAIaA,2BAAAA,GAAiE;IAC1E,CAACC,aAAAA,CAAcC,UAAU,GAAGC,kBAAE,aAAA,EAAeC,iBAAAA,CAAkBC,QAAQ,EAAE,OAAA,EAAS;AAAC,QAAA,SAAA;AAAW,QAAA,SAAA;AAAW,QAAA,aAAA;AAAe,QAAA;AAAa,KAAA,CAAA;IACrI,CAACJ,aAAAA,CAAcK,QAAQ,GAAGH,kBAAE,WAAA,EAAaC,iBAAAA,CAAkBG,WAAW,EAAE,OAAA,EAAS;AAAC,QAAA,KAAA;AAAO,QAAA,QAAA;AAAU,QAAA,QAAA;AAAU,QAAA,QAAA;AAAU,QAAA;AAAY,KAAA,CAAA;IACnI,CAACN,aAAAA,CAAcO,SAAS,GAAGL,kBAAE,YAAA,EAAcC,iBAAAA,CAAkBG,WAAW,EAAE,aAAA,EAAe;AAAC,QAAA,OAAA;AAAS,QAAA,QAAA;AAAU,QAAA,OAAA;AAAS,QAAA;AAAa,KAAA,CAAA;IACnI,CAACN,aAAAA,CAAcQ,UAAU,GAAGN,kBAAE,aAAA,EAAeC,iBAAAA,CAAkBG,WAAW,EAAE,aAAA,EAAe;AAAC,QAAA,OAAA;AAAS,QAAA,OAAA;AAAS,QAAA,KAAA;AAAO,QAAA;AAAQ,KAAA;AACjI;;"}

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

@@ -0,0 +1,6 @@
+import { BindingSourceKind, ComponentDescriptor, PropertyDescriptor } from '@cratis/scene.model';
+export declare const bindable: BindingSourceKind[];
+export declare const list: (path: string, label: string, group: string, itemLabel: string, properties: PropertyDescriptor[], description?: string) => PropertyDescriptor;
+export declare const standardStateProperties: PropertyDescriptor[];
+export declare const foundationDescriptors: ComponentDescriptor[];
+//# sourceMappingURL=foundationDescriptors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundationDescriptors.d.ts","sourceRoot":"","sources":["../../../foundation/foundationDescriptors.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,kBAAkB,EAAyC,MAAM,qBAAqB,CAAC;AAUxI,eAAO,MAAM,QAAQ,qBAAsG,CAAC;AAiB5H,eAAO,MAAM,IAAI,SAAU,MAAM,SAAS,MAAM,SAAS,MAAM,aAAa,MAAM,cAAc,kBAAkB,EAAE,gBAAgB,MAAM,KAAG,kBACoC,CAAC;AAMlL,eAAO,MAAM,uBAAuB,EAAE,kBAAkB,EAkBvD,CAAC;AAOF,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAuDtD,CAAC"}

package/dist/esm/foundation/foundationDescriptors.js

@@ -0,0 +1,227 @@
+import { BindingSourceKind, PropertyEditorKind, PropertyValueType } from '@cratis/scene.model';
+import { componentRegistryKey } from '@cratis/scene.react';
+import { ComponentName } from '../ComponentName.js';
+import { defaultBlueprintName } from '../packageName.js';
+import { ComponentState } from './ComponentState.js';
+import { NumberFormat } from './formatting.js';
+import { PermissionRule } from './PermissionRule.js';
+import { StatusTone } from './StatusChip.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** Data properties take what a screen binds them to: a query's result, a data context or another component's output. */ const bindable = [
+    BindingSourceKind.DataContext,
+    BindingSourceKind.QueryResult,
+    BindingSourceKind.ComponentProperty
+];
+const text = (path, label, group, description, extra = {})=>({
+        path,
+        label,
+        group,
+        valueType: PropertyValueType.String,
+        ...group === 'Data' ? {
+            acceptedBindingKinds: bindable
+        } : {},
+        ...description === undefined ? {} : {
+            description
+        },
+        ...extra
+    });
+const number = (path, label, group, description, extra = {})=>({
+        path,
+        label,
+        group,
+        valueType: PropertyValueType.Number,
+        editorKind: PropertyEditorKind.Number,
+        ...group === 'Data' ? {
+            acceptedBindingKinds: bindable
+        } : {},
+        ...description === undefined ? {} : {
+            description
+        },
+        ...extra
+    });
+const flag = (path, label, group, description, extra = {})=>({
+        path,
+        label,
+        group,
+        valueType: PropertyValueType.Boolean,
+        editorKind: PropertyEditorKind.Boolean,
+        ...description === undefined ? {} : {
+            description
+        },
+        ...extra
+    });
+const choice = (path, label, group, values, defaultValue, description)=>({
+        path,
+        label,
+        group,
+        valueType: PropertyValueType.Enum,
+        editorKind: PropertyEditorKind.Enum,
+        default: defaultValue,
+        choices: Object.entries(values).map(([value, name])=>({
+                value,
+                label: name
+            })),
+        ...description === undefined ? {} : {
+            description
+        }
+    });
+const list = (path, label, group, itemLabel, properties, description)=>({
+        path,
+        label,
+        group,
+        valueType: PropertyValueType.Collection,
+        default: [],
+        item: {
+            label: itemLabel,
+            properties
+        },
+        ...description === undefined ? {} : {
+            description
+        }
+    });
+const rule = (path, label, description)=>choice(path, label, 'Permissions', {
+        [PermissionRule.Enabled]: 'Enabled',
+        [PermissionRule.Disabled]: 'Disabled',
+        [PermissionRule.Hidden]: 'Hidden'
+    }, PermissionRule.Enabled, description);
+/** The properties every data-showing foundation component shares: the standard states (spec Part B 1.4) and the cross-cutting rules of 1.5. */ const standardStateProperties = [
+    choice('state', 'Preview state', 'State', {
+        [ComponentState.Ready]: 'Ready',
+        [ComponentState.Loading]: 'Loading',
+        [ComponentState.Empty]: 'Empty',
+        [ComponentState.Error]: 'Error',
+        [ComponentState.NoPermission]: 'No permission',
+        [ComponentState.Partial]: 'Partial'
+    }, ComponentState.Ready, 'Forces a state so each can be designed and previewed; empty means the state follows the bound data.'),
+    text('error', 'Error message', 'State', 'The message of the error state; setting it puts the component in that state.'),
+    flag('loading', 'Loading', 'State', 'Shows the skeleton while the data has not answered.'),
+    flag('forbidden', 'Not allowed', 'State', 'Shows the no-permission state, which explains what is missing and shows no data.'),
+    text('permissionSubject', 'What access is missing', 'State', 'Names what the user cannot see in the no-permission message.'),
+    {
+        path: 'failedRegions',
+        label: 'Failed regions',
+        group: 'State',
+        valueType: PropertyValueType.Json,
+        editorKind: PropertyEditorKind.StringList,
+        default: [],
+        description: 'The parts that failed to load; any entry puts the component in the partial state.'
+    },
+    text('emptyHeadline', 'Empty headline', 'State'),
+    text('emptyHint', 'Empty hint', 'State'),
+    text('emptyActionLabel', 'Empty action', 'State', 'The primary action offered when there is nothing to show.'),
+    rule('actionPermission', 'Empty action permission', 'Whether the empty state offers its action, refuses it with a reason, or does not render it.'),
+    text('label', 'Label', 'Accessibility', 'The accessible name of the region.'),
+    text('locale', 'Locale', 'Content', 'The locale dates, numbers and currency are formatted in; empty follows the document.'),
+    choice('density', 'Density', 'Appearance', {
+        comfortable: 'Comfortable',
+        compact: 'Compact'
+    }, 'comfortable'),
+    {
+        path: 'strings',
+        label: 'Text overrides',
+        group: 'Content',
+        valueType: PropertyValueType.Object,
+        editorKind: PropertyEditorKind.StringMap,
+        description: 'Replaces the text the component says itself, for localization.'
+    }
+];
+const key = (name)=>componentRegistryKey(defaultBlueprintName, name);
+const formats = {
+    [NumberFormat.Number]: 'Number',
+    [NumberFormat.Currency]: 'Currency',
+    [NumberFormat.Percent]: 'Percent',
+    [NumberFormat.Compact]: 'Compact'
+};
+/** What can be edited on the foundation components (Part B 4). Each declares the shape of its data, never values (SD1). */ const foundationDescriptors = [
+    {
+        component: key(ComponentName.EmptyState),
+        displayName: 'Empty state',
+        description: 'An icon, a headline, a hint and one primary action; embeddable in any region.',
+        properties: [
+            text('headline', 'Headline', 'Content', undefined, {
+                default: 'Nothing here yet'
+            }),
+            text('hint', 'Hint', 'Content'),
+            text('icon', 'Icon', 'Appearance'),
+            text('actionLabel', 'Primary action', 'Behavior', 'The label of the one action the state offers; its behaviors say what it does.'),
+            rule('actionPermission', 'Action permission', 'Whether the action works, refuses with a reason, or is not rendered.'),
+            text('locale', 'Locale', 'Content'),
+            {
+                path: 'strings',
+                label: 'Text overrides',
+                group: 'Content',
+                valueType: PropertyValueType.Object,
+                editorKind: PropertyEditorKind.StringMap
+            }
+        ]
+    },
+    {
+        component: key(ComponentName.StatCard),
+        displayName: 'Stat card',
+        description: 'One key figure with its label, trend and the period the trend is compared to.',
+        properties: [
+            text('label', 'Label', 'Content', 'What the figure measures.', {
+                constraints: {
+                    required: true
+                }
+            }),
+            number('value', 'Value', 'Data', 'The figure; bind it to a query result.'),
+            choice('format', 'Format', 'Appearance', formats, NumberFormat.Number),
+            text('currency', 'Currency', 'Appearance', 'The ISO 4217 code when the format is currency.'),
+            number('fractionDigits', 'Fraction digits', 'Appearance'),
+            number('change', 'Change', 'Data', 'How much the figure moved, as a percentage; bind it to a query result.'),
+            choice('goodDirection', 'Good direction', 'Appearance', {
+                up: 'Up is good',
+                down: 'Down is good'
+            }, 'up', 'Which movement is good: a falling response time is.'),
+            text('comparison', 'Compared to', 'Content', 'The period the change is compared to, for example "last month".'),
+            ...standardStateProperties.filter((property)=>property.path !== 'label')
+        ]
+    },
+    {
+        component: key(ComponentName.TrendChip),
+        displayName: 'Trend chip',
+        description: 'A change drawn as a direction, a magnitude and whether the movement is good.',
+        properties: [
+            number('change', 'Change', 'Data', 'The movement; bind it to a query result.'),
+            choice('format', 'Format', 'Appearance', formats, NumberFormat.Percent),
+            choice('goodDirection', 'Good direction', 'Appearance', {
+                up: 'Up is good',
+                down: 'Down is good'
+            }, 'up'),
+            text('comparison', 'Compared to', 'Content'),
+            text('locale', 'Locale', 'Content'),
+            {
+                path: 'strings',
+                label: 'Text overrides',
+                group: 'Content',
+                valueType: PropertyValueType.Object,
+                editorKind: PropertyEditorKind.StringMap
+            }
+        ]
+    },
+    {
+        component: key(ComponentName.StatusChip),
+        displayName: 'Status chip',
+        description: 'A status shown as a semantic color, an icon and its text; the text is always shown.',
+        properties: [
+            text('status', 'Status', 'Data', 'The status text; bind it to a query result.', {
+                constraints: {
+                    required: true
+                }
+            }),
+            choice('tone', 'Tone', 'Appearance', {
+                [StatusTone.Success]: 'Success',
+                [StatusTone.Warning]: 'Warning',
+                [StatusTone.Danger]: 'Danger',
+                [StatusTone.Info]: 'Info',
+                [StatusTone.Neutral]: 'Neutral'
+            }, StatusTone.Neutral, 'The tone picks the icon and the theme color.')
+        ]
+    }
+];
+
+export { bindable, foundationDescriptors, list, standardStateProperties };
+//# sourceMappingURL=foundationDescriptors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundationDescriptors.js","sources":["../../../foundation/foundationDescriptors.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 { BindingSourceKind, ComponentDescriptor, PropertyDescriptor, PropertyEditorKind, PropertyValueType } from '@cratis/scene.model';\nimport { componentRegistryKey } from '@cratis/scene.react';\nimport { ComponentName } from '../ComponentName';\nimport { defaultBlueprintName } from '../packageName';\nimport { ComponentState } from './ComponentState';\nimport { NumberFormat } from './formatting';\nimport { PermissionRule } from './PermissionRule';\nimport { StatusTone } from './StatusChip';\n\n/** Data properties take what a screen binds them to: a query's result, a data context or another component's output. */\nexport const bindable = [BindingSourceKind.DataContext, BindingSourceKind.QueryResult, BindingSourceKind.ComponentProperty];\n\nconst text = (path: string, label: string, group: string, description?: string, extra: Partial<PropertyDescriptor> = {}): PropertyDescriptor =>\n    ({ path, label, group, valueType: PropertyValueType.String, ...(group === 'Data' ? { acceptedBindingKinds: bindable } : {}), ...(description === undefined ? {} : { description }), ...extra });\n\nconst number = (path: string, label: string, group: string, description?: string, extra: Partial<PropertyDescriptor> = {}): PropertyDescriptor =>\n    ({ path, label, group, valueType: PropertyValueType.Number, editorKind: PropertyEditorKind.Number, ...(group === 'Data' ? { acceptedBindingKinds: bindable } : {}), ...(description === undefined ? {} : { description }), ...extra });\n\nconst flag = (path: string, label: string, group: string, description?: string, extra: Partial<PropertyDescriptor> = {}): PropertyDescriptor =>\n    ({ path, label, group, valueType: PropertyValueType.Boolean, editorKind: PropertyEditorKind.Boolean, ...(description === undefined ? {} : { description }), ...extra });\n\nconst choice = (path: string, label: string, group: string, values: Record<string, string>, defaultValue: string, description?: string): PropertyDescriptor =>\n    ({\n        path, label, group, valueType: PropertyValueType.Enum, editorKind: PropertyEditorKind.Enum, default: defaultValue,\n        choices: Object.entries(values).map(([value, name]) => ({ value, label: name })), ...(description === undefined ? {} : { description }),\n    });\n\nexport const list = (path: string, label: string, group: string, itemLabel: string, properties: PropertyDescriptor[], description?: string): PropertyDescriptor =>\n    ({ path, label, group, valueType: PropertyValueType.Collection, default: [], item: { label: itemLabel, properties }, ...(description === undefined ? {} : { description }) });\n\nconst rule = (path: string, label: string, description: string): PropertyDescriptor =>\n    choice(path, label, 'Permissions', { [PermissionRule.Enabled]: 'Enabled', [PermissionRule.Disabled]: 'Disabled', [PermissionRule.Hidden]: 'Hidden' }, PermissionRule.Enabled, description);\n\n/** The properties every data-showing foundation component shares: the standard states (spec Part B 1.4) and the cross-cutting rules of 1.5. */\nexport const standardStateProperties: PropertyDescriptor[] = [\n    choice('state', 'Preview state', 'State', {\n        [ComponentState.Ready]: 'Ready', [ComponentState.Loading]: 'Loading', [ComponentState.Empty]: 'Empty',\n        [ComponentState.Error]: 'Error', [ComponentState.NoPermission]: 'No permission', [ComponentState.Partial]: 'Partial',\n    }, ComponentState.Ready, 'Forces a state so each can be designed and previewed; empty means the state follows the bound data.'),\n    text('error', 'Error message', 'State', 'The message of the error state; setting it puts the component in that state.'),\n    flag('loading', 'Loading', 'State', 'Shows the skeleton while the data has not answered.'),\n    flag('forbidden', 'Not allowed', 'State', 'Shows the no-permission state, which explains what is missing and shows no data.'),\n    text('permissionSubject', 'What access is missing', 'State', 'Names what the user cannot see in the no-permission message.'),\n    { path: 'failedRegions', label: 'Failed regions', group: 'State', valueType: PropertyValueType.Json, editorKind: PropertyEditorKind.StringList, default: [], description: 'The parts that failed to load; any entry puts the component in the partial state.' },\n    text('emptyHeadline', 'Empty headline', 'State'),\n    text('emptyHint', 'Empty hint', 'State'),\n    text('emptyActionLabel', 'Empty action', 'State', 'The primary action offered when there is nothing to show.'),\n    rule('actionPermission', 'Empty action permission', 'Whether the empty state offers its action, refuses it with a reason, or does not render it.'),\n    text('label', 'Label', 'Accessibility', 'The accessible name of the region.'),\n    text('locale', 'Locale', 'Content', 'The locale dates, numbers and currency are formatted in; empty follows the document.'),\n    choice('density', 'Density', 'Appearance', { comfortable: 'Comfortable', compact: 'Compact' }, 'comfortable'),\n    { path: 'strings', label: 'Text overrides', group: 'Content', valueType: PropertyValueType.Object, editorKind: PropertyEditorKind.StringMap, description: 'Replaces the text the component says itself, for localization.' },\n];\n\nconst key = (name: ComponentName) => componentRegistryKey(defaultBlueprintName, name);\n\nconst formats = { [NumberFormat.Number]: 'Number', [NumberFormat.Currency]: 'Currency', [NumberFormat.Percent]: 'Percent', [NumberFormat.Compact]: 'Compact' };\n\n/** What can be edited on the foundation components (Part B 4). Each declares the shape of its data, never values (SD1). */\nexport const foundationDescriptors: ComponentDescriptor[] = [\n    {\n        component: key(ComponentName.EmptyState),\n        displayName: 'Empty state',\n        description: 'An icon, a headline, a hint and one primary action; embeddable in any region.',\n        properties: [\n            text('headline', 'Headline', 'Content', undefined, { default: 'Nothing here yet' }),\n            text('hint', 'Hint', 'Content'),\n            text('icon', 'Icon', 'Appearance'),\n            text('actionLabel', 'Primary action', 'Behavior', 'The label of the one action the state offers; its behaviors say what it does.'),\n            rule('actionPermission', 'Action permission', 'Whether the action works, refuses with a reason, or is not rendered.'),\n            text('locale', 'Locale', 'Content'),\n            { path: 'strings', label: 'Text overrides', group: 'Content', valueType: PropertyValueType.Object, editorKind: PropertyEditorKind.StringMap },\n        ],\n    },\n    {\n        component: key(ComponentName.StatCard),\n        displayName: 'Stat card',\n        description: 'One key figure with its label, trend and the period the trend is compared to.',\n        properties: [\n            text('label', 'Label', 'Content', 'What the figure measures.', { constraints: { required: true } }),\n            number('value', 'Value', 'Data', 'The figure; bind it to a query result.'),\n            choice('format', 'Format', 'Appearance', formats, NumberFormat.Number),\n            text('currency', 'Currency', 'Appearance', 'The ISO 4217 code when the format is currency.'),\n            number('fractionDigits', 'Fraction digits', 'Appearance'),\n            number('change', 'Change', 'Data', 'How much the figure moved, as a percentage; bind it to a query result.'),\n            choice('goodDirection', 'Good direction', 'Appearance', { up: 'Up is good', down: 'Down is good' }, 'up', 'Which movement is good: a falling response time is.'),\n            text('comparison', 'Compared to', 'Content', 'The period the change is compared to, for example \"last month\".'),\n            ...standardStateProperties.filter(property => property.path !== 'label'),\n        ],\n    },\n    {\n        component: key(ComponentName.TrendChip),\n        displayName: 'Trend chip',\n        description: 'A change drawn as a direction, a magnitude and whether the movement is good.',\n        properties: [\n            number('change', 'Change', 'Data', 'The movement; bind it to a query result.'),\n            choice('format', 'Format', 'Appearance', formats, NumberFormat.Percent),\n            choice('goodDirection', 'Good direction', 'Appearance', { up: 'Up is good', down: 'Down is good' }, 'up'),\n            text('comparison', 'Compared to', 'Content'),\n            text('locale', 'Locale', 'Content'),\n            { path: 'strings', label: 'Text overrides', group: 'Content', valueType: PropertyValueType.Object, editorKind: PropertyEditorKind.StringMap },\n        ],\n    },\n    {\n        component: key(ComponentName.StatusChip),\n        displayName: 'Status chip',\n        description: 'A status shown as a semantic color, an icon and its text; the text is always shown.',\n        properties: [\n            text('status', 'Status', 'Data', 'The status text; bind it to a query result.', { constraints: { required: true } }),\n            choice('tone', 'Tone', 'Appearance', {\n                [StatusTone.Success]: 'Success', [StatusTone.Warning]: 'Warning', [StatusTone.Danger]: 'Danger', [StatusTone.Info]: 'Info', [StatusTone.Neutral]: 'Neutral',\n            }, StatusTone.Neutral, 'The tone picks the icon and the theme color.'),\n        ],\n    },\n];\n\n"],"names":["bindable","BindingSourceKind","DataContext","QueryResult","ComponentProperty","text","path","label","group","description","extra","valueType","PropertyValueType","String","acceptedBindingKinds","undefined","number","Number","editorKind","PropertyEditorKind","flag","Boolean","choice","values","defaultValue","Enum","default","choices","Object","entries","map","value","name","list","itemLabel","properties","Collection","item","rule","PermissionRule","Enabled","Disabled","Hidden","standardStateProperties","ComponentState","Ready","Loading","Empty","Error","NoPermission","Partial","Json","StringList","comfortable","compact","StringMap","key","componentRegistryKey","defaultBlueprintName","formats","NumberFormat","Currency","Percent","Compact","foundationDescriptors","component","ComponentName","EmptyState","displayName","StatCard","constraints","required","up","down","filter","property","TrendChip","StatusChip","StatusTone","Success","Warning","Danger","Info","Neutral"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+import { ExternalComponent } from '@cratis/scene.model';
+import { ComponentState } from './ComponentState';
+export interface FoundationSample {
+    properties: Record<string, unknown>;
+    data: string[];
+    stateful: boolean;
+}
+export declare const foundationSamples: Record<string, FoundationSample>;
+export declare function foundationElement(name: string, properties?: Record<string, unknown>, state?: ComponentState): ExternalComponent;
+//# sourceMappingURL=foundationSamples.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"foundationSamples.d.ts","sourceRoot":"","sources":["../../../foundation/foundationSamples.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAIxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AASlD,MAAM,WAAW,gBAAgB;IAE7B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAGpC,IAAI,EAAE,MAAM,EAAE,CAAC;IAGf,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAK9D,CAAC;AAGF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,iBAAiB,CAQ/H"}