@weng-lab/ui-components 3.1.1 → 3.1.2

package/dist/ui-components.es63.js

@@ -1,266 +1,33 @@
-import * as u from "react";
-import o from "./ui-components.es91.js";
-import { clsx as g } from "./ui-components.es92.js";
-import z from "./ui-components.es153.js";
-import w from "./ui-components.es154.js";
-import $ from "./ui-components.es155.js";
-import B from "./ui-components.es156.js";
-import E from "./ui-components.es146.js";
-import b, { getCheckboxUtilityClass as F } from "./ui-components.es157.js";
-import N from "./ui-components.es110.js";
-import I from "./ui-components.es113.js";
-import D from "./ui-components.es94.js";
-import { j as i } from "./ui-components.es16.js";
-import { useDefaultProps as M } from "./ui-components.es95.js";
-import U from "./ui-components.es158.js";
-import a from "./ui-components.es118.js";
-import V from "./ui-components.es103.js";
-import q from "./ui-components.es56.js";
-const _ = (e) => {
-  const {
-    classes: t,
-    indeterminate: r,
-    color: s,
-    size: c
-  } = e, l = {
-    root: ["root", r && "indeterminate", `color${a(s)}`, `size${a(c)}`]
-  }, p = V(l, F, t);
-  return {
-    ...t,
-    // forward the disabled and checked classes to the SwitchBase
-    ...p
-  };
-}, A = q(z, {
-  shouldForwardProp: (e) => E(e) || e === "classes",
-  name: "MuiCheckbox",
-  slot: "Root",
-  overridesResolver: (e, t) => {
-    const {
-      ownerState: r
-    } = e;
-    return [t.root, r.indeterminate && t.indeterminate, t[`size${a(r.size)}`], r.color !== "default" && t[`color${a(r.color)}`]];
-  }
-})(N(({
-  theme: e
-}) => ({
-  color: (e.vars || e).palette.text.secondary,
-  variants: [{
-    props: {
-      color: "default",
-      disableRipple: !1
-    },
-    style: {
-      "&:hover": {
-        backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity)
-      }
-    }
-  }, ...Object.entries(e.palette).filter(I()).map(([t]) => ({
-    props: {
-      color: t,
-      disableRipple: !1
-    },
-    style: {
-      "&:hover": {
-        backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity)
-      }
-    }
-  })), ...Object.entries(e.palette).filter(I()).map(([t]) => ({
-    props: {
-      color: t
-    },
-    style: {
-      [`&.${b.checked}, &.${b.indeterminate}`]: {
-        color: (e.vars || e).palette[t].main
-      },
-      [`&.${b.disabled}`]: {
-        color: (e.vars || e).palette.action.disabled
-      }
-    }
-  })), {
-    // Should be last to override other colors
-    props: {
-      disableRipple: !1
-    },
-    style: {
-      // Reset on touch devices, it doesn't add specificity
-      "&:hover": {
-        "@media (hover: none)": {
-          backgroundColor: "transparent"
-        }
-      }
-    }
-  }]
-}))), G = /* @__PURE__ */ i.jsx($, {}), H = /* @__PURE__ */ i.jsx(w, {}), J = /* @__PURE__ */ i.jsx(B, {}), K = /* @__PURE__ */ u.forwardRef(function(t, r) {
-  const s = M({
-    props: t,
-    name: "MuiCheckbox"
-  }), {
-    checkedIcon: c = G,
-    color: l = "primary",
-    icon: p = H,
-    indeterminate: n = !1,
-    indeterminateIcon: y = J,
-    inputProps: O,
-    size: d = "medium",
-    disableRipple: x = !1,
-    className: j,
-    slots: k = {},
-    slotProps: C = {},
-    ...S
-  } = s, v = n ? y : p, h = n ? y : c, m = {
-    ...s,
-    disableRipple: x,
-    color: l,
-    indeterminate: n,
-    size: d
-  }, P = _(m), f = C.input ?? O, [R, T] = D("root", {
-    ref: r,
-    elementType: A,
-    className: g(P.root, j),
-    shouldForwardComponentProp: !0,
-    externalForwardedProps: {
-      slots: k,
-      slotProps: C,
-      ...S
-    },
-    ownerState: m,
-    additionalProps: {
-      type: "checkbox",
-      icon: /* @__PURE__ */ u.cloneElement(v, {
-        fontSize: v.props.fontSize ?? d
-      }),
-      checkedIcon: /* @__PURE__ */ u.cloneElement(h, {
-        fontSize: h.props.fontSize ?? d
-      }),
-      disableRipple: x,
-      slots: k,
-      slotProps: {
-        input: U(typeof f == "function" ? f(m) : f, {
-          "data-indeterminate": n
-        })
-      }
-    }
-  });
-  return /* @__PURE__ */ i.jsx(R, {
-    ...T,
-    classes: P
-  });
-});
-process.env.NODE_ENV !== "production" && (K.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: o.bool,
-  /**
-   * The icon to display when the component is checked.
-   * @default <CheckBoxIcon />
-   */
-  checkedIcon: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: o.oneOfType([o.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
-  /**
-   * The default checked state. Use when the component is not controlled.
-   */
-  defaultChecked: o.bool,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: o.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   * @default false
-   */
-  disableRipple: o.bool,
-  /**
-   * The icon to display when the component is unchecked.
-   * @default <CheckBoxOutlineBlankIcon />
-   */
-  icon: o.node,
-  /**
-   * The id of the `input` element.
-   */
-  id: o.string,
-  /**
-   * If `true`, the component appears indeterminate.
-   * This does not set the native input element to indeterminate due
-   * to inconsistent behavior across browsers.
-   * However, we set a `data-indeterminate` attribute on the `input`.
-   * @default false
-   */
-  indeterminate: o.bool,
-  /**
-   * The icon to display when the component is indeterminate.
-   * @default <IndeterminateCheckBoxIcon />
-   */
-  indeterminateIcon: o.node,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
-   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  inputProps: o.object,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
-   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-   */
-  onChange: o.func,
-  /**
-   * If `true`, the `input` element is required.
-   * @default false
-   */
-  required: o.bool,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense checkbox styling.
-   * @default 'medium'
-   */
-  size: o.oneOfType([o.oneOf(["medium", "small"]), o.string]),
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: o.shape({
-    input: o.oneOfType([o.func, o.object]),
-    root: o.oneOfType([o.func, o.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: o.shape({
-    input: o.elementType,
-    root: o.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
-  /**
-   * The value of the component. The DOM API casts this to a string.
-   * The browser uses "on" as the default value.
-   */
-  value: o.any
-});
+import { j as c } from "./ui-components.es16.js";
+import { c as f } from "./ui-components.es22.js";
+import { useState as x } from "react";
+import b from "./ui-components.es17.js";
+function j(l) {
+  const e = f.c(9), {
+    value: t,
+    figures: n
+  } = l;
+  let r;
+  e[0] !== t ? (r = /* @__PURE__ */ new Set([t]), e[0] = t, e[1] = r) : r = e[1];
+  const [o, d] = x(r);
+  o.has(t) || d(/* @__PURE__ */ new Set([...o, t]));
+  let s;
+  if (e[2] !== n || e[3] !== o || e[4] !== t) {
+    let i;
+    e[6] !== o || e[7] !== t ? (i = (u, a) => {
+      const m = t === a, p = o.has(a);
+      return /* @__PURE__ */ c.jsx(b, { display: m ? "block" : "none", height: "100%", width: "100%", overflow: "auto", padding: 1, sx: {
+        border: "1px solid",
+        borderColor: "divider",
+        borderRadius: 1,
+        position: "relative"
+      }, children: p && u.component }, `figure-${a}`);
+    }, e[6] = o, e[7] = t, e[8] = i) : i = e[8], s = n.map(i), e[2] = n, e[3] = o, e[4] = t, e[5] = s;
+  } else
+    s = e[5];
+  return s;
+}
 export {
-  K as default
+  j as default
 };
 //# sourceMappingURL=ui-components.es63.js.map

package/dist/ui-components.es63.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es63.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotio_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/Checkbox/Checkbox.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport SwitchBase from \"../internal/SwitchBase.js\";\nimport CheckBoxOutlineBlankIcon from \"../internal/svg-icons/CheckBoxOutlineBlank.js\";\nimport CheckBoxIcon from \"../internal/svg-icons/CheckBox.js\";\nimport IndeterminateCheckBoxIcon from \"../internal/svg-icons/IndeterminateCheckBox.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport rootShouldForwardProp from \"../styles/rootShouldForwardProp.js\";\nimport checkboxClasses, { getCheckboxUtilityClass } from \"./checkboxClasses.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport createSimplePaletteValueFilter from \"../utils/createSimplePaletteValueFilter.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { mergeSlotProps } from \"../utils/index.js\";\nimport useSlot from \"../utils/useSlot.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    indeterminate,\n    color,\n    size\n  } = ownerState;\n  const slots = {\n    root: ['root', indeterminate && 'indeterminate', `color${capitalize(color)}`, `size${capitalize(size)}`]\n  };\n  const composedClasses = composeClasses(slots, getCheckboxUtilityClass, classes);\n  return {\n    ...classes,\n    // forward the disabled and checked classes to the SwitchBase\n    ...composedClasses\n  };\n};\nconst CheckboxRoot = styled(SwitchBase, {\n  shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n  name: 'MuiCheckbox',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.indeterminate && styles.indeterminate, styles[`size${capitalize(ownerState.size)}`], ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  color: (theme.vars || theme).palette.text.secondary,\n  variants: [{\n    props: {\n      color: 'default',\n      disableRipple: false\n    },\n    style: {\n      '&:hover': {\n        backgroundColor: theme.alpha((theme.vars || theme).palette.action.active, (theme.vars || theme).palette.action.hoverOpacity)\n      }\n    }\n  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({\n    props: {\n      color,\n      disableRipple: false\n    },\n    style: {\n      '&:hover': {\n        backgroundColor: theme.alpha((theme.vars || theme).palette[color].main, (theme.vars || theme).palette.action.hoverOpacity)\n      }\n    }\n  })), ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({\n    props: {\n      color\n    },\n    style: {\n      [`&.${checkboxClasses.checked}, &.${checkboxClasses.indeterminate}`]: {\n        color: (theme.vars || theme).palette[color].main\n      },\n      [`&.${checkboxClasses.disabled}`]: {\n        color: (theme.vars || theme).palette.action.disabled\n      }\n    }\n  })), {\n    // Should be last to override other colors\n    props: {\n      disableRipple: false\n    },\n    style: {\n      // Reset on touch devices, it doesn't add specificity\n      '&:hover': {\n        '@media (hover: none)': {\n          backgroundColor: 'transparent'\n        }\n      }\n    }\n  }]\n})));\nconst defaultCheckedIcon = /*#__PURE__*/_jsx(CheckBoxIcon, {});\nconst defaultIcon = /*#__PURE__*/_jsx(CheckBoxOutlineBlankIcon, {});\nconst defaultIndeterminateIcon = /*#__PURE__*/_jsx(IndeterminateCheckBoxIcon, {});\nconst Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiCheckbox'\n  });\n  const {\n    checkedIcon = defaultCheckedIcon,\n    color = 'primary',\n    icon: iconProp = defaultIcon,\n    indeterminate = false,\n    indeterminateIcon: indeterminateIconProp = defaultIndeterminateIcon,\n    inputProps,\n    size = 'medium',\n    disableRipple = false,\n    className,\n    slots = {},\n    slotProps = {},\n    ...other\n  } = props;\n  const icon = indeterminate ? indeterminateIconProp : iconProp;\n  const indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;\n  const ownerState = {\n    ...props,\n    disableRipple,\n    color,\n    indeterminate,\n    size\n  };\n  const classes = useUtilityClasses(ownerState);\n  const externalInputProps = slotProps.input ?? inputProps;\n  const [RootSlot, rootSlotProps] = useSlot('root', {\n    ref,\n    elementType: CheckboxRoot,\n    className: clsx(classes.root, className),\n    shouldForwardComponentProp: true,\n    externalForwardedProps: {\n      slots,\n      slotProps,\n      ...other\n    },\n    ownerState,\n    additionalProps: {\n      type: 'checkbox',\n      icon: /*#__PURE__*/React.cloneElement(icon, {\n        fontSize: icon.props.fontSize ?? size\n      }),\n      checkedIcon: /*#__PURE__*/React.cloneElement(indeterminateIcon, {\n        fontSize: indeterminateIcon.props.fontSize ?? size\n      }),\n      disableRipple,\n      slots,\n      slotProps: {\n        input: mergeSlotProps(typeof externalInputProps === 'function' ? externalInputProps(ownerState) : externalInputProps, {\n          'data-indeterminate': indeterminate\n        })\n      }\n    }\n  });\n  return /*#__PURE__*/_jsx(RootSlot, {\n    ...rootSlotProps,\n    classes: classes\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Checkbox.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * If `true`, the component is checked.\n   */\n  checked: PropTypes.bool,\n  /**\n   * The icon to display when the component is checked.\n   * @default <CheckBoxIcon />\n   */\n  checkedIcon: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'primary'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The default checked state. Use when the component is not controlled.\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the ripple effect is disabled.\n   * @default false\n   */\n  disableRipple: PropTypes.bool,\n  /**\n   * The icon to display when the component is unchecked.\n   * @default <CheckBoxOutlineBlankIcon />\n   */\n  icon: PropTypes.node,\n  /**\n   * The id of the `input` element.\n   */\n  id: PropTypes.string,\n  /**\n   * If `true`, the component appears indeterminate.\n   * This does not set the native input element to indeterminate due\n   * to inconsistent behavior across browsers.\n   * However, we set a `data-indeterminate` attribute on the `input`.\n   * @default false\n   */\n  indeterminate: PropTypes.bool,\n  /**\n   * The icon to display when the component is indeterminate.\n   * @default <IndeterminateCheckBoxIcon />\n   */\n  indeterminateIcon: PropTypes.node,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.\n   * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   */\n  inputProps: PropTypes.object,\n  /**\n   * Callback fired when the state is changed.\n   *\n   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.\n   * You can pull out the new checked state by accessing `event.target.checked` (boolean).\n   */\n  onChange: PropTypes.func,\n  /**\n   * If `true`, the `input` element is required.\n   * @default false\n   */\n  required: PropTypes.bool,\n  /**\n   * The size of the component.\n   * `small` is equivalent to the dense checkbox styling.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * The props used for each slot inside.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    input: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    input: PropTypes.elementType,\n    root: PropTypes.elementType\n  }),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The value of the component. The DOM API casts this to a string.\n   * The browser uses \"on\" as the default value.\n   */\n  value: PropTypes.any\n} : void 0;\nexport default Checkbox;"],"names":["useUtilityClasses","ownerState","classes","indeterminate","color","size","slots","capitalize","composedClasses","composeClasses","getCheckboxUtilityClass","CheckboxRoot","styled","SwitchBase","prop","rootShouldForwardProp","props","styles","memoTheme","theme","createSimplePaletteValueFilter","checkboxClasses","defaultCheckedIcon","_jsx","CheckBoxIcon","defaultIcon","CheckBoxOutlineBlankIcon","defaultIndeterminateIcon","IndeterminateCheckBoxIcon","Checkbox","React","inProps","ref","useDefaultProps","checkedIcon","iconProp","indeterminateIconProp","inputProps","disableRipple","className","slotProps","other","icon","indeterminateIcon","externalInputProps","RootSlot","rootSlotProps","useSlot","clsx","mergeSlotProps","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es63.js","sources":["../src/components/TwoPaneLayout/FigurePanel.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport Box from \"@mui/material/Box\";\n\ntype Figure = {\n  title: string;\n  component: React.ReactNode;\n};\n\ntype FigurePanelProps = {\n  value: number;\n  figures: Figure[];\n};\n\nexport default function FigurePanel({ value, figures }: FigurePanelProps) {\n  const [mountedTabs, setMountedTabs] = useState<Set<number>>(new Set([value]));\n\n  if (!mountedTabs.has(value)) {\n    setMountedTabs(new Set([...mountedTabs, value]));\n  }\n\n  return figures.map((Figure, i) => {\n    const isActive = value === i;\n    const isMounted = mountedTabs.has(i);\n\n    return (\n      <Box\n        key={`figure-${i}`}\n        display={isActive ? \"block\" : \"none\"}\n        height=\"100%\"\n        width={\"100%\"}\n        overflow={\"auto\"}\n        padding={1}\n        sx={{ border: \"1px solid\", borderColor: \"divider\", borderRadius: 1, position: \"relative\" }}\n      >\n        {isMounted && Figure.component}\n      </Box>\n    );\n  });\n}\n"],"names":["FigurePanel","t0","$","_c","value","figures","t1","Set","mountedTabs","setMountedTabs","useState","has","t2","t3","Figure","i","isActive","isMounted","jsx","Box","border","borderColor","borderRadius","position","component","map"],"mappings":";;;;AAaA,SAAeA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAqB;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,SAAAA;AAAAA,EAAAA,IAAAJ;AAAoC,MAAAK;AAAA,EAAAJ,SAAAE,KACVE,wBAAIC,IAAI,CAACH,CAAK,CAAC,GAACF,OAAAE,GAAAF,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAA5E,QAAA,CAAAM,GAAAC,CAAA,IAAsCC,EAAsBJ,CAAgB;AAE5E,EAAKE,EAAWG,IAAKP,CAAK,KACxBK,sBAAmBF,IAAI,CAAA,GAAIC,GAAaJ,CAAK,CAAC,CAAC;AAChD,MAAAQ;AAAA,MAAAV,EAAA,CAAA,MAAAG,KAAAH,SAAAM,KAAAN,EAAA,CAAA,MAAAE,GAAA;AAAA,QAAAS;AAAA,IAAAX,EAAA,CAAA,MAAAM,KAAAN,SAAAE,KAEkBS,IAAAA,CAAAC,GAAAC,MAAA;AACjB,YAAAC,IAAiBZ,MAAUW,GAC3BE,IAAkBT,EAAWG,IAAKI,CAAC;AAAE,aAGnCG,gBAAAA,EAAAA,IAACC,GAAA,EAEU,SAAAH,IAAA,UAAA,QACF,QAAA,QACA,OAAA,QACG,UAAA,QACD,SAAA,GACL,IAAA;AAAA,QAAAI,QAAU;AAAA,QAAWC,aAAe;AAAA,QAASC,cAAgB;AAAA,QAACC,UAAY;AAAA,MAAA,GAE7EN,UAAAA,KAAaH,EAAMU,UAAAA,aARLT,CAAC,EASlB;AAAA,IAAM,GAETb,OAAAM,GAAAN,OAAAE,GAAAF,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAjBMU,IAAAP,EAAOoB,IAAKZ,CAiBlB,GAACX,OAAAG,GAAAH,OAAAM,GAAAN,OAAAE,GAAAF,OAAAU;AAAAA,EAAA;AAAAA,IAAAA,IAAAV,EAAA,CAAA;AAAA,SAjBKU;AAiBL;"}