@sis-cc/dotstatsuite-visions 12.56.0 → 13.0.0

package/dist/Dataflow/Dataflow.js

@@ -0,0 +1,325 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React, { useState } from 'react';
+import * as R from 'ramda';
+import cx from 'classnames';
+import useSize from '@react-hook/size';
+import makeStyles from '@mui/styles/makeStyles';
+import Typography from '@mui/material/Typography';
+import Collapse from '@mui/material/Collapse';
+import Card from '@mui/material/Card';
+import CardHeader from '@mui/material/CardHeader';
+import CardContent from '@mui/material/CardContent';
+import CardActions from '@mui/material/CardActions';
+import IconButton from '@mui/material/IconButton';
+import { ExpandLess, ExpandMore } from '@mui/icons-material';
+import Link from '@mui/material/Link';
+import Divider from '@mui/material/Divider';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import { w as withBlank } from '../chunks/utils-kslX1mzh.js';
+import { i as isLast } from '../chunks/utils-BQc_rN44.js';
+
+const useStyles = makeStyles((theme) => ({
+  card: {
+    borderBottom: `1px solid ${theme.palette.grey[700]}`,
+    padding: theme.spacing(0, 0, 2, 0),
+    "& mark": {
+      color: "inherit",
+      borderBottom: `2px solid ${R.path(["palette", "highlight", "hl2"])(theme) || theme.palette.success.dark}`
+    }
+  },
+  cardHeader: {
+    padding: theme.spacing(1, 0, 0, 0)
+  },
+  cardContent: {
+    padding: theme.spacing(0.5, 0),
+    "&:last-child": {
+      padding: theme.spacing(0.5, 0)
+    }
+  },
+  cardActions: {
+    padding: theme.spacing(0.5, 0, 0, 0),
+    justifyContent: "space-between"
+  },
+  header: {
+    display: "flex",
+    alignItems: "center"
+  },
+  rightSide: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-between",
+    alignItems: "center",
+    height: "100%",
+    padding: theme.spacing(0.5, 0)
+  },
+  dataset: {
+    ...R.pathOr({}, ["mixins", "dataflow", "title"], theme),
+    "&:hover": {
+      color: theme.palette.primary.light,
+      textDecoration: "none"
+      // remove this line when blueprint css import will no longer be in the DE
+    }
+  },
+  noDisplay: {
+    display: "none"
+  },
+  hidden: {
+    visibility: "hidden"
+  },
+  descriptionHighlight: {
+    padding: 0
+  },
+  footer: {
+    padding: theme.spacing(0.5, 0, 0, 0),
+    flexDirection: "column",
+    alignItems: "flex-start"
+  },
+  buttonLabel: {
+    flexDirection: "column"
+  },
+  divider: {
+    width: 100,
+    margin: theme.spacing(0.5, 0.5)
+  },
+  fadeContent: {
+    color: theme.palette.grey["A200"],
+    position: "relative",
+    overflow: "hidden"
+  },
+  fading: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    height: 15,
+    margin: 0,
+    padding: 0,
+    backgroundImage: "linear-gradient(to bottom, transparent, white)"
+  },
+  wrapper: {
+    height: "100%"
+  },
+  container: {
+    display: "flex",
+    justifyContent: "space-between"
+  },
+  mainContent: {
+    minWidth: "200px",
+    margin: theme.spacing(0, 0.5)
+  },
+  mutedText: {
+    ...R.pathOr({}, ["mixins", "dataflow", "desc", "mutedText"], theme)
+  },
+  unmutedText: {
+    ...R.pathOr({}, ["mixins", "dataflow", "desc", "unmutedText"], theme)
+  },
+  categories: {
+    maxWidth: "100%",
+    whiteSpace: "noWrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  },
+  tooltipIndicator: {
+    borderBottom: `1px dotted ${theme.palette.primary.main}`
+  }
+}));
+const BasicHTMLRenderer = ({ html, ...rest }) => /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: html }, ...rest });
+const CustomDataflow = ({
+  testId,
+  title,
+  body,
+  url,
+  handleUrl,
+  label,
+  labels,
+  dimensions = [],
+  highlights = [],
+  categories = [],
+  children,
+  HTMLRenderer = BasicHTMLRenderer,
+  id
+}) => {
+  const classes = useStyles();
+  const [isExpanded, setExpand] = useState(false);
+  const description = R.propOr("", "description", body);
+  const target = React.useRef();
+  const [, height] = useSize(target);
+  const handleExpand = () => {
+    setExpand((prev) => !prev);
+  };
+  const collapsedSize = R.min(height, 70);
+  const needEllipse = collapsedSize >= 70;
+  const mapIndexed = R.addIndex(R.map);
+  return /* @__PURE__ */ jsx(Card, { elevation: 0, square: true, className: classes.card, "data-testid": `${testId}`, children: /* @__PURE__ */ jsxs("div", { className: classes.container, children: [
+    /* @__PURE__ */ jsxs("div", { className: classes.mainContent, children: [
+      /* @__PURE__ */ jsx(
+        CardHeader,
+        {
+          className: classes.cardHeader,
+          title: /* @__PURE__ */ jsx("div", { className: classes.header, "data-testid": `${testId}_title`, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", color: "primary", display: "inline", children: /* @__PURE__ */ jsx(
+            Link,
+            {
+              className: classes.dataset,
+              href: url,
+              onClick: handleUrl,
+              color: "primary",
+              underline: "none",
+              children: /* @__PURE__ */ jsx(HTMLRenderer, { html: title })
+            }
+          ) }) })
+        }
+      ),
+      R.not(R.isEmpty(description)) && /* @__PURE__ */ jsx(
+        Collapse,
+        {
+          in: isExpanded,
+          collapsedSize,
+          classes: isExpanded ? void 0 : { wrapper: classes.wrapper },
+          children: /* @__PURE__ */ jsxs(
+            CardContent,
+            {
+              ref: target,
+              className: cx(classes.cardContent, { [classes.fadeContent]: !isExpanded }),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "body2",
+                    align: "justify",
+                    className: cx(classes.container, classes.mutedText, {
+                      [classes.unmutedText]: isExpanded
+                    }),
+                    children: /* @__PURE__ */ jsx(HTMLRenderer, { html: description })
+                  }
+                ),
+                !isExpanded && needEllipse && /* @__PURE__ */ jsx("div", { className: classes.fading, style: { top: collapsedSize - 15 } })
+              ]
+            }
+          )
+        }
+      ),
+      R.not(R.empty(R.propOr("", "highlightDescription")(body))) && /* @__PURE__ */ jsx(CardContent, { className: classes.descriptionHighlight, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", align: "justify", className: classes.container, children: /* @__PURE__ */ jsx(
+        HTMLRenderer,
+        {
+          html: R.propOr("", "highlightDescription")(body),
+          className: cx({ [classes.noDisplay]: isExpanded })
+        }
+      ) }) }),
+      /* @__PURE__ */ jsxs(CardContent, { className: classes.cardContent, children: [
+        !R.isEmpty(dimensions) && /* @__PURE__ */ jsxs(
+          Typography,
+          {
+            variant: "body2",
+            color: "textSecondary",
+            "data-testid": `${testId}_dimensions`,
+            children: [
+              /* @__PURE__ */ jsxs("strong", { children: [
+                R.prop("dimensions")(labels),
+                ": "
+              ] }),
+              /* @__PURE__ */ jsx(HTMLRenderer, { html: R.join(", ", dimensions) })
+            ]
+          }
+        ),
+        R.map(([field, fieldHighlights]) => /* @__PURE__ */ jsxs(
+          Typography,
+          {
+            variant: "body2",
+            color: "textSecondary",
+            "data-testid": `${testId}_highlight_${field}`,
+            children: [
+              /* @__PURE__ */ jsxs("strong", { children: [
+                field,
+                ": "
+              ] }),
+              R.map(
+                (fieldHighlight) => /* @__PURE__ */ jsx(HTMLRenderer, { html: fieldHighlight }, `${id}-${field}`),
+                fieldHighlights
+              )
+            ]
+          },
+          field
+        ))(highlights),
+        /* @__PURE__ */ jsxs(Collapse, { in: isExpanded, children: [
+          /* @__PURE__ */ jsx(Divider, { className: classes.divider }),
+          R.map(([field, values]) => {
+            return /* @__PURE__ */ jsxs(
+              Typography,
+              {
+                variant: "body2",
+                color: "textSecondary",
+                className: classes.categories,
+                children: [
+                  /* @__PURE__ */ jsxs("strong", { children: [
+                    field,
+                    ": "
+                  ] }),
+                  /* @__PURE__ */ jsx("span", { children: mapIndexed(
+                    (category, idx) => R.is(Array)(category) ? /* @__PURE__ */ jsx(
+                      Tooltip,
+                      {
+                        title: R.join(" > ", category),
+                        children: /* @__PURE__ */ jsxs("span", { children: [
+                          /* @__PURE__ */ jsxs("span", { className: classes.tooltipIndicator, children: [
+                            " ",
+                            `... > ${R.last(category)}`
+                          ] }),
+                          isLast(idx, values) ? "" : ", "
+                        ] })
+                      },
+                      `category-tooltip-value-${idx}`
+                    ) : `${R.identity(category)}${isLast(idx, values) ? "" : ", "}`,
+                    values
+                  ) })
+                ]
+              },
+              field
+            );
+          })(categories),
+          label && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "textSecondary", children: [
+              /* @__PURE__ */ jsxs("strong", { children: [
+                R.prop("source")(labels),
+                ": "
+              ] }),
+              " ",
+              label
+            ] }),
+            /* @__PURE__ */ jsx(Divider, { className: classes.divider })
+          ] }),
+          /* @__PURE__ */ jsxs(CardActions, { className: classes.footer, disableSpacing: true, children: [
+            /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "textSecondary", children: [
+              /* @__PURE__ */ jsxs("strong", { children: [
+                R.prop("lastUpdated")(labels),
+                " "
+              ] }),
+              " ",
+              /* @__PURE__ */ jsx("span", { children: R.prop("date")(labels) })
+            ] }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: R.prop("note")(labels) })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(CardActions, { className: classes.rightSide, disableSpacing: true, children: [
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          "data-testid": "dataflow-expand-button-test-id",
+          "aria-label": R.propOr("Show details above", "expand")(labels),
+          "aria-expanded": isExpanded,
+          onClick: () => handleExpand(),
+          color: "primary",
+          size: "small",
+          children: isExpanded ? /* @__PURE__ */ jsx(ExpandLess, { "data-testid": "dataflow-not-expand-test-id" }) : /* @__PURE__ */ jsx(ExpandMore, { "data-testid": "dataflow-expanded-test-id" })
+        }
+      ),
+      children && children
+    ] }) })
+  ] }) });
+};
+const Dataflow = withBlank(({ isBlank, title = "" }) => ({
+  isBlank: R.or(isBlank, R.isEmpty(title))
+}))(CustomDataflow);
+
+export { Dataflow };
+//# sourceMappingURL=Dataflow.js.map

