react-cheminfo 0.28.0 → 0.29.0

package/lib/panel/ui/ClearButton.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '@blueprintjs/core';
+/**
+ * The cross that empties a box, worn inside it as Blueprint's `rightElement`.
+ *
+ * Blueprint has no clearable input of its own; what it has is the slot, and a
+ * minimal cross button in it is the shape its own examples use. Which is why
+ * this carries no `size`: the input group sizes whatever is put in the slot
+ * from its own size class — 20 square inside a small box, 24 inside a medium
+ * one — so a button that stated a size of its own would only be able to
+ * disagree with the box it is in.
+ *
+ * One component rather than eight lines repeated at each box, because the
+ * cross has to be the same size, the same colour and in the same place
+ * everywhere or it reads as a different control each time.
+ * @param props - What clearing achieves, and what to do about it.
+ * @returns The button, for an `InputGroup`'s `rightElement`.
+ */
+export function ClearButton(props) {
+    const { label, onClick } = props;
+    return (_jsx(Button, { variant: "minimal", icon: "cross", "aria-label": label, title: label, onClick: onClick }));
+}
+//# sourceMappingURL=ClearButton.js.map

package/lib/panel/ui/ClearButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearButton.js","sourceRoot":"","sources":["../../../src/panel/ui/ClearButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAa3C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,gBACA,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC"}

package/lib/panel/ui/DocumentationDialogFrame.d.ts

@@ -0,0 +1,39 @@
+/**
+ * The dialog an editor answers "how do I use this" in.
+ *
+ * Documentation that lives on a website is documentation nobody reads with a
+ * structure half drawn, so each viewer ships its own — but only the words are
+ * its own. The dialog, the width, the way the sections are stacked and the way
+ * out are the same in all of them, and are written here once.
+ */
+import type { ReactNode } from 'react';
+/** One part of what a viewer has to say about itself. */
+export interface DocumentationSection {
+    /** Stable key, so a section keeps its place as the list grows. */
+    id: string;
+    /** What the section is called. */
+    title: string;
+    /** What it says. */
+    body: ReactNode;
+}
+/** What the documentation dialog is given. */
+export interface DocumentationDialogFrameProps {
+    /** Whether the dialog is showing. */
+    isOpen: boolean;
+    /** Called when it is dismissed. */
+    onClose: () => void;
+    /** The sections, in reading order. */
+    sections: readonly DocumentationSection[];
+    /**
+     * What the title bar reads.
+     * @default 'Documentation'
+     */
+    title?: string;
+}
+/**
+ * Draw the documentation of one viewer.
+ * @param props - The sections and how the dialog is opened and closed.
+ * @returns The dialog.
+ */
+export declare function DocumentationDialogFrame(props: DocumentationDialogFrameProps): ReactNode;
+//# sourceMappingURL=DocumentationDialogFrame.d.ts.map

package/lib/panel/ui/DocumentationDialogFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentationDialogFrame.d.ts","sourceRoot":"","sources":["../../../src/panel/ui/DocumentationDialogFrame.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,yDAAyD;AACzD,MAAM,WAAW,oBAAoB;IACnC,kEAAkE;IAClE,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,8CAA8C;AAC9C,MAAM,WAAW,6BAA6B;IAC5C,qCAAqC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,mCAAmC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sCAAsC;IACtC,QAAQ,EAAE,SAAS,oBAAoB,EAAE,CAAC;IAC1C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,6BAA6B,GACnC,SAAS,CA8BX"}

