@cratis/scene.blueprint.default 4.31.0 → 4.33.0

package/dist/cjs/foundation/StateFrame.js

@@ -0,0 +1,200 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var elementProperties = require('../shell/elementProperties.js');
+var ActionButton = require('./ActionButton.js');
+var ComponentState = require('./ComponentState.js');
+var FoundationIcon = require('./FoundationIcon.js');
+var foundationStrings = require('./foundationStrings.js');
+var PermissionRule = require('./PermissionRule.js');
+var formatting = require('./formatting.js');
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** The accessible name of a region, from the element's `label` property. */ function regionLabel(element) {
+    return elementProperties.readOptionalString(element, 'label') ?? elementProperties.readOptionalString(element, 'title');
+}
+/**
+ * The root every foundation component renders, and the five standard states of spec Part B 1.4 in one place:
+ * a skeleton while loading (never a spinner alone), an explanation with the primary action when empty, a message with a
+ * retry on error, what is missing - and nothing of the data - when the user is not allowed, and the loaded part with a
+ * note naming what failed when only some regions did.
+ *
+ * The region carries an ARIA landmark role when it has a label, a `dir` is left to the document so right-to-left is
+ * inherited, and every piece of text comes from the strings table.
+ */ function FoundationFrame({ element, interactions, name, state, skeleton = [
+    60,
+    100,
+    80
+], children }) {
+    const strings = foundationStrings.readFoundationStrings(element);
+    const label = regionLabel(element);
+    const density = element.properties.density === 'compact' ? 'compact' : 'comfortable';
+    return /*#__PURE__*/ jsxRuntime.jsx("section", {
+        className: `foundation foundation-${name}`,
+        "data-scene-id": element.id,
+        "data-state": state,
+        "data-density": density,
+        lang: formatting.readLocale(element),
+        role: label ? 'region' : undefined,
+        "aria-label": label,
+        "aria-busy": state === ComponentState.ComponentState.Loading || undefined,
+        children: renderState(element, interactions, strings, state, skeleton, children)
+    });
+}
+function renderState(element, interactions, strings, state, skeleton, children) {
+    switch(state){
+        case ComponentState.ComponentState.Loading:
+            return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                className: "foundation-skeleton",
+                role: "status",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("span", {
+                        className: "foundation-visually-hidden",
+                        children: strings.loading
+                    }),
+                    skeleton.map((width, index)=>/*#__PURE__*/ jsxRuntime.jsx("span", {
+                            className: "foundation-skeleton-block",
+                            style: {
+                                width: `${width}%`
+                            },
+                            "aria-hidden": "true"
+                        }, index))
+                ]
+            });
+        case ComponentState.ComponentState.Empty:
+            return /*#__PURE__*/ jsxRuntime.jsx(EmptyStateView, {
+                element: element,
+                interactions: interactions,
+                strings: strings
+            });
+        case ComponentState.ComponentState.Error:
+            return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                className: "foundation-message",
+                "data-tone": "danger",
+                role: "alert",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(FoundationIcon.FoundationIcon, {
+                        name: "alert"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                        className: "foundation-message-text",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx("strong", {
+                                children: strings.errorHeadline
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                children: typeof element.properties.error === 'string' && element.properties.error.length > 0 ? element.properties.error : strings.errorHint
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(ActionButton.ActionButton, {
+                        emphasis: "secondary",
+                        disabledReason: strings.disabledNoPermission,
+                        onClick: interactions?.onClick,
+                        children: strings.retry
+                    })
+                ]
+            });
+        case ComponentState.ComponentState.NoPermission:
+            {
+                const subject = elementProperties.readOptionalString(element, 'permissionSubject') ?? strings.noPermissionSubject;
+                return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                    className: "foundation-message",
+                    "data-tone": "neutral",
+                    role: "status",
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(FoundationIcon.FoundationIcon, {
+                            name: "lock"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                            className: "foundation-message-text",
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx("strong", {
+                                    children: strings.noPermissionHeadline
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                    children: foundationStrings.formatText(strings.noPermissionHint, {
+                                        subject
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                });
+            }
+        case ComponentState.ComponentState.Partial:
+            return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                        className: "foundation-message",
+                        "data-tone": "warning",
+                        role: "status",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(FoundationIcon.FoundationIcon, {
+                                name: "alert"
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                                className: "foundation-message-text",
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx("strong", {
+                                        children: strings.partialHeadline
+                                    }),
+                                    elementProperties.readStrings(element, 'failedRegions').length > 0 && /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                        children: foundationStrings.formatText(strings.partialHint, {
+                                            regions: elementProperties.readStrings(element, 'failedRegions').join(', ')
+                                        })
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(ActionButton.ActionButton, {
+                                emphasis: "secondary",
+                                disabledReason: strings.disabledNoPermission,
+                                onClick: interactions?.onClick,
+                                children: strings.retry
+                            })
+                        ]
+                    }),
+                    children
+                ]
+            });
+        default:
+            return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+                children: children
+            });
+    }
+}
+/** What an empty region says: an icon, a headline, a hint and the primary action, with the action's permission rule applied. */ function EmptyStateView({ element, interactions, strings }) {
+    const icon = elementProperties.readOptionalString(element, 'emptyIcon') ?? elementProperties.readOptionalString(element, 'icon');
+    const actionLabel = elementProperties.readOptionalString(element, 'emptyActionLabel') ?? elementProperties.readOptionalString(element, 'actionLabel');
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        className: "foundation-empty",
+        role: "status",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx("span", {
+                className: "foundation-empty-icon",
+                children: /*#__PURE__*/ jsxRuntime.jsx(FoundationIcon.FoundationIcon, {
+                    name: icon ?? 'inbox'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("strong", {
+                className: "foundation-empty-headline",
+                children: elementProperties.readOptionalString(element, 'emptyHeadline') ?? elementProperties.readOptionalString(element, 'headline') ?? strings.emptyHeadline
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("span", {
+                className: "foundation-empty-hint",
+                children: elementProperties.readOptionalString(element, 'emptyHint') ?? elementProperties.readOptionalString(element, 'hint') ?? strings.emptyHint
+            }),
+            actionLabel && /*#__PURE__*/ jsxRuntime.jsx(ActionButton.ActionButton, {
+                rule: PermissionRule.readPermissionRule(element, 'actionPermission'),
+                disabledReason: strings.disabledNoPermission,
+                onClick: interactions?.onClick,
+                children: actionLabel
+            })
+        ]
+    });
+}
+
+exports.EmptyStateView = EmptyStateView;
+exports.FoundationFrame = FoundationFrame;
+//# sourceMappingURL=StateFrame.js.map

package/dist/cjs/foundation/StateFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateFrame.js","sources":["../../../foundation/StateFrame.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 { ReactNode } from 'react';\nimport { ExternalComponent } from '@cratis/scene.model';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { readOptionalString, readStrings } from '../shell/elementProperties';\nimport { ActionButton } from './ActionButton';\nimport { ComponentState } from './ComponentState';\nimport { FoundationIcon, FoundationIconName } from './FoundationIcon';\nimport { FoundationStrings, formatText, readFoundationStrings } from './foundationStrings';\nimport { readPermissionRule } from './PermissionRule';\nimport { readLocale } from './formatting';\n\nexport interface FoundationFrameProps extends Pick<RegisteredComponentProps, 'element' | 'interactions'> {\n    /** The component's own class, added after `foundation`. */\n    name: string;\n\n    /** The state the component is in; compute it with `readComponentState`. */\n    state: ComponentState;\n\n    /** The shape of the skeleton, as the width of each block in percent; the skeleton keeps the footprint of the content. */\n    skeleton?: number[];\n\n    /** What the component draws when it is ready or partial. */\n    children?: ReactNode;\n}\n\n/** The accessible name of a region, from the element's `label` property. */\nfunction regionLabel(element: ExternalComponent): string | undefined {\n    return readOptionalString(element, 'label') ?? readOptionalString(element, 'title');\n}\n\n/**\n * The root every foundation component renders, and the five standard states of spec Part B 1.4 in one place:\n * a skeleton while loading (never a spinner alone), an explanation with the primary action when empty, a message with a\n * retry on error, what is missing - and nothing of the data - when the user is not allowed, and the loaded part with a\n * note naming what failed when only some regions did.\n *\n * The region carries an ARIA landmark role when it has a label, a `dir` is left to the document so right-to-left is\n * inherited, and every piece of text comes from the strings table.\n */\nexport function FoundationFrame({ element, interactions, name, state, skeleton = [60, 100, 80], children }: FoundationFrameProps) {\n    const strings = readFoundationStrings(element);\n    const label = regionLabel(element);\n    const density = element.properties.density === 'compact' ? 'compact' : 'comfortable';\n\n    return (\n        <section className={`foundation foundation-${name}`} data-scene-id={element.id} data-state={state} data-density={density}\n            lang={readLocale(element)} role={label ? 'region' : undefined} aria-label={label} aria-busy={state === ComponentState.Loading || undefined}>\n            {renderState(element, interactions, strings, state, skeleton, children)}\n        </section>\n    );\n}\n\nfunction renderState(element: ExternalComponent, interactions: RegisteredComponentProps['interactions'], strings: FoundationStrings, state: ComponentState, skeleton: number[], children: ReactNode) {\n    switch (state) {\n        case ComponentState.Loading:\n            return (\n                <div className='foundation-skeleton' role='status'>\n                    <span className='foundation-visually-hidden'>{strings.loading}</span>\n                    {skeleton.map((width, index) => <span key={index} className='foundation-skeleton-block' style={{ width: `${width}%` }} aria-hidden='true' />)}\n                </div>\n            );\n        case ComponentState.Empty:\n            return <EmptyStateView element={element} interactions={interactions} strings={strings} />;\n        case ComponentState.Error:\n            return (\n                <div className='foundation-message' data-tone='danger' role='alert'>\n                    <FoundationIcon name='alert' />\n                    <div className='foundation-message-text'>\n                        <strong>{strings.errorHeadline}</strong>\n                        <span>{typeof element.properties.error === 'string' && element.properties.error.length > 0 ? element.properties.error : strings.errorHint}</span>\n                    </div>\n                    <ActionButton emphasis='secondary' disabledReason={strings.disabledNoPermission} onClick={interactions?.onClick}>{strings.retry}</ActionButton>\n                </div>\n            );\n        case ComponentState.NoPermission: {\n            const subject = readOptionalString(element, 'permissionSubject') ?? strings.noPermissionSubject;\n            return (\n                <div className='foundation-message' data-tone='neutral' role='status'>\n                    <FoundationIcon name='lock' />\n                    <div className='foundation-message-text'>\n                        <strong>{strings.noPermissionHeadline}</strong>\n                        <span>{formatText(strings.noPermissionHint, { subject })}</span>\n                    </div>\n                </div>\n            );\n        }\n\n        case ComponentState.Partial:\n            return (\n                <>\n                    <div className='foundation-message' data-tone='warning' role='status'>\n                        <FoundationIcon name='alert' />\n                        <div className='foundation-message-text'>\n                            <strong>{strings.partialHeadline}</strong>\n                            {readStrings(element, 'failedRegions').length > 0 && <span>{formatText(strings.partialHint, { regions: readStrings(element, 'failedRegions').join(', ') })}</span>}\n                        </div>\n                        <ActionButton emphasis='secondary' disabledReason={strings.disabledNoPermission} onClick={interactions?.onClick}>{strings.retry}</ActionButton>\n                    </div>\n                    {children}\n                </>\n            );\n        default:\n            return <>{children}</>;\n    }\n}\n\n/** What an empty region says: an icon, a headline, a hint and the primary action, with the action's permission rule applied. */\nexport function EmptyStateView({ element, interactions, strings }: Pick<FoundationFrameProps, 'element' | 'interactions'> & { strings: FoundationStrings }) {\n    const icon = (readOptionalString(element, 'emptyIcon') ?? readOptionalString(element, 'icon')) as FoundationIconName | undefined;\n    const actionLabel = readOptionalString(element, 'emptyActionLabel') ?? readOptionalString(element, 'actionLabel');\n\n    return (\n        <div className='foundation-empty' role='status'>\n            <span className='foundation-empty-icon'><FoundationIcon name={icon ?? 'inbox'} /></span>\n            <strong className='foundation-empty-headline'>{readOptionalString(element, 'emptyHeadline') ?? readOptionalString(element, 'headline') ?? strings.emptyHeadline}</strong>\n            <span className='foundation-empty-hint'>{readOptionalString(element, 'emptyHint') ?? readOptionalString(element, 'hint') ?? strings.emptyHint}</span>\n            {actionLabel && (\n                <ActionButton rule={readPermissionRule(element, 'actionPermission')} disabledReason={strings.disabledNoPermission} onClick={interactions?.onClick}>{actionLabel}</ActionButton>\n            )}\n        </div>\n    );\n}\n\n"],"names":["regionLabel","element","readOptionalString","FoundationFrame","interactions","name","state","skeleton","children","strings","readFoundationStrings","label","density","properties","_jsx","section","className","data-scene-id","id","data-state","data-density","lang","readLocale","role","undefined","aria-label","aria-busy","ComponentState","Loading","renderState","_jsxs","div","span","loading","map","width","index","style","aria-hidden","Empty","EmptyStateView","Error","data-tone","FoundationIcon","strong","errorHeadline","error","length","errorHint","ActionButton","emphasis","disabledReason","disabledNoPermission","onClick","retry","NoPermission","subject","noPermissionSubject","noPermissionHeadline","formatText","noPermissionHint","Partial","_Fragment","partialHeadline","readStrings","partialHint","regions","join","icon","actionLabel","emptyHeadline","emptyHint","rule","readPermissionRule"],"mappings":"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"}

package/dist/cjs/foundation/StatusChip.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var foundationStrings = require('./foundationStrings.js');
+var FoundationIcon = require('./FoundationIcon.js');
+var elementProperties = require('../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 semantic tone of a status. */ var StatusTone = /*#__PURE__*/ function(StatusTone) {
+    StatusTone["Success"] = "success";
+    StatusTone["Warning"] = "warning";
+    StatusTone["Danger"] = "danger";
+    StatusTone["Info"] = "info";
+    StatusTone["Neutral"] = "neutral";
+    return StatusTone;
+}({});
+/** The icon each tone gets, so a status is told by shape as well as color (WCAG 1.4.1). */ const statusToneIcons = {
+    ["success"]: 'check',
+    ["warning"]: 'alert',
+    ["danger"]: 'close',
+    ["info"]: 'info',
+    ["neutral"]: 'circle'
+};
+/** Reads a tone, defaulting to Neutral. */ function readStatusTone(value) {
+    return Object.values(StatusTone).includes(value) ? value : "neutral";
+}
+/**
+ * The `statusChip` component: a status as a semantic color, an icon and its text.
+ *
+ * The text is always shown - the status of a record is never only a colored dot - and the tone picks the icon and the color from
+ * the theme's status tokens. A status the application names ("Awaiting approval") is its own `status` text; `tone` maps it onto
+ * one of the five tones.
+ */ function StatusChip({ element }) {
+    const tone = readStatusTone(element.properties.tone);
+    const strings = foundationStrings.readFoundationStrings(element);
+    const fallback = {
+        success: strings.statusSuccess,
+        warning: strings.statusWarning,
+        danger: strings.statusDanger,
+        info: strings.statusInfo,
+        neutral: strings.statusNeutral
+    }[tone];
+    const text = elementProperties.readString(element, 'status', elementProperties.readOptionalString(element, 'label') ?? fallback);
+    return /*#__PURE__*/ jsxRuntime.jsxs("span", {
+        className: "foundation foundation-chip foundation-status-chip",
+        "data-scene-id": element.id,
+        "data-tone": tone,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(FoundationIcon.FoundationIcon, {
+                name: statusToneIcons[tone]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("span", {
+                children: text
+            })
+        ]
+    });
+}
+
+exports.StatusChip = StatusChip;
+exports.StatusTone = StatusTone;
+exports.readStatusTone = readStatusTone;
+exports.statusToneIcons = statusToneIcons;
+//# sourceMappingURL=StatusChip.js.map

package/dist/cjs/foundation/StatusChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusChip.js","sources":["../../../foundation/StatusChip.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 { readFoundationStrings } from './foundationStrings';\nimport { FoundationIcon, FoundationIconName } from './FoundationIcon';\nimport { readOptionalString, readString } from '../shell/elementProperties';\n\n/** The semantic tone of a status. */\nexport enum StatusTone {\n    Success = 'success',\n    Warning = 'warning',\n    Danger = 'danger',\n    Info = 'info',\n    Neutral = 'neutral',\n}\n\n/** The icon each tone gets, so a status is told by shape as well as color (WCAG 1.4.1). */\nexport const statusToneIcons: Record<StatusTone, FoundationIconName> = {\n    [StatusTone.Success]: 'check',\n    [StatusTone.Warning]: 'alert',\n    [StatusTone.Danger]: 'close',\n    [StatusTone.Info]: 'info',\n    [StatusTone.Neutral]: 'circle',\n};\n\n/** Reads a tone, defaulting to Neutral. */\nexport function readStatusTone(value: unknown): StatusTone {\n    return (Object.values(StatusTone) as string[]).includes(value as string) ? (value as StatusTone) : StatusTone.Neutral;\n}\n\n/**\n * The `statusChip` component: a status as a semantic color, an icon and its text.\n *\n * The text is always shown - the status of a record is never only a colored dot - and the tone picks the icon and the color from\n * the theme's status tokens. A status the application names (\"Awaiting approval\") is its own `status` text; `tone` maps it onto\n * one of the five tones.\n */\nexport function StatusChip({ element }: RegisteredComponentProps) {\n    const tone = readStatusTone(element.properties.tone);\n    const strings = readFoundationStrings(element);\n    const fallback = { success: strings.statusSuccess, warning: strings.statusWarning, danger: strings.statusDanger, info: strings.statusInfo, neutral: strings.statusNeutral }[tone];\n    const text = readString(element, 'status', readOptionalString(element, 'label') ?? fallback);\n\n    return (\n        <span className='foundation foundation-chip foundation-status-chip' data-scene-id={element.id} data-tone={tone}>\n            <FoundationIcon name={statusToneIcons[tone]} />\n            <span>{text}</span>\n        </span>\n    );\n}\n"],"names":["StatusTone","statusToneIcons","readStatusTone","value","Object","values","includes","StatusChip","element","tone","properties","strings","readFoundationStrings","fallback","success","statusSuccess","warning","statusWarning","danger","statusDanger","info","statusInfo","neutral","statusNeutral","text","readString","readOptionalString","_jsxs","span","className","data-scene-id","id","data-tone","_jsx","FoundationIcon","name"],"mappings":";;;;;;;AAAA;AACA;AAOA,sCACO,IAAKA,UAAAA,iBAAAA,SAAAA,UAAAA,EAAAA;;;;;;AAAAA,IAAAA,OAAAA,UAAAA;AAMX,CAAA,CAAA,EAAA;AAED,4FACO,MAAMC,eAAAA,GAA0D;AACnE,IAAA,CAAA,SAAA,GAAsB,OAAA;AACtB,IAAA,CAAA,SAAA,GAAsB,OAAA;AACtB,IAAA,CAAA,QAAA,GAAqB,OAAA;AACrB,IAAA,CAAA,MAAA,GAAmB,MAAA;AACnB,IAAA,CAAA,SAAA,GAAsB;AAC1B;AAEA,4CACO,SAASC,cAAAA,CAAeC,KAAc,EAAA;AACzC,IAAA,OAAO,MAACC,CAAOC,MAAM,CAACL,UAAAA,CAAAA,CAAyBM,QAAQ,CAACH,KAAAA,CAAAA,GAAoBA,KAAAA,GAAAA,SAAAA;AAChF;AAEA;;;;;;AAMC,IACM,SAASI,UAAAA,CAAW,EAAEC,OAAO,EAA4B,EAAA;AAC5D,IAAA,MAAMC,IAAAA,GAAOP,cAAAA,CAAeM,OAAAA,CAAQE,UAAU,CAACD,IAAI,CAAA;AACnD,IAAA,MAAME,UAAUC,uCAAAA,CAAsBJ,OAAAA,CAAAA;AACtC,IAAA,MAAMK,QAAAA,GAAW;AAAEC,QAAAA,OAAAA,EAASH,QAAQI,aAAa;AAAEC,QAAAA,OAAAA,EAASL,QAAQM,aAAa;AAAEC,QAAAA,MAAAA,EAAQP,QAAQQ,YAAY;AAAEC,QAAAA,IAAAA,EAAMT,QAAQU,UAAU;AAAEC,QAAAA,OAAAA,EAASX,QAAQY;AAAc,KAAC,CAACd,IAAAA,CAAK;AACjL,IAAA,MAAMe,OAAOC,4BAAAA,CAAWjB,OAAAA,EAAS,QAAA,EAAUkB,oCAAAA,CAAmBlB,SAAS,OAAA,CAAA,IAAYK,QAAAA,CAAAA;AAEnF,IAAA,qBACIc,eAAA,CAACC,MAAAA,EAAAA;QAAKC,SAAAA,EAAU,mDAAA;AAAoDC,QAAAA,eAAAA,EAAetB,QAAQuB,EAAE;QAAEC,WAAAA,EAAWvB,IAAAA;;0BACtGwB,cAAA,CAACC,6BAAAA,EAAAA;gBAAeC,IAAAA,EAAMlC,eAAe,CAACQ,IAAAA;;0BACtCwB,cAAA,CAACL,MAAAA,EAAAA;AAAMJ,gBAAAA,QAAAA,EAAAA;;;;AAGnB;;;;;"}

package/dist/cjs/foundation/TrendChip.js

@@ -0,0 +1,93 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var FoundationIcon = require('./FoundationIcon.js');
+var formatting = require('./formatting.js');
+var foundationStrings = require('./foundationStrings.js');
+var elementProperties = require('../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 = formatting.NumberFormat.Percent, strings }) {
+    const direction = trendDirection(change);
+    const outcome = trendOutcome(direction, goodDirection);
+    const magnitude = formatting.formatNumber(Math.abs(change), locale, format);
+    const spoken = direction === 'flat' ? strings.trendFlat : foundationStrings.formatText(direction === 'up' ? strings.trendUp : strings.trendDown, {
+        value: magnitude
+    });
+    return /*#__PURE__*/ jsxRuntime.jsxs("span", {
+        className: "foundation-chip foundation-trend",
+        "data-tone": tones[outcome],
+        "data-direction": direction,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(FoundationIcon.FoundationIcon, {
+                name: direction === 'up' ? 'arrow-up' : direction === 'down' ? 'arrow-down' : 'minus'
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("span", {
+                "aria-hidden": "true",
+                children: direction === 'flat' ? magnitude : magnitude
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs("span", {
+                className: "foundation-visually-hidden",
+                children: [
+                    spoken,
+                    comparison ? ` ${foundationStrings.formatText(strings.trendComparison, {
+                        period: comparison
+                    })}` : ''
+                ]
+            }),
+            comparison && /*#__PURE__*/ jsxRuntime.jsx("span", {
+                className: "foundation-trend-comparison",
+                "aria-hidden": "true",
+                children: foundationStrings.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__*/ jsxRuntime.jsx("span", {
+        className: "foundation foundation-trend-chip",
+        "data-scene-id": element.id,
+        children: /*#__PURE__*/ jsxRuntime.jsx(TrendChipView, {
+            change: change,
+            locale: formatting.readLocale(element),
+            goodDirection: element.properties.goodDirection === 'down' ? 'down' : 'up',
+            comparison: elementProperties.readOptionalString(element, 'comparison'),
+            strings: foundationStrings.readFoundationStrings(element),
+            ...typeof element.properties.format === 'string' && Object.values(formatting.NumberFormat).includes(element.properties.format) ? {
+                format: element.properties.format
+            } : {}
+        })
+    });
+}
+
+exports.TrendChip = TrendChip;
+exports.TrendChipView = TrendChipView;
+exports.trendDirection = trendDirection;
+exports.trendOutcome = trendOutcome;
+//# sourceMappingURL=TrendChip.js.map

package/dist/cjs/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/cjs/foundation/chartGeometry.js

@@ -0,0 +1,101 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** The kinds of chart the wrapper draws (spec Part B 2.3: line, bar, stacked, donut, funnel). */ var ChartKind = /*#__PURE__*/ function(ChartKind) {
+    ChartKind["Line"] = "line";
+    ChartKind["Bar"] = "bar";
+    ChartKind["Stacked"] = "stacked";
+    ChartKind["Donut"] = "donut";
+    ChartKind["Funnel"] = "funnel";
+    return ChartKind;
+}({});
+/** Builds a scale from zero to a rounded-up maximum of the values, in about `target` steps. */ function niceScale(maximum, target = 4) {
+    if (!Number.isFinite(maximum) || maximum <= 0) return {
+        maximum: 1,
+        ticks: [
+            0,
+            1
+        ]
+    };
+    const rough = maximum / target;
+    const magnitude = 10 ** Math.floor(Math.log10(rough));
+    const residual = rough / magnitude;
+    const step = (residual <= 1 ? 1 : residual <= 2 ? 2 : residual <= 5 ? 5 : 10) * magnitude;
+    const top = Math.ceil(maximum / step) * step;
+    const ticks = [];
+    for(let tick = 0; tick <= top + step / 2; tick += step)ticks.push(Number(tick.toFixed(10)));
+    return {
+        maximum: top,
+        ticks
+    };
+}
+/** Reads series out of a property value, dropping anything that is not a named list of numbers, so a half-bound chart draws what it has. */ function readSeries(value) {
+    if (!Array.isArray(value)) return [];
+    return value.flatMap((entry)=>{
+        if (typeof entry !== 'object' || entry === null || Array.isArray(entry)) return [];
+        const { name, values } = entry;
+        if (typeof name !== 'string' || !Array.isArray(values)) return [];
+        return [
+            {
+                name,
+                values: values.map((item)=>typeof item === 'number' && Number.isFinite(item) ? item : 0)
+            }
+        ];
+    });
+}
+/** The extent of the values a chart of this kind has to fit: stacked series add up, the others are compared one by one. */ function dataMaximum(kind, series, categoryCount) {
+    if (kind === "stacked") {
+        return Math.max(0, ...Array.from({
+            length: categoryCount
+        }, (_, index)=>series.reduce((sum, item)=>sum + Math.max(0, item.values[index] ?? 0), 0)));
+    }
+    return Math.max(0, ...series.flatMap((item)=>item.values));
+}
+/** Divides the positive values into slices that together make one turn. */ function donutSlices(values) {
+    const positive = values.map((value)=>Math.max(0, value));
+    const total = positive.reduce((sum, value)=>sum + value, 0);
+    if (total === 0) return [];
+    let angle = 0;
+    return positive.flatMap((value, index)=>{
+        if (value === 0) return [];
+        const share = value / total;
+        const slice = {
+            index,
+            value,
+            share,
+            start: angle,
+            end: angle + share * Math.PI * 2
+        };
+        angle = slice.end;
+        return [
+            slice
+        ];
+    });
+}
+/** The SVG path of a ring segment between two radii; a full turn is drawn as two halves, because one arc cannot start and end on the same point. */ function ringPath(centerX, centerY, outer, inner, start, end) {
+    const point = (radius, angle)=>`${(centerX + radius * Math.sin(angle)).toFixed(2)} ${(centerY - radius * Math.cos(angle)).toFixed(2)}`;
+    if (end - start >= Math.PI * 2 - 1e-6) {
+        const middle = start + Math.PI;
+        return `${ringPath(centerX, centerY, outer, inner, start, middle)} ${ringPath(centerX, centerY, outer, inner, middle, end)}`;
+    }
+    const large = end - start > Math.PI ? 1 : 0;
+    return `M ${point(outer, start)} A ${outer} ${outer} 0 ${large} 1 ${point(outer, end)} L ${point(inner, end)} A ${inner} ${inner} 0 ${large} 0 ${point(inner, start)} Z`;
+}
+/** Sizes the stages of a funnel against the largest value. */ function funnelStages(values) {
+    const maximum = Math.max(0, ...values);
+    return values.map((value, index)=>({
+            index,
+            value,
+            widthRatio: maximum === 0 ? 0 : Math.max(0, value) / maximum
+        }));
+}
+
+exports.ChartKind = ChartKind;
+exports.dataMaximum = dataMaximum;
+exports.donutSlices = donutSlices;
+exports.funnelStages = funnelStages;
+exports.niceScale = niceScale;
+exports.readSeries = readSeries;
+exports.ringPath = ringPath;
+//# sourceMappingURL=chartGeometry.js.map

package/dist/cjs/foundation/chartGeometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartGeometry.js","sources":["../../../foundation/chartGeometry.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/** The kinds of chart the wrapper draws (spec Part B 2.3: line, bar, stacked, donut, funnel). */\nexport enum ChartKind {\n    Line = 'line',\n    Bar = 'bar',\n    Stacked = 'stacked',\n    Donut = 'donut',\n    Funnel = 'funnel',\n}\n\n/** One named series of values, one per category. */\nexport interface ChartSeries {\n    name: string;\n    values: number[];\n}\n\n/** A rounded-up axis maximum and the tick values below it, so an axis reads 0, 25, 50, 75, 100 and not 0, 23.4, 46.8. */\nexport interface ChartScale {\n    maximum: number;\n    ticks: number[];\n}\n\n/** Builds a scale from zero to a rounded-up maximum of the values, in about `target` steps. */\nexport function niceScale(maximum: number, target = 4): ChartScale {\n    if (!Number.isFinite(maximum) || maximum <= 0) return { maximum: 1, ticks: [0, 1] };\n\n    const rough = maximum / target;\n    const magnitude = 10 ** Math.floor(Math.log10(rough));\n    const residual = rough / magnitude;\n    const step = (residual <= 1 ? 1 : residual <= 2 ? 2 : residual <= 5 ? 5 : 10) * magnitude;\n    const top = Math.ceil(maximum / step) * step;\n    const ticks: number[] = [];\n    for (let tick = 0; tick <= top + step / 2; tick += step) ticks.push(Number(tick.toFixed(10)));\n    return { maximum: top, ticks };\n}\n\n/** Reads series out of a property value, dropping anything that is not a named list of numbers, so a half-bound chart draws what it has. */\nexport function readSeries(value: unknown): ChartSeries[] {\n    if (!Array.isArray(value)) return [];\n\n    return value.flatMap((entry): ChartSeries[] => {\n        if (typeof entry !== 'object' || entry === null || Array.isArray(entry)) return [];\n        const { name, values } = entry as Record<string, unknown>;\n        if (typeof name !== 'string' || !Array.isArray(values)) return [];\n        return [{ name, values: values.map(item => (typeof item === 'number' && Number.isFinite(item) ? item : 0)) }];\n    });\n}\n\n/** The extent of the values a chart of this kind has to fit: stacked series add up, the others are compared one by one. */\nexport function dataMaximum(kind: ChartKind, series: ChartSeries[], categoryCount: number): number {\n    if (kind === ChartKind.Stacked) {\n        return Math.max(0, ...Array.from({ length: categoryCount }, (_, index) => series.reduce((sum, item) => sum + Math.max(0, item.values[index] ?? 0), 0)));\n    }\n\n    return Math.max(0, ...series.flatMap(item => item.values));\n}\n\n/** A slice of a donut, in radians clockwise from the top. */\nexport interface DonutSlice {\n    index: number;\n    value: number;\n    share: number;\n    start: number;\n    end: number;\n}\n\n/** Divides the positive values into slices that together make one turn. */\nexport function donutSlices(values: number[]): DonutSlice[] {\n    const positive = values.map(value => Math.max(0, value));\n    const total = positive.reduce((sum, value) => sum + value, 0);\n    if (total === 0) return [];\n\n    let angle = 0;\n    return positive.flatMap((value, index) => {\n        if (value === 0) return [];\n        const share = value / total;\n        const slice = { index, value, share, start: angle, end: angle + share * Math.PI * 2 };\n        angle = slice.end;\n        return [slice];\n    });\n}\n\n/** The SVG path of a ring segment between two radii; a full turn is drawn as two halves, because one arc cannot start and end on the same point. */\nexport function ringPath(centerX: number, centerY: number, outer: number, inner: number, start: number, end: number): string {\n    const point = (radius: number, angle: number) => `${(centerX + radius * Math.sin(angle)).toFixed(2)} ${(centerY - radius * Math.cos(angle)).toFixed(2)}`;\n    if (end - start >= Math.PI * 2 - 1e-6) {\n        const middle = start + Math.PI;\n        return `${ringPath(centerX, centerY, outer, inner, start, middle)} ${ringPath(centerX, centerY, outer, inner, middle, end)}`;\n    }\n\n    const large = end - start > Math.PI ? 1 : 0;\n    return `M ${point(outer, start)} A ${outer} ${outer} 0 ${large} 1 ${point(outer, end)} L ${point(inner, end)} A ${inner} ${inner} 0 ${large} 0 ${point(inner, start)} Z`;\n}\n\n/** One stage of a funnel: a centered bar whose width is its share of the widest stage. */\nexport interface FunnelStage {\n    index: number;\n    value: number;\n    widthRatio: number;\n}\n\n/** Sizes the stages of a funnel against the largest value. */\nexport function funnelStages(values: number[]): FunnelStage[] {\n    const maximum = Math.max(0, ...values);\n    return values.map((value, index) => ({ index, value, widthRatio: maximum === 0 ? 0 : Math.max(0, value) / maximum }));\n}\n"],"names":["ChartKind","niceScale","maximum","target","Number","isFinite","ticks","rough","magnitude","Math","floor","log10","residual","step","top","ceil","tick","push","toFixed","readSeries","value","Array","isArray","flatMap","entry","name","values","map","item","dataMaximum","kind","series","categoryCount","max","from","length","_","index","reduce","sum","donutSlices","positive","total","angle","share","slice","start","end","PI","ringPath","centerX","centerY","outer","inner","point","radius","sin","cos","middle","large","funnelStages","widthRatio"],"mappings":"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"}

package/dist/cjs/foundation/columnModel.js

@@ -0,0 +1,43 @@
+'use strict';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** One column a table could show. */ /** Reads columns out of a property value; a column is visible unless it says otherwise, and a locked column is always visible. */ function readColumns(value) {
+    if (!Array.isArray(value)) return [];
+    return value.flatMap((entry)=>{
+        if (typeof entry !== 'object' || entry === null || Array.isArray(entry)) return [];
+        const { id, label, visible, locked } = entry;
+        if (typeof id !== 'string' || id.length === 0) return [];
+        return [
+            {
+                id,
+                label: typeof label === 'string' && label.length > 0 ? label : id,
+                visible: locked === true || visible !== false,
+                locked: locked === true
+            }
+        ];
+    });
+}
+/** The ids of the visible columns, in order: what the chooser publishes and a table binds its columns to. */ const visibleColumnIds = (columns)=>columns.filter((column)=>column.visible).map((column)=>column.id);
+/** Moves a column one place up or down, staying where it is at either end. */ function moveColumn(columns, index, direction) {
+    const target = index + direction;
+    if (target < 0 || target >= columns.length) return columns;
+    const result = [
+        ...columns
+    ];
+    [result[index], result[target]] = [
+        result[target],
+        result[index]
+    ];
+    return result;
+}
+/** Shows or hides a column; a locked column cannot be hidden. */ const toggleColumn = (columns, index)=>columns.map((column, position)=>position === index && !column.locked ? {
+            ...column,
+            visible: !column.visible
+        } : column);
+
+exports.moveColumn = moveColumn;
+exports.readColumns = readColumns;
+exports.toggleColumn = toggleColumn;
+exports.visibleColumnIds = visibleColumnIds;
+//# sourceMappingURL=columnModel.js.map

package/dist/cjs/foundation/columnModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columnModel.js","sources":["../../../foundation/columnModel.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 column a table could show. */\nexport interface ChooserColumn {\n    id: string;\n    label: string;\n    visible: boolean;\n    locked: boolean;\n}\n\n/** Reads columns out of a property value; a column is visible unless it says otherwise, and a locked column is always visible. */\nexport function readColumns(value: unknown): ChooserColumn[] {\n    if (!Array.isArray(value)) return [];\n\n    return value.flatMap((entry): ChooserColumn[] => {\n        if (typeof entry !== 'object' || entry === null || Array.isArray(entry)) return [];\n        const { id, label, visible, locked } = entry as Record<string, unknown>;\n        if (typeof id !== 'string' || id.length === 0) return [];\n        return [{ id, label: typeof label === 'string' && label.length > 0 ? label : id, visible: locked === true || visible !== false, locked: locked === true }];\n    });\n}\n\n/** The ids of the visible columns, in order: what the chooser publishes and a table binds its columns to. */\nexport const visibleColumnIds = (columns: ChooserColumn[]): string[] => columns.filter(column => column.visible).map(column => column.id);\n\n/** Moves a column one place up or down, staying where it is at either end. */\nexport function moveColumn(columns: ChooserColumn[], index: number, direction: -1 | 1): ChooserColumn[] {\n    const target = index + direction;\n    if (target < 0 || target >= columns.length) return columns;\n\n    const result = [...columns];\n    [result[index], result[target]] = [result[target], result[index]];\n    return result;\n}\n\n/** Shows or hides a column; a locked column cannot be hidden. */\nexport const toggleColumn = (columns: ChooserColumn[], index: number): ChooserColumn[] =>\n    columns.map((column, position) => (position === index && !column.locked ? { ...column, visible: !column.visible } : column));\n"],"names":["readColumns","value","Array","isArray","flatMap","entry","id","label","visible","locked","length","visibleColumnIds","columns","filter","column","map","moveColumn","index","direction","target","result","toggleColumn","position"],"mappings":";;AAAA;AACA;AAEA,yKASO,SAASA,YAAYC,KAAc,EAAA;AACtC,IAAA,IAAI,CAACC,KAAAA,CAAMC,OAAO,CAACF,KAAAA,CAAAA,EAAQ,OAAO,EAAE;IAEpC,OAAOA,KAAAA,CAAMG,OAAO,CAAC,CAACC,KAAAA,GAAAA;QAClB,IAAI,OAAOA,KAAAA,KAAU,QAAA,IAAYA,KAAAA,KAAU,IAAA,IAAQH,MAAMC,OAAO,CAACE,KAAAA,CAAAA,EAAQ,OAAO,EAAE;QAClF,MAAM,EAAEC,EAAE,EAAEC,KAAK,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGJ,KAAAA;QACvC,IAAI,OAAOC,OAAO,QAAA,IAAYA,EAAAA,CAAGI,MAAM,KAAK,CAAA,EAAG,OAAO,EAAE;QACxD,OAAO;AAAC,YAAA;AAAEJ,gBAAAA,EAAAA;AAAIC,gBAAAA,KAAAA,EAAO,OAAOA,KAAAA,KAAU,QAAA,IAAYA,MAAMG,MAAM,GAAG,IAAIH,KAAAA,GAAQD,EAAAA;gBAAIE,OAAAA,EAASC,MAAAA,KAAW,QAAQD,OAAAA,KAAY,KAAA;AAAOC,gBAAAA,MAAAA,EAAQA,MAAAA,KAAW;AAAK;AAAE,SAAA;AAC9J,IAAA,CAAA,CAAA;AACJ;AAEA,8GACO,MAAME,gBAAAA,GAAmB,CAACC,OAAAA,GAAuCA,OAAAA,CAAQC,MAAM,CAACC,CAAAA,SAAUA,MAAAA,CAAON,OAAO,EAAEO,GAAG,CAACD,CAAAA,MAAAA,GAAUA,MAAAA,CAAOR,EAAE;AAExI,+EACO,SAASU,UAAAA,CAAWJ,OAAwB,EAAEK,KAAa,EAAEC,SAAiB,EAAA;AACjF,IAAA,MAAMC,SAASF,KAAAA,GAAQC,SAAAA;AACvB,IAAA,IAAIC,SAAS,CAAA,IAAKA,MAAAA,IAAUP,OAAAA,CAAQF,MAAM,EAAE,OAAOE,OAAAA;AAEnD,IAAA,MAAMQ,MAAAA,GAAS;AAAIR,QAAAA,GAAAA;AAAQ,KAAA;IAC3B,CAACQ,MAAM,CAACH,KAAAA,CAAM,EAAEG,MAAM,CAACD,MAAAA,CAAO,CAAC,GAAG;AAACC,QAAAA,MAAM,CAACD,MAAAA,CAAO;AAAEC,QAAAA,MAAM,CAACH,KAAAA;AAAO,KAAA;IACjE,OAAOG,MAAAA;AACX;AAEA,kEACO,MAAMC,eAAe,CAACT,OAAAA,EAA0BK,QACnDL,OAAAA,CAAQG,GAAG,CAAC,CAACD,QAAQQ,QAAAA,GAAcA,QAAAA,KAAaL,SAAS,CAACH,MAAAA,CAAOL,MAAM,GAAG;AAAE,YAAA,GAAGK,MAAM;YAAEN,OAAAA,EAAS,CAACM,OAAON;AAAQ,SAAA,GAAIM,MAAAA;;;;;"}