package/dist/Dataflow/Dataflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dataflow.js","sources":["../../src/Dataflow/Dataflow.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport * as R from 'ramda';\nimport cx from 'classnames';\nimport useSize from '@react-hook/size';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Typography from '@mui/material/Typography';\nimport Collapse from '@mui/material/Collapse';\nimport Card from '@mui/material/Card';\nimport CardHeader from '@mui/material/CardHeader';\nimport CardContent from '@mui/material/CardContent';\nimport CardActions from '@mui/material/CardActions';\nimport IconButton from '@mui/material/IconButton';\nimport { ExpandLess, ExpandMore } from '@mui/icons-material';\nimport Link from '@mui/material/Link';\nimport Divider from '@mui/material/Divider';\nimport { Tooltip } from '../Tooltip/Tooltip';\nimport { withBlank } from '../utils';\nimport { isLast } from '../Chips/utils';\n\nconst useStyles = makeStyles(theme => ({\n  card: {\n    borderBottom: `1px solid ${theme.palette.grey[700]}`,\n    padding: theme.spacing(0, 0, 2, 0),\n    '& mark': {\n      color: 'inherit',\n      borderBottom: `2px solid ${\n        R.path(['palette', 'highlight', 'hl2'])(theme) || theme.palette.success.dark\n      }`,\n    },\n  },\n  cardHeader: {\n    padding: theme.spacing(1, 0, 0, 0),\n  },\n  cardContent: {\n    padding: theme.spacing(0.5, 0),\n    '&:last-child': {\n      padding: theme.spacing(0.5, 0),\n    },\n  },\n  cardActions: {\n    padding: theme.spacing(0.5, 0, 0, 0),\n    justifyContent: 'space-between',\n  },\n  header: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  rightSide: {\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    height: '100%',\n    padding: theme.spacing(0.5, 0),\n  },\n  dataset: {\n    ...R.pathOr({}, ['mixins', 'dataflow', 'title'], theme),\n    '&:hover': {\n      color: theme.palette.primary.light,\n      textDecoration: 'none', // remove this line when blueprint css import will no longer be in the DE\n    },\n  },\n  noDisplay: {\n    display: 'none',\n  },\n  hidden: {\n    visibility: 'hidden',\n  },\n  descriptionHighlight: {\n    padding: 0,\n  },\n  footer: {\n    padding: theme.spacing(0.5, 0, 0, 0),\n    flexDirection: 'column',\n    alignItems: 'flex-start',\n  },\n  buttonLabel: {\n    flexDirection: 'column',\n  },\n  divider: {\n    width: 100,\n    margin: theme.spacing(0.5, 0.5),\n  },\n  fadeContent: {\n    color: theme.palette.grey['A200'],\n    position: 'relative',\n    overflow: 'hidden',\n  },\n  fading: {\n    position: 'absolute',\n    left: 0,\n    right: 0,\n    height: 15,\n    margin: 0,\n    padding: 0,\n    backgroundImage: 'linear-gradient(to bottom, transparent, white)',\n  },\n  wrapper: {\n    height: '100%',\n  },\n  container: {\n    display: 'flex',\n    justifyContent: 'space-between',\n  },\n  mainContent: {\n    minWidth: '200px',\n    margin: theme.spacing(0, 0.5),\n  },\n  mutedText: {\n    ...R.pathOr({}, ['mixins', 'dataflow', 'desc', 'mutedText'], theme),\n  },\n  unmutedText: {\n    ...R.pathOr({}, ['mixins', 'dataflow', 'desc', 'unmutedText'], theme),\n  },\n  categories: {\n    maxWidth: '100%',\n    whiteSpace: 'noWrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n  tooltipIndicator: {\n    borderBottom: `1px dotted ${theme.palette.primary.main}`,\n  },\n}));\n\nconst BasicHTMLRenderer = ({ html, ...rest }) => (\n  <span dangerouslySetInnerHTML={{ __html: html }} {...rest} />\n);\n\nconst CustomDataflow = ({\n  testId,\n  title,\n  body,\n  url,\n  handleUrl,\n  label,\n  labels,\n  dimensions = [],\n  highlights = [],\n  categories = [],\n  children,\n  HTMLRenderer = BasicHTMLRenderer,\n  id,\n}) => {\n  const classes = useStyles();\n  const [isExpanded, setExpand] = useState(false);\n  const description = R.propOr('', 'description', body);\n\n  const target = React.useRef();\n  const [, height] = useSize(target);\n\n  const handleExpand = () => {\n    setExpand(prev => !prev);\n  };\n\n  const collapsedSize = R.min(height, 70);\n  const needEllipse = collapsedSize >= 70;\n  const mapIndexed = R.addIndex(R.map);\n\n  return (\n    <Card elevation={0} square className={classes.card} data-testid={`${testId}`}>\n      <div className={classes.container}>\n        <div className={classes.mainContent}>\n          <CardHeader\n            className={classes.cardHeader}\n            title={\n              <div className={classes.header} data-testid={`${testId}_title`}>\n                <Typography variant=\"h6\" color=\"primary\" display=\"inline\">\n                  <Link\n                    className={classes.dataset}\n                    href={url}\n                    onClick={handleUrl}\n                    color=\"primary\"\n                    underline=\"none\"\n                  >\n                    <HTMLRenderer html={title} />\n                  </Link>\n                </Typography>\n              </div>\n            }\n          />\n          {R.not(R.isEmpty(description)) && (\n            <Collapse\n              in={isExpanded}\n              collapsedSize={collapsedSize}\n              classes={isExpanded ? undefined : { wrapper: classes.wrapper }}\n            >\n              <CardContent\n                ref={target}\n                className={cx(classes.cardContent, { [classes.fadeContent]: !isExpanded })}\n              >\n                <Typography\n                  variant=\"body2\"\n                  align=\"justify\"\n                  className={cx(classes.container, classes.mutedText, {\n                    [classes.unmutedText]: isExpanded,\n                  })}\n                >\n                  <HTMLRenderer html={description} />\n                </Typography>\n                {!isExpanded && needEllipse && (\n                  <div className={classes.fading} style={{ top: collapsedSize - 15 }} />\n                )}\n              </CardContent>\n            </Collapse>\n          )}\n          {R.not(R.empty(R.propOr('', 'highlightDescription')(body))) && (\n            <CardContent className={classes.descriptionHighlight}>\n              <Typography variant=\"body2\" align=\"justify\" className={classes.container}>\n                <HTMLRenderer\n                  html={R.propOr('', 'highlightDescription')(body)}\n                  className={cx({ [classes.noDisplay]: isExpanded })}\n                />\n              </Typography>\n            </CardContent>\n          )}\n          <CardContent className={classes.cardContent}>\n            {!R.isEmpty(dimensions) && (\n              <Typography\n                variant=\"body2\"\n                color=\"textSecondary\"\n                data-testid={`${testId}_dimensions`}\n              >\n                <strong>{R.prop('dimensions')(labels)}:&nbsp;</strong>\n                <HTMLRenderer html={R.join(', ', dimensions)} />\n              </Typography>\n            )}\n            {R.map(([field, fieldHighlights]) => (\n              <Typography\n                variant=\"body2\"\n                key={field}\n                color=\"textSecondary\"\n                data-testid={`${testId}_highlight_${field}`}\n              >\n                <strong>{field}:&nbsp;</strong>\n                {R.map(\n                  fieldHighlight => (\n                    <HTMLRenderer key={`${id}-${field}`} html={fieldHighlight} />\n                  ),\n                  fieldHighlights,\n                )}\n              </Typography>\n            ))(highlights)}\n            <Collapse in={isExpanded}>\n              <Divider className={classes.divider} />\n              {R.map(([field, values]) => {\n                return (\n                  <Typography\n                    variant=\"body2\"\n                    key={field}\n                    color=\"textSecondary\"\n                    className={classes.categories}\n                  >\n                    <strong>{field}:&nbsp;</strong>\n                    <span>\n                      {mapIndexed(\n                        (category, idx) =>\n                          R.is(Array)(category) ? (\n                            <Tooltip\n                              key={`category-tooltip-value-${idx}`}\n                              title={R.join(' > ', category)}\n                            >\n                              <span>\n                                <span className={classes.tooltipIndicator}>\n                                  {' '}\n                                  {`... > ${R.last(category)}`}\n                                </span>\n                                {isLast(idx, values) ? '' : ', '}\n                              </span>\n                            </Tooltip>\n                          ) : (\n                            `${R.identity(category)}${isLast(idx, values) ? '' : ', '}`\n                          ),\n                        values,\n                      )}\n                    </span>\n                  </Typography>\n                );\n              })(categories)}\n              {label && (\n                <div>\n                  <Typography variant=\"body2\" color=\"textSecondary\">\n                    <strong>{R.prop('source')(labels)}:&nbsp;</strong> {label}\n                  </Typography>\n                  <Divider className={classes.divider} />\n                </div>\n              )}\n              <CardActions className={classes.footer} disableSpacing>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  <strong>{R.prop('lastUpdated')(labels)}&nbsp;</strong>{' '}\n                  <span>{R.prop('date')(labels)}</span>\n                </Typography>\n                <Typography variant=\"caption\" color=\"textSecondary\">\n                  {R.prop('note')(labels)}\n                </Typography>\n              </CardActions>\n            </Collapse>\n          </CardContent>\n        </div>\n        <div>\n          <CardActions className={classes.rightSide} disableSpacing>\n            <IconButton\n              data-testid=\"dataflow-expand-button-test-id\"\n              aria-label={R.propOr('Show details above', 'expand')(labels)}\n              aria-expanded={isExpanded}\n              onClick={() => handleExpand()}\n              color=\"primary\"\n              size=\"small\"\n            >\n              {isExpanded ? (\n                <ExpandLess data-testid=\"dataflow-not-expand-test-id\" />\n              ) : (\n                <ExpandMore data-testid=\"dataflow-expanded-test-id\" />\n              )}\n            </IconButton>\n            {children && children}\n          </CardActions>\n        </div>\n      </div>\n    </Card>\n  );\n};\n\nexport const Dataflow = withBlank(({ isBlank, title = '' }) => ({\n  isBlank: R.or(isBlank, R.isEmpty(title)),\n}))(CustomDataflow);\n"],"names":[],"mappings":"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"}

package/dist/DeleteAllChip/DeleteAllChip.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import cx from 'classnames';
+import makeStyles from '@mui/styles/makeStyles';
+import { m as makeStylesFn, C as CustomChip } from '../chunks/CustomChip-CMYCIorJ.js';
+
+const useStyles = makeStyles(makeStylesFn);
+const DeleteAllChip = ({ onDeleteAll, clearAllLabel, ariaLabel }) => {
+  const classes = useStyles();
+  return /* @__PURE__ */ jsx(
+    CustomChip,
+    {
+      label: clearAllLabel,
+      ariaLabel,
+      chipClasses: cx(classes.mainChip, classes.chip),
+      onDelete: onDeleteAll,
+      iconClasses: classes.icon,
+      labelClasses: cx(classes.spaceLabel, classes.formatLabel)
+    }
+  );
+};
+
+export { DeleteAllChip };
+//# sourceMappingURL=DeleteAllChip.js.map

package/dist/DeleteAllChip/DeleteAllChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteAllChip.js","sources":["../../src/DeleteAllChip/DeleteAllChip.jsx"],"sourcesContent":["import React from 'react';\nimport cx from 'classnames';\nimport makeStyles from '@mui/styles/makeStyles';\nimport makeStylesFn from '../Chips/styles';\nimport CustomChip from '../Chips/CustomChip';\n\nconst useStyles = makeStyles(makeStylesFn);\n\nexport const DeleteAllChip = ({ onDeleteAll, clearAllLabel, ariaLabel }) => {\n  const classes = useStyles();\n  return (\n    <CustomChip\n      label={clearAllLabel}\n      ariaLabel={ariaLabel}\n      chipClasses={cx(classes.mainChip, classes.chip)}\n      onDelete={onDeleteAll}\n      iconClasses={classes.icon}\n      labelClasses={cx(classes.spaceLabel, classes.formatLabel)}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,SAAA,GAAY,WAAW,YAAY,CAAA;AAElC,MAAM,gBAAgB,CAAC,EAAE,WAAA,EAAa,aAAA,EAAe,WAAU,KAAM;AAC1E,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,aAAA;AAAA,MACP,SAAA;AAAA,MACA,WAAA,EAAa,EAAA,CAAG,OAAA,CAAQ,QAAA,EAAU,QAAQ,IAAI,CAAA;AAAA,MAC9C,QAAA,EAAU,WAAA;AAAA,MACV,aAAa,OAAA,CAAQ,IAAA;AAAA,MACrB,YAAA,EAAc,EAAA,CAAG,OAAA,CAAQ,UAAA,EAAY,QAAQ,WAAW;AAAA;AAAA,GAC1D;AAEJ;;;;"}