package/lib/panel/ui/DocumentationDialogFrame.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The dialog an editor answers "how do I use this" in.
+ *
+ * Documentation that lives on a website is documentation nobody reads with a
+ * structure half drawn, so each viewer ships its own — but only the words are
+ * its own. The dialog, the width, the way the sections are stacked and the way
+ * out are the same in all of them, and are written here once.
+ */
+import { Button, Dialog, DialogBody, DialogFooter } from '@blueprintjs/core';
+import { Section } from "./Section.js";
+import { useConfirmOnEnter } from "./useConfirmOnEnter.js";
+/**
+ * Draw the documentation of one viewer.
+ * @param props - The sections and how the dialog is opened and closed.
+ * @returns The dialog.
+ */
+export function DocumentationDialogFrame(props) {
+    const { isOpen, onClose, sections, title = 'Documentation' } = props;
+    useConfirmOnEnter(isOpen, onClose);
+    return (_jsxs(Dialog, { isOpen: isOpen, title: title, icon: "help", style: dialogStyle, onClose: onClose, children: [_jsx(DialogBody, { children: _jsx("div", { style: bodyStyle, children: sections.map((section) => (_jsx(Section, { title: section.title, children: section.body }, section.id))) }) }), _jsx(DialogFooter, { actions: _jsx(Button, { intent: "primary", onClick: onClose, children: "Close" }) })] }));
+}
+const dialogStyle = { width: 640, maxWidth: '92vw' };
+const bodyStyle = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 20,
+};
+//# sourceMappingURL=DocumentationDialogFrame.js.map

package/lib/panel/ui/DocumentationDialogFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentationDialogFrame.js","sourceRoot":"","sources":["../../../src/panel/ui/DocumentationDialogFrame.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG7E,OAAO,EAAE,OAAO,EAAE,MAAM,cAAe,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AA2B3D;;;;GAIG;AACH,MAAM,UAAU,wBAAwB,CACtC,KAAoC;IAEpC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAG,eAAe,EAAE,GAAG,KAAK,CAAC;IACrE,iBAAiB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEnC,OAAO,CACL,MAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,OAAO,aAEhB,KAAC,UAAU,cACT,cAAK,KAAK,EAAE,SAAS,YAClB,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,KAAC,OAAO,IAAkB,KAAK,EAAE,OAAO,CAAC,KAAK,YAC3C,OAAO,CAAC,IAAI,IADD,OAAO,CAAC,EAAE,CAEd,CACX,CAAC,GACE,GACK,EACb,KAAC,YAAY,IACX,OAAO,EACL,KAAC,MAAM,IAAC,MAAM,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,sBAEhC,GAEX,IACK,CACV,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAW,CAAC;AAE9D,MAAM,SAAS,GAAG;IAChB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,EAAE;CACC,CAAC"}

package/lib/panel/ui/FilterInput.d.ts

@@ -0,0 +1,31 @@
+export interface FilterInputProps {
+    /** What the user typed. */
+    value: string;
+    /** Called with what the user typed, and with `''` when the cross is clicked. */
+    onValueChange: (value: string) => void;
+    /** What the box says while it is empty. */
+    placeholder: string;
+    /**
+     * Whether the box takes the caret as it appears, for the times it is revealed
+     * by a click on a toolbar item somewhere else.
+     * @default false
+     */
+    autoFocus?: boolean;
+}
+/**
+ * The box a list is filtered through, with a cross to empty it again.
+ *
+ * A filter left behind hides entries that are still there, and a peak table is
+ * exactly where that goes unnoticed — a spectrum with three peaks in it looks
+ * like a spectrum with three peaks in it. So every list that offers a filter
+ * also offers one click back to the whole of it rather than a held backspace.
+ *
+ * Every correction the browser offers is turned off: a formula, an m/z and a
+ * residue name are neither words nor sentences, and a mobile keyboard
+ * capitalising `mNa+` or autocorrecting `Hex` is how a query stops matching
+ * anything.
+ * @param props - Component props.
+ * @returns The box.
+ */
+export declare function FilterInput(props: FilterInputProps): import("react").JSX.Element;
+//# sourceMappingURL=FilterInput.d.ts.map

package/lib/panel/ui/FilterInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterInput.d.ts","sourceRoot":"","sources":["../../../src/panel/ui/FilterInput.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAyBlD"}

