@finsemble/finsemble-ui 10.0.0-iocd.9 → 10.0.3-beta.3

package/react/components/legacyControls/FinsembleDialogQuestion.js

@@ -1,17 +1,17 @@
-/*!
- * Copyright 2017 by ChartIQ, Inc.
- * All rights reserved.
- */
-import * as React from "react";
-const DIALOG_QUESTION_BASE_CLASS = "dialog-question";
-/**
- * This component is essentially just a component that adds classes so the styling looks good on dialogs.
- */
-export const FinsembleDialogQuestion = (props) => {
-    var _a;
-    const classes = `${(_a = props.className) !== null && _a !== void 0 ? _a : ""} ${DIALOG_QUESTION_BASE_CLASS}`;
-    return (React.createElement("div", { className: classes },
-        props.question,
-        props.children));
-};
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import * as React from "react";
+const DIALOG_QUESTION_BASE_CLASS = "dialog-question";
+/**
+ * This component is essentially just a component that adds classes so the styling looks good on dialogs.
+ */
+export const FinsembleDialogQuestion = (props) => {
+    var _a;
+    const classes = `${(_a = props.className) !== null && _a !== void 0 ? _a : ""} ${DIALOG_QUESTION_BASE_CLASS}`;
+    return (React.createElement("div", { className: classes },
+        props.question,
+        props.children));
+};
 //# sourceMappingURL=FinsembleDialogQuestion.js.map

package/react/components/legacyControls/FinsembleDialogTextInput.d.ts

@@ -1,23 +1,23 @@
-/*!
- * Copyright 2017 by ChartIQ, Inc.
- * All rights reserved.
- */
-import * as React from "react";
-export declare type FinsembleDialogTextInputProps = {
-    className?: string;
-    maxLength?: number;
-    placeholder?: string;
-    autoFocus?: boolean;
-    focusOnShow?: boolean;
-    inputLabel?: string;
-    value?: string;
-    onInputChange: React.ChangeEventHandler<HTMLInputElement>;
-    inputPattern?: string;
-    ariaLabel?: string;
-    children?: React.ReactNode;
-};
-/**
- * A big text field that's shown on dialogs.
- */
-export declare const FinsembleDialogTextInput: (props: FinsembleDialogTextInputProps) => JSX.Element;
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import * as React from "react";
+export type FinsembleDialogTextInputProps = {
+    className?: string;
+    maxLength?: number;
+    placeholder?: string;
+    autoFocus?: boolean;
+    focusOnShow?: boolean;
+    inputLabel?: string;
+    value?: string;
+    onInputChange: React.ChangeEventHandler<HTMLInputElement>;
+    inputPattern?: string;
+    ariaLabel?: string;
+    children?: React.ReactNode;
+};
+/**
+ * A big text field that's shown on dialogs.
+ */
+export declare const FinsembleDialogTextInput: (props: FinsembleDialogTextInputProps) => React.JSX.Element;
 //# sourceMappingURL=FinsembleDialogTextInput.d.ts.map

package/react/components/legacyControls/FinsembleDialogTextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FinsembleDialogTextInput.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/legacyControls/FinsembleDialogTextInput.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,6BAA6B,GAAG;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,UAAW,6BAA6B,gBAqE5E,CAAC"}
+{"version":3,"file":"FinsembleDialogTextInput.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/legacyControls/FinsembleDialogTextInput.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,6BAA6B,GAAG;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,UAAW,6BAA6B,sBAqE5E,CAAC"}

package/react/components/legacyControls/FinsembleDialogTextInput.js

