react-cheminfo 0.27.0 → 0.29.0

package/lib/panel/core/textFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textFilter.d.ts","sourceRoot":"","sources":["../../../src/panel/core/textFilter.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,EACd,GAAG,MAAM,EAAE,aAAa,CAAC,MAAM,GAAG,SAAS,CAAC,GAC3C,OAAO,CAMT"}

package/lib/panel/core/textFilter.js

@@ -0,0 +1,32 @@
+/**
+ * Read what the user typed into a filter box.
+ * @param filter - What was typed.
+ * @returns It trimmed and lowercased, which is what a match is made against.
+ * @example
+ * filterNeedle('  GlcNAc '); // 'glcnac'
+ */
+export function filterNeedle(filter) {
+    return filter.trim().toLowerCase();
+}
+/**
+ * Whether any of the things an entry is known by carries what was typed.
+ *
+ * Every list the editor filters is filtered the same way — case-insensitively,
+ * on a substring, across the few fields an entry is recognised by — so a
+ * residue, a template and a symbol all answer to the same test.
+ * @param needle - The filter, already through `filterNeedle`.
+ * @param values - What the entry is known by; an absent one never matches.
+ * @returns Whether the entry is worth showing, always true for an empty filter.
+ * @example
+ * matchesNeedle('nac', 'GlcNAc', 'N-acetylglucosamine'); // true
+ */
+export function matchesNeedle(needle, ...values) {
+    if (needle === '')
+        return true;
+    for (const value of values) {
+        if (value?.toLowerCase().includes(needle))
+            return true;
+    }
+    return false;
+}
+//# sourceMappingURL=textFilter.js.map

package/lib/panel/core/textFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textFilter.js","sourceRoot":"","sources":["../../../src/panel/core/textFilter.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAAC,MAAc;IACzC,OAAO,MAAM,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;AACrC,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,aAAa,CAC3B,MAAc,EACd,GAAG,MAAyC;IAE5C,IAAI,MAAM,KAAK,EAAE;QAAE,OAAO,IAAI,CAAC;IAC/B,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,IAAI,KAAK,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC;YAAE,OAAO,IAAI,CAAC;IACzD,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/lib/panel/core/yieldToPainting.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Give the browser a turn, in the middle of work that would otherwise hold it.
+ *
+ * A long read that reports its progress reports it into a page that never gets
+ * to draw: awaiting a value already in hand queues a microtask, and the browser
+ * paints between tasks, not between microtasks. So a loop over a run held in
+ * memory can walk twenty-six million peaks announcing each percent and leave
+ * the screen showing the percent it was at when the loop began.
+ *
+ * `setTimeout` and not `requestAnimationFrame`, for two reasons: these packages
+ * are tested without a DOM, so work that only advanced inside a browser could
+ * not be tested at all; and a tab in the background stops painting frames
+ * altogether, which would stop a read its owner is waiting for.
+ * @returns When the browser has had its turn.
+ */
+export declare function yieldToPainting(): Promise<void>;
+//# sourceMappingURL=yieldToPainting.d.ts.map

package/lib/panel/core/yieldToPainting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"yieldToPainting.d.ts","sourceRoot":"","sources":["../../../src/panel/core/yieldToPainting.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC,CAI/C"}

package/lib/panel/core/yieldToPainting.js

@@ -0,0 +1,21 @@
+/**
+ * Give the browser a turn, in the middle of work that would otherwise hold it.
+ *
+ * A long read that reports its progress reports it into a page that never gets
+ * to draw: awaiting a value already in hand queues a microtask, and the browser
+ * paints between tasks, not between microtasks. So a loop over a run held in
+ * memory can walk twenty-six million peaks announcing each percent and leave
+ * the screen showing the percent it was at when the loop began.
+ *
+ * `setTimeout` and not `requestAnimationFrame`, for two reasons: these packages
+ * are tested without a DOM, so work that only advanced inside a browser could
+ * not be tested at all; and a tab in the background stops painting frames
+ * altogether, which would stop a read its owner is waiting for.
+ * @returns When the browser has had its turn.
+ */
+export function yieldToPainting() {
+    return new Promise((resolve) => {
+        setTimeout(resolve, 0);
+    });
+}
+//# sourceMappingURL=yieldToPainting.js.map

package/lib/panel/core/yieldToPainting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yieldToPainting.js","sourceRoot":"","sources":["../../../src/panel/core/yieldToPainting.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,eAAe;IAC7B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IACzB,CAAC,CAAC,CAAC;AACL,CAAC"}

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