package/lib/panel/ui/FilterInput.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InputGroup } from '@blueprintjs/core';
+import { ClearButton } from "./ClearButton.js";
+/**
+ * The box a list is filtered through, with a cross to empty it again.
+ *
+ * A filter left behind hides entries that are still there, and a peak table is
+ * exactly where that goes unnoticed — a spectrum with three peaks in it looks
+ * like a spectrum with three peaks in it. So every list that offers a filter
+ * also offers one click back to the whole of it rather than a held backspace.
+ *
+ * Every correction the browser offers is turned off: a formula, an m/z and a
+ * residue name are neither words nor sentences, and a mobile keyboard
+ * capitalising `mNa+` or autocorrecting `Hex` is how a query stops matching
+ * anything.
+ * @param props - Component props.
+ * @returns The box.
+ */
+export function FilterInput(props) {
+    const { value, onValueChange, placeholder, autoFocus = false } = props;
+    return (_jsx(InputGroup, { autoFocus: autoFocus, leftIcon: "search", size: "small", value: value, placeholder: placeholder, spellCheck: false, autoCapitalize: "off", autoCorrect: "off", autoComplete: "off", rightElement: value.length > 0 ? (_jsx(ClearButton, { label: "Clear the filter", onClick: () => onValueChange('') })) : undefined, onValueChange: onValueChange }));
+}
+//# sourceMappingURL=FilterInput.js.map

package/lib/panel/ui/FilterInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterInput.js","sourceRoot":"","sources":["../../../src/panel/ui/FilterInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAC;AAiBhD;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEvE,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAC,QAAQ,EACjB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,KAAK,EACjB,cAAc,EAAC,KAAK,EACpB,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,YAAY,EACV,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjB,KAAC,WAAW,IACV,KAAK,EAAC,kBAAkB,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,GAChC,CACH,CAAC,CAAC,CAAC,SAAS,EAEf,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC"}

package/lib/panel/ui/HelpLabel.d.ts

@@ -0,0 +1,24 @@
+import type { HelpText } from '../../help/ui/HelpBody.tsx';
+/** What the label names, and what its question mark answers. */
+export interface HelpLabelProps {
+    /** What the value is, written small and quiet above it. */
+    label: string;
+    /** The sentences the question mark carries, one string per paragraph. */
+    help: HelpText;
+}
+/**
+ * A panel label with a question mark beside it.
+ *
+ * The label is the half that has to be read at a glance — it names the field
+ * under it — so it stays plain, and everything that would otherwise be a
+ * paragraph of instructions under the control hangs off the glyph beside it.
+ *
+ * The help opens to the side rather than above, and that is not a preference:
+ * these glyphs sit in a panel beside the very thing they explain — a picture, a
+ * chart, a spectrum — and a tooltip placed over the top of a control covers the
+ * subject of its own first sentence.
+ * @param props - Component props.
+ * @returns The label row.
+ */
+export declare function HelpLabel(props: HelpLabelProps): import("react").JSX.Element;
+//# sourceMappingURL=HelpLabel.d.ts.map

package/lib/panel/ui/HelpLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpLabel.d.ts","sourceRoot":"","sources":["../../../src/panel/ui/HelpLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAI3D,gEAAgE;AAChE,MAAM,WAAW,cAAc;IAC7B,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BAc9C"}

package/lib/panel/ui/HelpLabel.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { HelpIcon } from "../../help/ui/HelpIcon.js";
+import { labelStyle } from "../core/panelStyles.js";
+/**
+ * A panel label with a question mark beside it.
+ *
+ * The label is the half that has to be read at a glance — it names the field
+ * under it — so it stays plain, and everything that would otherwise be a
+ * paragraph of instructions under the control hangs off the glyph beside it.
+ *
+ * The help opens to the side rather than above, and that is not a preference:
+ * these glyphs sit in a panel beside the very thing they explain — a picture, a
+ * chart, a spectrum — and a tooltip placed over the top of a control covers the
+ * subject of its own first sentence.
+ * @param props - Component props.
+ * @returns The label row.
+ */
+export function HelpLabel(props) {
+    const { label, help } = props;
+    return (_jsxs("div", { style: rowStyle, children: [_jsx("span", { style: labelStyle, children: label }), _jsx(HelpIcon, { content: { body: help }, label: `What ${label} means`, placement: "left", size: 12 })] }));
+}
+const rowStyle = { display: 'flex', alignItems: 'center', gap: 4 };
+//# sourceMappingURL=HelpLabel.js.map