@@ -1,65 +1,65 @@
-/*!
- * Copyright 2017 by ChartIQ, Inc.
- * All rights reserved.
- */
-import * as React from "react";
-import { FEAGlobals } from "../../../common/Globals";
-const DIALOG_INPUT_BASE_CLASS = "dialog-input";
-/**
- * A big text field that's shown on dialogs.
- */
-export const FinsembleDialogTextInput = (props) => {
-    var _a, _b, _c;
-    const [textValue, setTextValue] = React.useState((_a = props.value) !== null && _a !== void 0 ? _a : "");
-    const textInput = React.useRef(null);
-    const inputPatternRegEx = props.inputPattern ? new RegExp(props.inputPattern) : undefined;
-    /**
-     * Focuses the input field.
-     */
-    const focusInput = () => {
-        var _a;
-        if ((_a = textInput === null || textInput === void 0 ? void 0 : textInput.current) === null || _a === void 0 ? void 0 : _a.focus)
-            textInput.current.focus();
-    };
-    /**
-     * Listens for the shown event so it can focus the input.
-     */
-    React.useEffect(() => {
-        if (props.focusOnShow) {
-            FEAGlobals.finsembleWindow.addEventListener("shown", focusInput);
-        }
-        return () => {
-            if (props.focusOnShow) {
-                FEAGlobals.finsembleWindow.removeEventListener("shown", focusInput);
-            }
-        };
-    }, [props.focusOnShow]);
-    React.useEffect(() => {
-        var _a;
-        if (props.value !== textValue) {
-            setTextValue((_a = props.value) !== null && _a !== void 0 ? _a : "");
-        }
-    }, [props.value]);
-    const placeholder = (_b = props.placeholder) !== null && _b !== void 0 ? _b : "";
-    const classes = `${(_c = props.className) !== null && _c !== void 0 ? _c : ""} ${DIALOG_INPUT_BASE_CLASS}`;
-    /**
-     * If the input is a match for the props.inputPattern regular expression, then pass on the change
-     *
-     * @param {React.ChangeEvent<HTMLInputElement>} e
-     */
-    const changeEvent = (e) => {
-        if (inputPatternRegEx === undefined || e.target.value.match(inputPatternRegEx)) {
-            props.onInputChange(e);
-            setTextValue(e.target.value);
-        }
-        else {
-            FEAGlobals.FSBL.Clients.Logger.system.debug(`FinsembleDialogTextInput: input '${e.target.value}' failed to match against props.inputPattern '${props.inputPattern}'`);
-        }
-    };
-    return (React.createElement("div", { className: classes },
-        React.createElement("label", { htmlFor: "single-input" }, props.inputLabel || ""),
-        React.createElement("div", { className: "form-group" },
-            React.createElement("input", { id: "single-input", autoFocus: props.autoFocus, type: "text", maxLength: props.maxLength, onChange: changeEvent, placeholder: placeholder, ref: textInput, value: textValue, "aria-label": props.ariaLabel })),
-        props.children));
-};
+/*!
+ * Copyright 2017 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import * as React from "react";
+import { FEAGlobals } from "../../../common/Globals";
+const DIALOG_INPUT_BASE_CLASS = "dialog-input";
+/**
+ * A big text field that's shown on dialogs.
+ */
+export const FinsembleDialogTextInput = (props) => {
+    var _a, _b, _c;
+    const [textValue, setTextValue] = React.useState((_a = props.value) !== null && _a !== void 0 ? _a : "");
+    const textInput = React.useRef(null);
+    const inputPatternRegEx = props.inputPattern ? new RegExp(props.inputPattern) : undefined;
+    /**
+     * Focuses the input field.
+     */
+    const focusInput = () => {
+        var _a;
+        if ((_a = textInput === null || textInput === void 0 ? void 0 : textInput.current) === null || _a === void 0 ? void 0 : _a.focus)
+            textInput.current.focus();
+    };
+    /**
+     * Listens for the shown event so it can focus the input.
+     */
+    React.useEffect(() => {
+        if (props.focusOnShow) {
+            FEAGlobals.finsembleWindow.addEventListener("shown", focusInput);
+        }
+        return () => {
+            if (props.focusOnShow) {
+                FEAGlobals.finsembleWindow.removeEventListener("shown", focusInput);
+            }
+        };
+    }, [props.focusOnShow]);
+    React.useEffect(() => {
+        var _a;
+        if (props.value !== textValue) {
+            setTextValue((_a = props.value) !== null && _a !== void 0 ? _a : "");
+        }
+    }, [props.value]);
+    const placeholder = (_b = props.placeholder) !== null && _b !== void 0 ? _b : "";
+    const classes = `${(_c = props.className) !== null && _c !== void 0 ? _c : ""} ${DIALOG_INPUT_BASE_CLASS}`;
+    /**
+     * If the input is a match for the props.inputPattern regular expression, then pass on the change
+     *
+     * @param {React.ChangeEvent<HTMLInputElement>} e
+     */
+    const changeEvent = (e) => {
+        if (inputPatternRegEx === undefined || e.target.value.match(inputPatternRegEx)) {
+            props.onInputChange(e);
+            setTextValue(e.target.value);
+        }
+        else {
+            FEAGlobals.FSBL.Clients.Logger.system.debug(`FinsembleDialogTextInput: input '${e.target.value}' failed to match against props.inputPattern '${props.inputPattern}'`);
+        }
+    };
+    return (React.createElement("div", { className: classes },
+        React.createElement("label", { htmlFor: "single-input" }, props.inputLabel || ""),
+        React.createElement("div", { className: "form-group" },
+            React.createElement("input", { id: "single-input", autoFocus: props.autoFocus, type: "text", maxLength: props.maxLength, onChange: changeEvent, placeholder: placeholder, ref: textInput, value: textValue, "aria-label": props.ariaLabel })),
+        props.children));
+};
 //# sourceMappingURL=FinsembleDialogTextInput.js.map