@@ -0,0 +1,36 @@
+/**
+ * The shape an editor's About dialog takes, so every viewer wears the same one.
+ *
+ * What differs between them is what they are and whose work they are built on;
+ * what does not is the frame — the mark beside the title, the mark again at
+ * full size beside a one-paragraph statement of what the editor does, then the
+ * sections crediting the parts, then a way out. A viewer hands over its words
+ * and its logo and writes none of that geometry itself.
+ */
+import type { ReactNode } from 'react';
+/** What an About dialog is given. */
+export interface AboutDialogFrameProps {
+    /** Whether the dialog is showing. */
+    isOpen: boolean;
+    /** Called when it is dismissed. */
+    onClose: () => void;
+    /** What the title bar reads. */
+    title: string;
+    /** The editor's mark, at title size. */
+    mark: ReactNode;
+    /** The same mark, at the size the header shows it. */
+    logo: ReactNode;
+    /** What the editor is called, beside the logo. */
+    name: string;
+    /** One paragraph on what it does. */
+    intro: ReactNode;
+    /** The sections under it: credits, licence, whatever else is owed. */
+    children: ReactNode;
+}
+/**
+ * Draw an About dialog around a viewer's own words.
+ * @param props - The words, the mark, and how the dialog is opened and closed.
+ * @returns The dialog.
+ */
+export declare function AboutDialogFrame(props: AboutDialogFrameProps): ReactNode;
+//# sourceMappingURL=AboutDialogFrame.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AboutDialogFrame.d.ts","sourceRoot":"","sources":["../../../src/panel/ui/AboutDialogFrame.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,qCAAqC;AACrC,MAAM,WAAW,qBAAqB;IACpC,qCAAqC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,mCAAmC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,IAAI,EAAE,SAAS,CAAC;IAChB,sDAAsD;IACtD,IAAI,EAAE,SAAS,CAAC;IAChB,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,KAAK,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAiCxE"}

package/lib/panel/ui/AboutDialogFrame.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The shape an editor's About dialog takes, so every viewer wears the same one.
+ *
+ * What differs between them is what they are and whose work they are built on;
+ * what does not is the frame — the mark beside the title, the mark again at
+ * full size beside a one-paragraph statement of what the editor does, then the
+ * sections crediting the parts, then a way out. A viewer hands over its words
+ * and its logo and writes none of that geometry itself.
+ */
+import { Button, Dialog, DialogBody, DialogFooter } from '@blueprintjs/core';
+import { useConfirmOnEnter } from "./useConfirmOnEnter.js";
+/**
+ * Draw an About dialog around a viewer's own words.
+ * @param props - The words, the mark, and how the dialog is opened and closed.
+ * @returns The dialog.
+ */
+export function AboutDialogFrame(props) {
+    const { isOpen, onClose, title, mark, logo, name, intro, children } = props;
+    useConfirmOnEnter(isOpen, onClose);
+    return (_jsxs(Dialog, { isOpen: isOpen, title: title, icon: _jsx("span", { style: titleLogoStyle, children: mark }), style: dialogStyle, onClose: onClose, children: [_jsx(DialogBody, { children: _jsxs("div", { style: bodyStyle, children: [_jsxs("div", { style: headerStyle, children: [_jsx("div", { style: logoStyle, children: logo }), _jsxs("div", { children: [_jsx("div", { style: nameStyle, children: name }), intro] })] }), children] }) }), _jsx(DialogFooter, { actions: _jsx(Button, { intent: "primary", onClick: onClose, children: "Close" }) })] }));
+}
+const dialogStyle = { width: 480, maxWidth: '92vw' };
+const bodyStyle = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 16,
+};
+const headerStyle = { display: 'flex', alignItems: 'center', gap: 16 };
+/** A fixed size, not a share of the row: a flex item gives up its width first. */
+const logoStyle = { flexShrink: 0 };
+/** The header spaces a Blueprint icon off the title; the mark is not one. */
+const titleLogoStyle = {
+    display: 'inline-flex',
+    flexShrink: 0,
+    marginRight: 10,
+};
+const nameStyle = {
+    fontSize: 16,
+    fontWeight: 600,
+    marginBottom: 4,
+};
+//# sourceMappingURL=AboutDialogFrame.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AboutDialogFrame.js","sourceRoot":"","sources":["../../../src/panel/ui/AboutDialogFrame.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAsB3D;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC5E,iBAAiB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEnC,OAAO,CACL,MAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,eAAM,KAAK,EAAE,cAAc,YAAG,IAAI,GAAQ,EAChD,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,OAAO,aAEhB,KAAC,UAAU,cACT,eAAK,KAAK,EAAE,SAAS,aACnB,eAAK,KAAK,EAAE,WAAW,aACrB,cAAK,KAAK,EAAE,SAAS,YAAG,IAAI,GAAO,EACnC,0BACE,cAAK,KAAK,EAAE,SAAS,YAAG,IAAI,GAAO,EAClC,KAAK,IACF,IACF,EACL,QAAQ,IACL,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;AAEX,MAAM,WAAW,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAW,CAAC;AAEhF,kFAAkF;AAClF,MAAM,SAAS,GAAG,EAAE,UAAU,EAAE,CAAC,EAAW,CAAC;AAE7C,6EAA6E;AAC7E,MAAM,cAAc,GAAG;IACrB,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,CAAC;IACb,WAAW,EAAE,EAAE;CACP,CAAC;AAEX,MAAM,SAAS,GAAG;IAChB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,YAAY,EAAE,CAAC;CACP,CAAC"}

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

@@ -0,0 +1,28 @@
+export interface ClearButtonProps {
+    /**
+     * What emptying the box does, said as the thing it achieves rather than as
+     * "clear" — a screen reader and a hovering pointer both get this one line,
+     * and `Leave green out` says what `Clear` does not.
+     */
+    label: string;
+    /** Called when it is clicked, with the box left for the caller to empty. */
+    onClick: () => void;
+}
+/**
+ * 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 declare function ClearButton(props: ClearButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=ClearButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearButton.d.ts","sourceRoot":"","sources":["../../../src/panel/ui/ClearButton.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAYlD"}

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"}