package/lib/panel/ui/HelpLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpLabel.js","sourceRoot":"","sources":["../../../src/panel/ui/HelpLabel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA4B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAUpD;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAE9B,OAAO,CACL,eAAK,KAAK,EAAE,QAAQ,aAClB,eAAM,KAAK,EAAE,UAAU,YAAG,KAAK,GAAQ,EACvC,KAAC,QAAQ,IACP,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EACvB,KAAK,EAAE,QAAQ,KAAK,QAAQ,EAC5B,SAAS,EAAC,MAAM,EAChB,IAAI,EAAE,EAAE,GACR,IACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,QAAQ,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAW,CAAC"}

package/lib/panel/ui/PanelMessage.d.ts

@@ -0,0 +1,41 @@
+import type { IconName } from '@blueprintjs/core';
+import type { ReactNode } from 'react';
+/** What a panel says when it cannot show what it is for. */
+export type PanelMessageIntent = 'none' | 'warning' | 'danger';
+export interface PanelMessageProps {
+    /**
+     * How much is in the way: `danger` for something the editor refused,
+     * `warning` for something it could only do in part, `none` for a remark.
+     * @default 'warning'
+     */
+    intent?: PanelMessageIntent;
+    /**
+     * The icon, when the one the intent carries is not the one meant — a lookup
+     * that found nothing is a search that came back empty, not a warning.
+     * @default the icon of the intent
+     */
+    icon?: IconName;
+    /** What to say, in the terms the drawing is in. */
+    children: ReactNode;
+}
+/**
+ * Why a panel is showing this instead of what it is for.
+ *
+ * A refusal, a limitation and a remark are told apart by colour rather than by
+ * wording, and they are told apart the same way in every panel — which is what
+ * this is for: eight places said the same thing in three spellings before.
+ * @param props - Component props.
+ * @returns The callout.
+ */
+export declare function PanelMessage(props: PanelMessageProps): import("react").JSX.Element;
+export interface PanelEmptyProps {
+    /** What there is instead of the list, in a few words. */
+    children: ReactNode;
+}
+/**
+ * The quiet line a panel shows in place of a list it has nothing to fill.
+ * @param props - Component props.
+ * @returns The line.
+ */
+export declare function PanelEmpty(props: PanelEmptyProps): import("react").JSX.Element;
+//# sourceMappingURL=PanelMessage.d.ts.map

package/lib/panel/ui/PanelMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelMessage.d.ts","sourceRoot":"","sources":["../../../src/panel/ui/PanelMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,4DAA4D;AAC5D,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/D,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,mDAAmD;IACnD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAQpD;AAED,MAAM,WAAW,eAAe;IAC9B,yDAAyD;IACzD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,+BAEhD"}

package/lib/panel/ui/PanelMessage.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Callout } from '@blueprintjs/core';
+import { panelEmptyStyle } from "../core/panelStyles.js";
+/**
+ * Why a panel is showing this instead of what it is for.
+ *
+ * A refusal, a limitation and a remark are told apart by colour rather than by
+ * wording, and they are told apart the same way in every panel — which is what
+ * this is for: eight places said the same thing in three spellings before.
+ * @param props - Component props.
+ * @returns The callout.
+ */
+export function PanelMessage(props) {
+    const { intent = 'warning', icon = INTENT_ICONS[intent], children } = props;
+    return (_jsx(Callout, { intent: intent, compact: true, icon: icon, children: children }));
+}
+/**
+ * The quiet line a panel shows in place of a list it has nothing to fill.
+ * @param props - Component props.
+ * @returns The line.
+ */
+export function PanelEmpty(props) {
+    return _jsx("div", { style: panelEmptyStyle, children: props.children });
+}
+const INTENT_ICONS = {
+    none: 'info-sign',
+    warning: 'warning-sign',
+    danger: 'error',
+};
+//# sourceMappingURL=PanelMessage.js.map

package/lib/panel/ui/PanelMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelMessage.js","sourceRoot":"","sources":["../../../src/panel/ui/PanelMessage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG5C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAsBzD;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,GAAG,YAAY,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5E,OAAO,CACL,KAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,QAAC,IAAI,EAAE,IAAI,YACxC,QAAQ,GACD,CACX,CAAC;AACJ,CAAC;AAOD;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,OAAO,cAAK,KAAK,EAAE,eAAe,YAAG,KAAK,CAAC,QAAQ,GAAO,CAAC;AAC7D,CAAC;AAED,MAAM,YAAY,GAAyC;IACzD,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,OAAO;CAChB,CAAC"}