package/react/components/legacyControls/FinsembleDialogTextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FinsembleDialogTextInput.js","sourceRoot":"","sources":["../../../../../src/ui/components/legacyControls/FinsembleDialogTextInput.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,uBAAuB,GAAG,cAAc,CAAC;AAgB/C;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAAoC,EAAE,EAAE;;IAChF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,MAAA,KAAK,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAC;IAC5E,MAAM,SAAS,GAAgC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAClE,MAAM,iBAAiB,GAAuB,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9G;;OAEG;IACH,MAAM,UAAU,GAAG,GAAG,EAAE;;QACvB,IAAI,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,KAAK;YAAE,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAC1D,CAAC,CAAC;IAEF;;OAEG;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,IAAI,KAAK,CAAC,WAAW,EAAE;YACtB,UAAU,CAAC,eAAe,CAAC,gBAAgB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;SACjE;QACD,OAAO,GAAG,EAAE;YACX,IAAI,KAAK,CAAC,WAAW,EAAE;gBACtB,UAAU,CAAC,eAAe,CAAC,mBAAmB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;aACpE;QACF,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAExB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACpB,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE;YAC9B,YAAY,CAAC,MAAA,KAAK,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAC;SAChC;IACF,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,WAAW,GAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,GAAG,MAAA,KAAK,CAAC,SAAS,mCAAI,EAAE,IAAI,uBAAuB,EAAE,CAAC;IAEtE;;;;OAIG;IACH,MAAM,WAAW,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,IAAI,iBAAiB,KAAK,SAAS,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE;YAC/E,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;YACvB,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;SAC7B;aAAM;YACN,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAC1C,oCAAoC,CAAC,CAAC,MAAM,CAAC,KAAK,iDAAiD,KAAK,CAAC,YAAY,GAAG,CACxH,CAAC;SACF;IACF,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAE,OAAO;QACtB,+BAAO,OAAO,EAAC,cAAc,IAAE,KAAK,CAAC,UAAU,IAAI,EAAE,CAAS;QAC9D,6BAAK,SAAS,EAAC,YAAY;YAC1B,+BACC,EAAE,EAAC,cAAc,EACjB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,WAAW,EACrB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,SAAS,gBACJ,KAAK,CAAC,SAAS,GAC1B,CACG;QACL,KAAK,CAAC,QAAQ,CACV,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"FinsembleDialogTextInput.js","sourceRoot":"","sources":["../../../../../src/ui/components/legacyControls/FinsembleDialogTextInput.tsx"],"names":[],"mappings":"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"}

package/react/components/legacyControls/FinsembleDnDContext.d.ts