package/lib/panel/ui/PanelRail.d.ts

@@ -0,0 +1,41 @@
+/**
+ * The column of icons down the right edge, which opens and shuts the panels.
+ *
+ * Only the bar and its icons: each editor keeps the element it hangs the rail
+ * in, because where the rail sits — outside the split, so the icons stay against
+ * the edge while the panel beside them is resized — is a decision about that
+ * editor's layout rather than about the rail.
+ */
+import type { IconName, MaybeElement } from '@blueprintjs/core';
+import type { ReactNode } from 'react';
+/**
+ * One panel the rail can open.
+ *
+ * Generic in its own id, because each editor names its panels in a union of its
+ * own and hands the rail the very function that opens them — a rail that took
+ * plain strings would refuse every one of those functions.
+ */
+export interface RailPanel<TId extends string = string> {
+    /** Which panel, matching what the editor's state calls it. */
+    id: TId;
+    /** The Blueprint icon it is known by. */
+    icon: IconName | MaybeElement;
+    /** What the tooltip reads. */
+    title: string;
+}
+/** What the rail is given. */
+export interface PanelRailProps<TId extends string = string> {
+    /** The panels offered, in the order they are shown. */
+    panels: ReadonlyArray<RailPanel<TId>>;
+    /** Which of them are open. */
+    openIds: readonly string[];
+    /** Called with the panel an icon was clicked for. */
+    onToggle: (id: TId) => void;
+}
+/**
+ * Draw the rail.
+ * @param props - The panels, which are open, and what to do about a click.
+ * @returns The rail.
+ */
+export declare function PanelRail<TId extends string>(props: PanelRailProps<TId>): ReactNode;
+//# sourceMappingURL=PanelRail.d.ts.map

package/lib/panel/ui/PanelRail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelRail.d.ts","sourceRoot":"","sources":["../../../src/panel/ui/PanelRail.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;;GAMG;AACH,MAAM,WAAW,SAAS,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM;IACpD,8DAA8D;IAC9D,EAAE,EAAE,GAAG,CAAC;IACR,yCAAyC;IACzC,IAAI,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC9B,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,8BAA8B;AAC9B,MAAM,WAAW,cAAc,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM;IACzD,uDAAuD;IACvD,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IACtC,8BAA8B;IAC9B,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,qDAAqD;IACrD,QAAQ,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,GAAG,SAAS,MAAM,EAC1C,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GACzB,SAAS,CAiBX"}

package/lib/panel/ui/PanelRail.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ActivityBar } from 'react-science/ui';
+/**
+ * Draw the rail.
+ * @param props - The panels, which are open, and what to do about a click.
+ * @returns The rail.
+ */
+export function PanelRail(props) {
+    const { panels, openIds, onToggle } = props;
+    return (_jsx(ActivityBar, { children: panels.map((panel) => (_jsx(ActivityBar.Item, { id: panel.id, icon: panel.icon, tooltip: panel.title, active: openIds.includes(panel.id), onClick: () => onToggle(panel.id) }, panel.id))) }));
+}
+//# sourceMappingURL=PanelRail.js.map

package/lib/panel/ui/PanelRail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelRail.js","sourceRoot":"","sources":["../../../src/panel/ui/PanelRail.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AA4B/C;;;;GAIG;AACH,MAAM,UAAU,SAAS,CACvB,KAA0B;IAE1B,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5C,OAAO,CACL,KAAC,WAAW,cACT,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,KAAC,WAAW,CAAC,IAAI,IAEf,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,IAL5B,KAAK,CAAC,EAAE,CAMb,CACH,CAAC,GACU,CACf,CAAC;AACJ,CAAC"}

package/lib/panel/ui/Section.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+export interface SectionProps {
+    /** What the block is about, written above it. */
+    title: string;
+    /** The block. */
+    children: ReactNode;
+}
+/**
+ * One titled block of a dialog.
+ * @param props - Component props.
+ * @returns The section.
+ */
+export declare function Section(props: SectionProps): import("react").JSX.Element;
+export interface LinkProps {
+    href: string;
+    children: ReactNode;
+}
+/**
+ * A link out of a dialog, opened away from the editor so a drawing in progress
+ * or a spectrum being read is never lost to a click.
+ * @param props - Component props.
+ * @returns The link.
+ */
+export declare function Link(props: LinkProps): import("react").JSX.Element;
+//# sourceMappingURL=Section.d.ts.map

package/lib/panel/ui/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/panel/ui/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,YAAY;IAC3B,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAQ1C;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,+BAOpC"}

package/lib/panel/ui/Section.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * One titled block of a dialog.
+ * @param props - Component props.
+ * @returns The section.
+ */
+export function Section(props) {
+    const { title, children } = props;
+    return (_jsxs("div", { style: sectionStyle, children: [_jsx("div", { style: sectionTitleStyle, children: title }), children] }));
+}
+/**
+ * A link out of a dialog, opened away from the editor so a drawing in progress
+ * or a spectrum being read is never lost to a click.
+ * @param props - Component props.
+ * @returns The link.
+ */
+export function Link(props) {
+    const { href, children } = props;
+    return (_jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", style: linkStyle, children: children }));
+}
+const sectionStyle = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 6,
+};
+const sectionTitleStyle = {
+    fontSize: 11,
+    fontWeight: 600,
+    textTransform: 'uppercase',
+    letterSpacing: '0.04em',
+    opacity: 0.6,
+};
+// Spelled out rather than left to the page: nothing says a host application
+// styles its anchors, and a credit nobody can tell is a link is not a credit.
+const linkStyle = {
+    // The site's own accent, and the inherited ink on a page that declares none —
+    // the underline is what makes it a link either way.
+    color: 'var(--accent, inherit)',
+    textDecoration: 'underline',
+};
+//# sourceMappingURL=Section.js.map

package/lib/panel/ui/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../src/panel/ui/Section.tsx"],"names":[],"mappings":";AASA;;;;GAIG;AACH,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,eAAK,KAAK,EAAE,YAAY,aACtB,cAAK,KAAK,EAAE,iBAAiB,YAAG,KAAK,GAAO,EAC3C,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAOD;;;;;GAKG;AACH,MAAM,UAAU,IAAI,CAAC,KAAgB;IACnC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACjC,OAAO,CACL,YAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,KAAK,EAAE,SAAS,YACtE,QAAQ,GACP,CACL,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,CAAC;CACE,CAAC;AAEX,MAAM,iBAAiB,GAAG;IACxB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,aAAa,EAAE,WAAW;IAC1B,aAAa,EAAE,QAAQ;IACvB,OAAO,EAAE,GAAG;CACJ,CAAC;AAEX,4EAA4E;AAC5E,8EAA8E;AAC9E,MAAM,SAAS,GAAG;IAChB,8EAA8E;IAC9E,oDAAoD;IACpD,KAAK,EAAE,wBAAwB;IAC/B,cAAc,EAAE,WAAW;CACnB,CAAC"}

package/lib/panel/ui/SidePanelStack.d.ts