@@ -1,47 +1,47 @@
-import { ReactNode } from "react";
-export declare enum AllowableDnDAxis {
-    x = "x",
-    y = "y"
-}
-declare type FinsembleDnDContextProps = {
-    id?: string;
-    leftButtonTooltip?: string;
-    rightButtonTooltip?: string;
-    allowHorizontalScroll?: boolean;
-    showScrollButtonsTooltip?: boolean;
-    chevronScrollDistance?: number;
-    onDragEnd?: Function;
-    onDragStart?: Function;
-    onDragMove?: Function;
-    onDragOver?: Function;
-    onLayoutUpdate?: Function;
-    transitionDuration?: number;
-    distance?: number;
-    axis?: AllowableDnDAxis;
-    lockAxis?: AllowableDnDAxis;
-    className?: string;
-    metadata?: Record<string, any> | undefined;
-    children?: ReactNode;
-};
-/**
- * The FinsembleDnDContext allows for all of the Draggable and Droppable components to work.
- * It wraps its children and allows them to do draggy and droppy things.
- * It also allows for horizontal containers to provide scrolling functionality.
- * @param props
- * @param props.id ID for the container that wraps the sortable container
- * @param props.allowHorizontalScroll whether the DND context should allow for horizontal scrolling
- * @param props.showScrollButtonsTooltip
- * @param props.leftButtonTooltip Tooltip for left scroll button
- * @param props.rightButtonTooltip Tooltip for right scroll button
- * @param props.chevronScrollDistance how far clicking the chevrons should push the content forward or backwards
- * @param props.onDragEnd handler for sorting
- * @param props.onDragBegin handler for sorting
- * @param props.onDragOver
- * @param props.onLayoutUpdate handler for rendering. Invokes on useLayoutEffect
- * @param props.distance how far the user has to drag an element to trigger sorting behavior
- * @param props.axis whether to sort vertically or horizontally.
- * @param props.className optional styles to pass the the sortable container
- */
-export declare const FinsembleDnDContext: (props: FinsembleDnDContextProps) => JSX.Element;
-export {};
+import React, { ReactNode } from "react";
+export declare enum AllowableDnDAxis {
+    x = "x",
+    y = "y"
+}
+type FinsembleDnDContextProps = {
+    id?: string;
+    leftButtonTooltip?: string;
+    rightButtonTooltip?: string;
+    allowHorizontalScroll?: boolean;
+    showScrollButtonsTooltip?: boolean;
+    chevronScrollDistance?: number;
+    onDragEnd?: any;
+    onDragStart?: any;
+    onDragMove?: any;
+    onDragOver?: any;
+    onLayoutUpdate?: any;
+    transitionDuration?: number;
+    distance?: number;
+    axis?: AllowableDnDAxis;
+    lockAxis?: AllowableDnDAxis;
+    className?: string;
+    metadata?: Record<string, any> | undefined;
+    children?: ReactNode;
+};
+/**
+ * The FinsembleDnDContext allows for all of the Draggable and Droppable components to work.
+ * It wraps its children and allows them to do draggy and droppy things.
+ * It also allows for horizontal containers to provide scrolling functionality.
+ * @param props
+ * @param props.id ID for the container that wraps the sortable container
+ * @param props.allowHorizontalScroll whether the DND context should allow for horizontal scrolling
+ * @param props.showScrollButtonsTooltip
+ * @param props.leftButtonTooltip Tooltip for left scroll button
+ * @param props.rightButtonTooltip Tooltip for right scroll button
+ * @param props.chevronScrollDistance how far clicking the chevrons should push the content forward or backwards
+ * @param props.onDragEnd handler for sorting
+ * @param props.onDragBegin handler for sorting
+ * @param props.onDragOver
+ * @param props.onLayoutUpdate handler for rendering. Invokes on useLayoutEffect
+ * @param props.distance how far the user has to drag an element to trigger sorting behavior
+ * @param props.axis whether to sort vertically or horizontally.
+ * @param props.className optional styles to pass the the sortable container
+ */
+export declare const FinsembleDnDContext: (props: FinsembleDnDContextProps) => React.JSX.Element;
+export {};
 //# sourceMappingURL=FinsembleDnDContext.d.ts.map

package/react/components/legacyControls/FinsembleDnDContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FinsembleDnDContext.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/legacyControls/FinsembleDnDContext.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBzC,oBAAY,gBAAgB;IAC3B,CAAC,MAAM;IACP,CAAC,MAAM;CACP;AA+HD,aAAK,wBAAwB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,gBA6PlE,CAAC"}
+{"version":3,"file":"FinsembleDnDContext.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/legacyControls/FinsembleDnDContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBzC,oBAAY,gBAAgB;IAC3B,CAAC,MAAM;IACP,CAAC,MAAM;CACP;AA+HD,KAAK,wBAAwB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,sBA6PlE,CAAC"}