@@ -0,0 +1,62 @@
+import type { ReactNode } from 'react';
+import type { ActivityBarItemProps } from 'react-science/ui';
+/** What a rail reads about one panel, wherever that rail is drawn. */
+export interface PanelDescriptor {
+    /** Identity, as the activity bar and the list of open panels address it. */
+    id: string;
+    /** What the header says, and what the icon's tooltip reads. */
+    title: string;
+    /** The icon stacked in the rail. */
+    icon: ActivityBarItemProps['icon'];
+}
+export interface SidePanelStackProps<TPanel extends PanelDescriptor> {
+    /** Every panel on offer, in the order their icons are stacked. */
+    panels: readonly TPanel[];
+    /** Which of them are open, named as each editor's own view names them. */
+    openPanelIds: readonly string[];
+    /**
+     * Called with the panel whose close cross was pressed. It is the id of one of
+     * `panels` rather than any string, so an editor whose panels are a fixed set
+     * hands its own `togglePanel` straight in.
+     * @param id - Identity of that panel.
+     */
+    onClose: (id: TPanel['id']) => void;
+    /**
+     * What to draw inside one panel.
+     * @param panel - The panel to draw.
+     * @returns Its body.
+     */
+    children: (panel: TPanel) => ReactNode;
+}
+/**
+ * The panels that are open, stacked one under the other down the side.
+ *
+ * Every open panel gets a share of the height rather than a turn: the things
+ * they hold are read together — which spectrum is selected and what its peaks
+ * are, the residues to pick from and what the drawing adds up to — so closing
+ * one to see the other would be a step backwards. A header click still folds a
+ * single panel away, and shift-click folds every other one.
+ *
+ * They are drawn in the order the rail stacks their icons rather than the order
+ * they were switched on, so a panel always comes back where it was.
+ *
+ * The header carries the shell's own two gestures and nothing about what the
+ * panel holds: the chevron that folds it away and the cross that closes it.
+ * What a panel switches on and off is a toolbar at the top of its own body, so
+ * it travels with the panel when it is folded, reordered or lent to another
+ * editor, and every header in every editor reads the same — which is the reason
+ * this is one component rather than one per editor.
+ *
+ * The chevron is there because nothing else says which panels are folded. The
+ * accordion draws every header identically and hides only the body, so a side
+ * of four closed panels and a side of four open ones differ by white space, and
+ * a reader looking for a panel that is already open reaches for its icon and
+ * closes it. It is a real button rather than a glyph because the header's own
+ * click never reaches the toolbar — clicks there are stopped so the close cross
+ * does not also fold the panel — so a chevron that did nothing when pressed
+ * would be an affordance that lies.
+ * @param props - Component props.
+ * @returns The stack.
+ */
+export declare function SidePanelStack<TPanel extends PanelDescriptor>(props: SidePanelStackProps<TPanel>): import("react").JSX.Element;
+//# sourceMappingURL=SidePanelStack.d.ts.map

package/lib/panel/ui/SidePanelStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidePanelStack.d.ts","sourceRoot":"","sources":["../../../src/panel/ui/SidePanelStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAG7D,sEAAsE;AACtE,MAAM,WAAW,eAAe;IAC9B,4EAA4E;IAC5E,EAAE,EAAE,MAAM,CAAC;IACX,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,mBAAmB,CAAC,MAAM,SAAS,eAAe;IACjE,kEAAkE;IAClE,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,0EAA0E;IAC1E,YAAY,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC;;;;;OAKG;IACH,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;CACxC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,cAAc,CAAC,MAAM,SAAS,eAAe,EAC3D,KAAK,EAAE,mBAAmB,CAAC,MAAM,CAAC,+BA2CnC"}

package/lib/panel/ui/SidePanelStack.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Accordion, AccordionProvider, Button } from 'react-science/ui';
+/**
+ * The panels that are open, stacked one under the other down the side.
+ *
+ * Every open panel gets a share of the height rather than a turn: the things
+ * they hold are read together — which spectrum is selected and what its peaks
+ * are, the residues to pick from and what the drawing adds up to — so closing
+ * one to see the other would be a step backwards. A header click still folds a
+ * single panel away, and shift-click folds every other one.
+ *
+ * They are drawn in the order the rail stacks their icons rather than the order
+ * they were switched on, so a panel always comes back where it was.
+ *
+ * The header carries the shell's own two gestures and nothing about what the
+ * panel holds: the chevron that folds it away and the cross that closes it.
+ * What a panel switches on and off is a toolbar at the top of its own body, so
+ * it travels with the panel when it is folded, reordered or lent to another
+ * editor, and every header in every editor reads the same — which is the reason
+ * this is one component rather than one per editor.
+ *
+ * The chevron is there because nothing else says which panels are folded. The
+ * accordion draws every header identically and hides only the body, so a side
+ * of four closed panels and a side of four open ones differ by white space, and
+ * a reader looking for a panel that is already open reaches for its icon and
+ * closes it. It is a real button rather than a glyph because the header's own
+ * click never reaches the toolbar — clicks there are stopped so the close cross
+ * does not also fold the panel — so a chevron that did nothing when pressed
+ * would be an affordance that lies.
+ * @param props - Component props.
+ * @returns The stack.
+ */
+export function SidePanelStack(props) {
+    const { panels, openPanelIds, onClose, children } = props;
+    const open = panels.filter((panel) => openPanelIds.includes(panel.id));
+    return (_jsx(AccordionProvider, { children: _jsx(Accordion, { children: open.map((panel) => (_jsx(Accordion.Item, { id: panel.id, title: panel.title, defaultOpen: true, renderToolbar: ({ isOpen, controls }) => (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "minimal", icon: isOpen ? 'chevron-down' : 'chevron-right', "data-panel-open": isOpen, "aria-expanded": isOpen, "aria-label": `${isOpen ? 'Fold' : 'Unfold'} the ${panel.title.toLowerCase()} panel`, tooltipProps: {
+                                content: isOpen ? 'Fold this panel away' : 'Unfold it',
+                            }, onClick: () => controls.toggle() }), _jsx(Button, { variant: "minimal", icon: "cross", tooltipProps: { content: 'Close this panel' }, "aria-label": `Close the ${panel.title.toLowerCase()} panel`, onClick: () => onClose(panel.id) })] })), children: children(panel) }, panel.id))) }) }));
+}
+//# sourceMappingURL=SidePanelStack.js.map

package/lib/panel/ui/SidePanelStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidePanelStack.js","sourceRoot":"","sources":["../../../src/panel/ui/SidePanelStack.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAgCxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,cAAc,CAC5B,KAAkC;IAElC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,KAAC,iBAAiB,cAChB,KAAC,SAAS,cACP,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACnB,KAAC,SAAS,CAAC,IAAI,IAEb,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,QACX,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACvC,8BACE,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,qBAC9B,MAAM,mBACR,MAAM,gBACT,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,QAAQ,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,QAAQ,EAClF,YAAY,EAAE;gCACZ,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,WAAW;6BACvD,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,GAChC,EACF,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,gBACjC,aAAa,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,QAAQ,EAC1D,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAChC,IACD,CACJ,YAEA,QAAQ,CAAC,KAAK,CAAC,IA3BX,KAAK,CAAC,EAAE,CA4BE,CAClB,CAAC,GACQ,GACM,CACrB,CAAC;AACJ,CAAC"}

package/lib/panel/ui/SpectrumColorSwatch.d.ts

@@ -0,0 +1,33 @@
+export interface SpectrumColorSwatchProps {
+    /** The colour the spectrum is drawn in. */
+    color: string;
+    /** What the list calls it, for the labels a screen reader reads out. */
+    name: string;
+    /** Called with the colour that was picked. */
+    onPick: (color: string) => void;
+}
+/**
+ * The chip that says what colour a spectrum is drawn in, and changes it.
+ *
+ * The palette is what `spectrumColor.ts` holds and nothing else: a free colour
+ * picker would let two spectra be set to the same blue, or to a hue that
+ * disappears against the chart, and telling the traces apart is the whole job
+ * the colour has.
+ *
+ * Its two tiers are drawn as two rows, in that order and unlabelled. A row is
+ * enough: the top one is what the chart uses by itself, so a reader who never
+ * looks below it is already right, and one who does is choosing deliberately —
+ * which is the only way a colour that asks more of its reader's eyes should
+ * ever be picked. A legend explaining the difference would be read once and be
+ * in the way afterwards; `spectrumColor.ts` is where the difference is written
+ * down.
+ *
+ * One component for every viewer rather than one per package: a swatch that
+ * opens a picker in the mass panel and walks the palette in the infrared one is
+ * two different controls wearing the same chip, and whichever a reader learned
+ * first is the wrong one in the other editor.
+ * @param props - Component props.
+ * @returns The chip.
+ */
+export declare function SpectrumColorSwatch(props: SpectrumColorSwatchProps): import("react").JSX.Element;
+//# sourceMappingURL=SpectrumColorSwatch.d.ts.map

package/lib/panel/ui/SpectrumColorSwatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpectrumColorSwatch.d.ts","sourceRoot":"","sources":["../../../src/panel/ui/SpectrumColorSwatch.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,wBAAwB;IACvC,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,IAAI,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,+BA8ClE"}