@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/Kpi/Kpi.js

@@ -0,0 +1,184 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "className", "id", "labels", "visualIndicator", "visualComparison", "trendIndicator", "indicatorUnitTextVariant", "indicatorTextVariant"];
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import HvTypography from "../Typography";
+import styles from "./styles";
+import withLabels from "../withLabels";
+const DEFAULT_LABELS = {
+  title: "",
+  indicator: undefined,
+  unit: undefined,
+  comparisonIndicatorInfo: undefined
+};
+
+const HvKpi = props => {
+  const {
+    classes,
+    className,
+    id,
+    labels,
+    visualIndicator = null,
+    visualComparison = null,
+    trendIndicator = null,
+    indicatorUnitTextVariant = "sTitle",
+    indicatorTextVariant = "lTitle"
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const InternalVisualComparison = typeof visualComparison === "string" ? HvTypography : "div";
+  return /*#__PURE__*/React.createElement("div", _extends({
+    id: id,
+    className: clsx(classes.root, className)
+  }, others), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(HvTypography, {
+    variant: "highlightText"
+  }, labels.title)), /*#__PURE__*/React.createElement("div", {
+    className: classes.indicatorsContainer
+  }, visualIndicator != null && /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.visualIndicatorContainer, classes.spacingToTheRight)
+  }, visualIndicator), labels.indicator && /*#__PURE__*/React.createElement(HvTypography, {
+    className: clsx(classes.spacingToTheRight, classes.indicatorText),
+    variant: indicatorTextVariant
+  }, labels.indicator), labels.unit && /*#__PURE__*/React.createElement(HvTypography, {
+    className: classes.indicatorUnit,
+    variant: indicatorUnitTextVariant
+  }, labels.unit)), visualComparison != null && /*#__PURE__*/React.createElement("div", {
+    className: classes.comparisonComposition
+  }, trendIndicator != null && /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.trendLine, classes.spacingToTheRight)
+  }, trendIndicator), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: classes.comparisonContainer
+  }, /*#__PURE__*/React.createElement(InternalVisualComparison, {
+    className: clsx(classes.comparisons, classes.spacingToTheRight),
+    variant: "highlightText"
+  }, visualComparison)), /*#__PURE__*/React.createElement("div", {
+    className: classes.comparisonContainer
+  }, /*#__PURE__*/React.createElement(HvTypography, {
+    className: classes.comparisons,
+    variant: "vizText"
+  }, labels.comparisonIndicatorInfo)))));
+};
+
+process.env.NODE_ENV !== "production" ? HvKpi.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the component visual indicator.
+     */
+    visualIndicatorContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the component comparison.
+     */
+    comparisons: PropTypes.string,
+
+    /**
+     * Styles applied to the component comparison container.
+     */
+    comparisonContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the component comparison composition wrapper.
+     */
+    comparisonComposition: PropTypes.string,
+
+    /**
+     * Styles applied to the component indicators.
+     */
+    indicatorsContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the component indicators text.
+     */
+    indicatorText: PropTypes.string,
+
+    /**
+     * Styles applied to the component indicators unit.
+     */
+    indicatorUnit: PropTypes.string,
+
+    /**
+     * Styles applied to the component comparison container right spacing.
+     */
+    spacingToTheRight: PropTypes.string,
+
+    /**
+     * Styles applied to the component trend line.
+     */
+    trendLine: PropTypes.string
+  }).isRequired,
+
+  /**
+   * An Element that will be rendered to the left of the kpi indicator text.
+   */
+  trendIndicator: PropTypes.node,
+
+  /**
+   * An Element that will be rendered to the left of the kpi indicator text.
+   */
+  visualIndicator: PropTypes.node,
+
+  /**
+   * An Element that will be rendered below the kpi indicator text.
+   */
+  visualComparison: PropTypes.node,
+
+  /**
+   * The object that contains the different labels inside the kpi.
+   */
+  labels: PropTypes.shape({
+    /**
+     * The text at the top of the kpi.
+     */
+    title: PropTypes.string,
+
+    /**
+     * The text in the middle of the kpi.
+     */
+    indicator: PropTypes.string,
+
+    /**
+     * The text to the right of the indicator.
+     */
+    unit: PropTypes.string,
+
+    /**
+     * the text to the right of the visual comparison.
+     */
+    comparisonIndicatorInfo: PropTypes.string
+  }),
+
+  /**
+   *  The typography variant used in the main text indicator of the KPI
+   */
+  indicatorTextVariant: PropTypes.oneOf(["5xlTitle", "xxlTitle", "lTitle", "sTitle"]),
+
+  /**
+   *  The typography variant used in the main text indicator of the KPI
+   */
+  indicatorUnitTextVariant: PropTypes.oneOf(["sTitle", "sText", "infoText"])
+} : void 0;
+export default withStyles(styles, {
+  name: "HvKpi"
+})(withLabels(DEFAULT_LABELS)(HvKpi));
+//# sourceMappingURL=Kpi.js.map

package/dist/modern/Kpi/Kpi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kpi.js","names":["React","PropTypes","clsx","withStyles","HvTypography","styles","withLabels","DEFAULT_LABELS","title","indicator","undefined","unit","comparisonIndicatorInfo","HvKpi","props","classes","className","id","labels","visualIndicator","visualComparison","trendIndicator","indicatorUnitTextVariant","indicatorTextVariant","others","InternalVisualComparison","root","indicatorsContainer","visualIndicatorContainer","spacingToTheRight","indicatorText","indicatorUnit","comparisonComposition","trendLine","comparisonContainer","comparisons","propTypes","string","shape","isRequired","node","oneOf","name"],"sources":["../../../src/Kpi/Kpi.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../Typography\";\nimport styles from \"./styles\";\nimport withLabels from \"../withLabels\";\n\nconst DEFAULT_LABELS = {\n  title: \"\",\n  indicator: undefined,\n  unit: undefined,\n  comparisonIndicatorInfo: undefined,\n};\n\nconst HvKpi = (props) => {\n  const {\n    classes,\n    className,\n    id,\n    labels,\n    visualIndicator = null,\n    visualComparison = null,\n    trendIndicator = null,\n    indicatorUnitTextVariant = \"sTitle\",\n    indicatorTextVariant = \"lTitle\",\n    ...others\n  } = props;\n\n  const InternalVisualComparison = typeof visualComparison === \"string\" ? HvTypography : \"div\";\n\n  return (\n    <div id={id} className={clsx(classes.root, className)} {...others}>\n      <div>\n        <HvTypography variant=\"highlightText\">{labels.title}</HvTypography>\n      </div>\n      <div className={classes.indicatorsContainer}>\n        {visualIndicator != null && (\n          <div className={clsx(classes.visualIndicatorContainer, classes.spacingToTheRight)}>\n            {visualIndicator}\n          </div>\n        )}\n        {labels.indicator && (\n          <HvTypography\n            className={clsx(classes.spacingToTheRight, classes.indicatorText)}\n            variant={indicatorTextVariant}\n          >\n            {labels.indicator}\n          </HvTypography>\n        )}\n        {labels.unit && (\n          <HvTypography className={classes.indicatorUnit} variant={indicatorUnitTextVariant}>\n            {labels.unit}\n          </HvTypography>\n        )}\n      </div>\n      {visualComparison != null && (\n        <div className={classes.comparisonComposition}>\n          {trendIndicator != null && (\n            <div className={clsx(classes.trendLine, classes.spacingToTheRight)}>\n              {trendIndicator}\n            </div>\n          )}\n          <div>\n            <div className={classes.comparisonContainer}>\n              <InternalVisualComparison\n                className={clsx(classes.comparisons, classes.spacingToTheRight)}\n                variant=\"highlightText\"\n              >\n                {visualComparison}\n              </InternalVisualComparison>\n            </div>\n            <div className={classes.comparisonContainer}>\n              <HvTypography className={classes.comparisons} variant=\"vizText\">\n                {labels.comparisonIndicatorInfo}\n              </HvTypography>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nHvKpi.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component visual indicator.\n     */\n    visualIndicatorContainer: PropTypes.string,\n    /**\n     * Styles applied to the component comparison.\n     */\n    comparisons: PropTypes.string,\n    /**\n     * Styles applied to the component comparison container.\n     */\n    comparisonContainer: PropTypes.string,\n    /**\n     * Styles applied to the component comparison composition wrapper.\n     */\n    comparisonComposition: PropTypes.string,\n    /**\n     * Styles applied to the component indicators.\n     */\n    indicatorsContainer: PropTypes.string,\n    /**\n     * Styles applied to the component indicators text.\n     */\n    indicatorText: PropTypes.string,\n    /**\n     * Styles applied to the component indicators unit.\n     */\n    indicatorUnit: PropTypes.string,\n    /**\n     * Styles applied to the component comparison container right spacing.\n     */\n    spacingToTheRight: PropTypes.string,\n    /**\n     * Styles applied to the component trend line.\n     */\n    trendLine: PropTypes.string,\n  }).isRequired,\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  trendIndicator: PropTypes.node,\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  visualIndicator: PropTypes.node,\n  /**\n   * An Element that will be rendered below the kpi indicator text.\n   */\n  visualComparison: PropTypes.node,\n  /**\n   * The object that contains the different labels inside the kpi.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The text at the top of the kpi.\n     */\n    title: PropTypes.string,\n    /**\n     * The text in the middle of the kpi.\n     */\n    indicator: PropTypes.string,\n    /**\n     * The text to the right of the indicator.\n     */\n    unit: PropTypes.string,\n    /**\n     * the text to the right of the visual comparison.\n     */\n    comparisonIndicatorInfo: PropTypes.string,\n  }),\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorTextVariant: PropTypes.oneOf([\"5xlTitle\", \"xxlTitle\", \"lTitle\", \"sTitle\"]),\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorUnitTextVariant: PropTypes.oneOf([\"sTitle\", \"sText\", \"infoText\"]),\n};\n\nexport default withStyles(styles, { name: \"HvKpi\" })(withLabels(DEFAULT_LABELS)(HvKpi));\n"],"mappings":"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"}

package/dist/modern/Kpi/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Kpi";
+export * from "./Kpi";

package/dist/modern/Kpi/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Kpi";
+//# sourceMappingURL=index.js.map

package/dist/modern/Kpi/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Kpi/index.js"],"sourcesContent":["export { default } from \"./Kpi\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB"}

package/dist/modern/Kpi/styles.js

@@ -0,0 +1,46 @@
+const styles = theme => ({
+  root: {
+    width: "100%",
+    height: "100%"
+  },
+  visualIndicatorContainer: {
+    height: "40px",
+    backgroundColor: "transparent",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  comparisonContainer: {
+    minHeight: "16px",
+    display: "flex",
+    alignItems: "flex-end"
+  },
+  indicatorsContainer: {
+    display: "inline-flex",
+    minHeight: "16px",
+    alignItems: "flex-end",
+    marginTop: `${theme.hv.spacing.xs}px`,
+    marginBottom: `${theme.hv.spacing.xs}px`
+  },
+  indicatorUnit: {
+    alignSelf: "flex-end",
+    paddingBottom: "3px"
+  },
+  indicatorText: {},
+  comparisonComposition: {
+    width: "100%",
+    display: "flex",
+    flexDirection: "row",
+    flexWrap: "wrap",
+    alignItems: "center"
+  },
+  spacingToTheRight: {
+    marginRight: `${theme.hv.spacing.xs}px`
+  },
+  trendLine: {
+    float: "right"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Kpi/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","width","height","visualIndicatorContainer","backgroundColor","display","alignItems","justifyContent","comparisonContainer","minHeight","indicatorsContainer","marginTop","hv","spacing","xs","marginBottom","indicatorUnit","alignSelf","paddingBottom","indicatorText","comparisonComposition","flexDirection","flexWrap","spacingToTheRight","marginRight","trendLine","float"],"sources":["../../../src/Kpi/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    height: \"100%\",\n  },\n  visualIndicatorContainer: {\n    height: \"40px\",\n    backgroundColor: \"transparent\",\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  comparisonContainer: {\n    minHeight: \"16px\",\n    display: \"flex\",\n    alignItems: \"flex-end\",\n  },\n  indicatorsContainer: {\n    display: \"inline-flex\",\n    minHeight: \"16px\",\n    alignItems: \"flex-end\",\n    marginTop: `${theme.hv.spacing.xs}px`,\n    marginBottom: `${theme.hv.spacing.xs}px`,\n  },\n  indicatorUnit: {\n    alignSelf: \"flex-end\",\n    paddingBottom: \"3px\",\n  },\n  indicatorText: {},\n  comparisonComposition: {\n    width: \"100%\",\n    display: \"flex\",\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    alignItems: \"center\",\n  },\n  spacingToTheRight: {\n    marginRight: `${theme.hv.spacing.xs}px`,\n  },\n  trendLine: {\n    float: \"right\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,KAAK,EAAE,MADH;IAEJC,MAAM,EAAE;EAFJ,CADmB;EAKzBC,wBAAwB,EAAE;IACxBD,MAAM,EAAE,MADgB;IAExBE,eAAe,EAAE,aAFO;IAGxBC,OAAO,EAAE,aAHe;IAIxBC,UAAU,EAAE,QAJY;IAKxBC,cAAc,EAAE;EALQ,CALD;EAYzBC,mBAAmB,EAAE;IACnBC,SAAS,EAAE,MADQ;IAEnBJ,OAAO,EAAE,MAFU;IAGnBC,UAAU,EAAE;EAHO,CAZI;EAiBzBI,mBAAmB,EAAE;IACnBL,OAAO,EAAE,aADU;IAEnBI,SAAS,EAAE,MAFQ;IAGnBH,UAAU,EAAE,UAHO;IAInBK,SAAS,EAAG,GAAEZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,EAAG,IAJf;IAKnBC,YAAY,EAAG,GAAEhB,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,EAAG;EALlB,CAjBI;EAwBzBE,aAAa,EAAE;IACbC,SAAS,EAAE,UADE;IAEbC,aAAa,EAAE;EAFF,CAxBU;EA4BzBC,aAAa,EAAE,EA5BU;EA6BzBC,qBAAqB,EAAE;IACrBnB,KAAK,EAAE,MADc;IAErBI,OAAO,EAAE,MAFY;IAGrBgB,aAAa,EAAE,KAHM;IAIrBC,QAAQ,EAAE,MAJW;IAKrBhB,UAAU,EAAE;EALS,CA7BE;EAoCzBiB,iBAAiB,EAAE;IACjBC,WAAW,EAAG,GAAEzB,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,EAAG;EADnB,CApCM;EAuCzBW,SAAS,EAAE;IACTC,KAAK,EAAE;EADE;AAvCc,CAAZ,CAAf;;AA4CA,eAAe5B,MAAf"}

package/dist/modern/Linechart/Linechart.d.ts

@@ -0,0 +1,14 @@
+import { HvChartProps } from "../Chart";
+
+export interface HvLinechartProps extends HvChartProps {
+  /**
+   * Sets the type of graph.
+   */
+  type?: "line" | "area" | "stack";
+  /**
+   * Defines it should present a range slider.
+   */
+  rangeSlider?: boolean;
+}
+
+export default function HvLinechart(props: HvLinechartProps): JSX.Element | null;

package/dist/modern/Linechart/Linechart.js

@@ -0,0 +1,116 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "classes", "title", "subtitle", "data", "layout", "config", "tooltipType", "type", "xAxisTitle", "yAxisTitle", "rangeSlider"];
+import React, { useMemo } from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import Chart from "../Chart";
+import { applyDataDefaults, applyLayoutDefaults } from "./lineChartPlotlyOverrides";
+import styles from "./styles";
+/**
+ * A line chart or line plot or line graph is a type of chart which displays information as a series of data points
+ * called 'markers' connected by straight line segments. It is a basic type of chart common in many fields.
+ *
+ * Our implementation uses as base Plotly. If you have a specific case
+ * that we don't cover directly, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.
+ */
+
+const Linechart = _ref => {
+  let {
+    id,
+    classes,
+    title,
+    subtitle,
+    data,
+    layout,
+    config,
+    tooltipType = "multiple",
+    type = "line",
+    xAxisTitle,
+    yAxisTitle,
+    rangeSlider = false
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  /* Values derived from props */
+  const chartData = useMemo(() => applyDataDefaults(data, type), [data, type]);
+  const chartLayout = useMemo(() => applyLayoutDefaults(layout, rangeSlider), [layout, rangeSlider]);
+  return /*#__PURE__*/React.createElement(Chart, _extends({
+    id: id,
+    classes: classes,
+    title: title,
+    subtitle: subtitle,
+    xAxisTitle: xAxisTitle,
+    yAxisTitle: yAxisTitle,
+    data: chartData,
+    layout: chartLayout,
+    config: config,
+    tooltipType: tooltipType
+  }, others));
+};
+
+process.env.NODE_ENV !== "production" ? Linechart.propTypes = {
+  /**
+   * An Id passed on to the component
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.instanceOf(Object),
+
+  /**
+   * Title of the chart.
+   */
+  title: PropTypes.string,
+
+  /**
+   * Subtitle of the chart.
+   */
+  subtitle: PropTypes.string,
+
+  /**
+   * Plotly data object (see https://plot.ly/javascript/reference/).
+   */
+  data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
+
+  /**
+   * Plotly layout object (see https://plot.ly/javascript/reference/#layout).
+   */
+  layout: PropTypes.instanceOf(Object),
+
+  /**
+   * Plotly config object (see https://plot.ly/javascript/configuration-options/).
+   */
+  config: PropTypes.instanceOf(Object),
+
+  /**
+   * Defines if should use a single or multiline tooltip.
+   */
+  tooltipType: PropTypes.oneOf(["single", "multiple"]),
+
+  /**
+   * Sets the type of graph.
+   */
+  type: PropTypes.oneOf(["line", "area", "stack"]),
+
+  /**
+   * Defines the title of the X axis.
+   */
+  xAxisTitle: PropTypes.string,
+
+  /**
+   * Defines the title of the Y axis.
+   */
+  yAxisTitle: PropTypes.string,
+
+  /**
+   * Defines it should present a range slider.
+   */
+  rangeSlider: PropTypes.bool
+} : void 0;
+export default withStyles(styles, {
+  name: "HvLinechart"
+})(Linechart);
+//# sourceMappingURL=Linechart.js.map

package/dist/modern/Linechart/Linechart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Linechart.js","names":["React","useMemo","PropTypes","withStyles","Chart","applyDataDefaults","applyLayoutDefaults","styles","Linechart","id","classes","title","subtitle","data","layout","config","tooltipType","type","xAxisTitle","yAxisTitle","rangeSlider","others","chartData","chartLayout","propTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","bool","name"],"sources":["../../../src/Linechart/Linechart.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport Chart from \"../Chart\";\nimport { applyDataDefaults, applyLayoutDefaults } from \"./lineChartPlotlyOverrides\";\nimport styles from \"./styles\";\n\n/**\n * A line chart or line plot or line graph is a type of chart which displays information as a series of data points\n * called 'markers' connected by straight line segments. It is a basic type of chart common in many fields.\n *\n * Our implementation uses as base Plotly. If you have a specific case\n * that we don't cover directly, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.\n */\nconst Linechart = ({\n  id,\n  classes,\n  title,\n  subtitle,\n  data,\n  layout,\n  config,\n  tooltipType = \"multiple\",\n  type = \"line\",\n  xAxisTitle,\n  yAxisTitle,\n  rangeSlider = false,\n  ...others\n}) => {\n  /* Values derived from props */\n\n  const chartData = useMemo(() => applyDataDefaults(data, type), [data, type]);\n  const chartLayout = useMemo(\n    () => applyLayoutDefaults(layout, rangeSlider),\n    [layout, rangeSlider]\n  );\n\n  return (\n    <Chart\n      id={id}\n      classes={classes}\n      title={title}\n      subtitle={subtitle}\n      xAxisTitle={xAxisTitle}\n      yAxisTitle={yAxisTitle}\n      data={chartData}\n      layout={chartLayout}\n      config={config}\n      tooltipType={tooltipType}\n      {...others}\n    />\n  );\n};\n\nLinechart.propTypes = {\n  /**\n   * An Id passed on to the component\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * Title of the chart.\n   */\n  title: PropTypes.string,\n  /**\n   * Subtitle of the chart.\n   */\n  subtitle: PropTypes.string,\n  /**\n   * Plotly data object (see https://plot.ly/javascript/reference/).\n   */\n  data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n  /**\n   * Plotly layout object (see https://plot.ly/javascript/reference/#layout).\n   */\n  layout: PropTypes.instanceOf(Object),\n  /**\n   * Plotly config object (see https://plot.ly/javascript/configuration-options/).\n   */\n  config: PropTypes.instanceOf(Object),\n  /**\n   * Defines if should use a single or multiline tooltip.\n   */\n  tooltipType: PropTypes.oneOf([\"single\", \"multiple\"]),\n  /**\n   * Sets the type of graph.\n   */\n  type: PropTypes.oneOf([\"line\", \"area\", \"stack\"]),\n  /**\n   * Defines the title of the X axis.\n   */\n  xAxisTitle: PropTypes.string,\n  /**\n   * Defines the title of the Y axis.\n   */\n  yAxisTitle: PropTypes.string,\n  /**\n   * Defines it should present a range slider.\n   */\n  rangeSlider: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvLinechart\" })(Linechart);\n"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,SAASC,iBAAT,EAA4BC,mBAA5B,QAAuD,4BAAvD;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,SAAS,GAAG,QAcZ;EAAA,IAda;IACjBC,EADiB;IAEjBC,OAFiB;IAGjBC,KAHiB;IAIjBC,QAJiB;IAKjBC,IALiB;IAMjBC,MANiB;IAOjBC,MAPiB;IAQjBC,WAAW,GAAG,UARG;IASjBC,IAAI,GAAG,MATU;IAUjBC,UAViB;IAWjBC,UAXiB;IAYjBC,WAAW,GAAG;EAZG,CAcb;EAAA,IADDC,MACC;;EACJ;EAEA,MAAMC,SAAS,GAAGrB,OAAO,CAAC,MAAMI,iBAAiB,CAACQ,IAAD,EAAOI,IAAP,CAAxB,EAAsC,CAACJ,IAAD,EAAOI,IAAP,CAAtC,CAAzB;EACA,MAAMM,WAAW,GAAGtB,OAAO,CACzB,MAAMK,mBAAmB,CAACQ,MAAD,EAASM,WAAT,CADA,EAEzB,CAACN,MAAD,EAASM,WAAT,CAFyB,CAA3B;EAKA,oBACE,oBAAC,KAAD;IACE,EAAE,EAAEX,EADN;IAEE,OAAO,EAAEC,OAFX;IAGE,KAAK,EAAEC,KAHT;IAIE,QAAQ,EAAEC,QAJZ;IAKE,UAAU,EAAEM,UALd;IAME,UAAU,EAAEC,UANd;IAOE,IAAI,EAAEG,SAPR;IAQE,MAAM,EAAEC,WARV;IASE,MAAM,EAAER,MATV;IAUE,WAAW,EAAEC;EAVf,GAWMK,MAXN,EADF;AAeD,CAtCD;;AAwCA,wCAAAb,SAAS,CAACgB,SAAV,GAAsB;EACpB;AACF;AACA;EACEf,EAAE,EAAEP,SAAS,CAACuB,MAJM;;EAKpB;AACF;AACA;EACEf,OAAO,EAAER,SAAS,CAACwB,UAAV,CAAqBC,MAArB,CARW;;EASpB;AACF;AACA;EACEhB,KAAK,EAAET,SAAS,CAACuB,MAZG;;EAapB;AACF;AACA;EACEb,QAAQ,EAAEV,SAAS,CAACuB,MAhBA;;EAiBpB;AACF;AACA;EACEZ,IAAI,EAAEX,SAAS,CAAC0B,OAAV,CAAkB1B,SAAS,CAACwB,UAAV,CAAqBC,MAArB,CAAlB,EAAgDE,UApBlC;;EAqBpB;AACF;AACA;EACEf,MAAM,EAAEZ,SAAS,CAACwB,UAAV,CAAqBC,MAArB,CAxBY;;EAyBpB;AACF;AACA;EACEZ,MAAM,EAAEb,SAAS,CAACwB,UAAV,CAAqBC,MAArB,CA5BY;;EA6BpB;AACF;AACA;EACEX,WAAW,EAAEd,SAAS,CAAC4B,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,CAAhB,CAhCO;;EAiCpB;AACF;AACA;EACEb,IAAI,EAAEf,SAAS,CAAC4B,KAAV,CAAgB,CAAC,MAAD,EAAS,MAAT,EAAiB,OAAjB,CAAhB,CApCc;;EAqCpB;AACF;AACA;EACEZ,UAAU,EAAEhB,SAAS,CAACuB,MAxCF;;EAyCpB;AACF;AACA;EACEN,UAAU,EAAEjB,SAAS,CAACuB,MA5CF;;EA6CpB;AACF;AACA;EACEL,WAAW,EAAElB,SAAS,CAAC6B;AAhDH,CAAtB;AAmDA,eAAe5B,UAAU,CAACI,MAAD,EAAS;EAAEyB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4CxB,SAA5C,CAAf"}

package/dist/modern/Linechart/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Linechart";
+export * from "./Linechart";

package/dist/modern/Linechart/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Linechart";
+//# sourceMappingURL=index.js.map

package/dist/modern/Linechart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Linechart/index.js"],"sourcesContent":["export { default } from \"./Linechart\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB"}

package/dist/modern/Linechart/lineChartPlotlyOverrides.js

@@ -0,0 +1,53 @@
+import clone from "lodash/cloneDeep";
+
+const setterIfNil = (object, property, value) => {
+  // eslint-disable-next-line no-param-reassign
+  object[property] = object[property] || value;
+};
+/**
+ * Auxiliary functions to set the data in order to follow the DS guideline.
+ *
+ */
+
+
+export const applyDataDefaults = (inputData, type) => {
+  const data = inputData;
+  data.forEach(trace => {
+    setterIfNil(trace, "hoverinfo", "none");
+    setterIfNil(trace, "mode", "lines");
+
+    switch (type) {
+      case "area":
+        setterIfNil(trace, "fill", "tonexty");
+        setterIfNil(trace, "type", "scatter");
+        break;
+
+      case "line":
+        setterIfNil(trace, "type", "line");
+        break;
+
+      case "stack":
+        setterIfNil(trace, "fill", "tonexty");
+        setterIfNil(trace, "type", "scatter");
+        setterIfNil(trace, "stackgroup", "one");
+        break;
+
+      default:
+        setterIfNil(trace, "type", "line");
+    }
+  });
+  return data;
+};
+export const applyLayoutDefaults = (inputLayout, rangeSlider) => {
+  const layout = inputLayout === undefined ? {} : clone(inputLayout);
+
+  if (rangeSlider) {
+    setterIfNil(layout, "xaxis", {});
+    setterIfNil(layout.xaxis, "rangeslider", {
+      visible: true
+    });
+  }
+
+  return layout;
+};
+//# sourceMappingURL=lineChartPlotlyOverrides.js.map

package/dist/modern/Linechart/lineChartPlotlyOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lineChartPlotlyOverrides.js","names":["clone","setterIfNil","object","property","value","applyDataDefaults","inputData","type","data","forEach","trace","applyLayoutDefaults","inputLayout","rangeSlider","layout","undefined","xaxis","visible"],"sources":["../../../src/Linechart/lineChartPlotlyOverrides.js"],"sourcesContent":["import clone from \"lodash/cloneDeep\";\n\nconst setterIfNil = (object, property, value) => {\n  // eslint-disable-next-line no-param-reassign\n  object[property] = object[property] || value;\n};\n\n/**\n * Auxiliary functions to set the data in order to follow the DS guideline.\n *\n */\nexport const applyDataDefaults = (inputData, type) => {\n  const data = inputData;\n\n  data.forEach((trace) => {\n    setterIfNil(trace, \"hoverinfo\", \"none\");\n    setterIfNil(trace, \"mode\", \"lines\");\n\n    switch (type) {\n      case \"area\":\n        setterIfNil(trace, \"fill\", \"tonexty\");\n        setterIfNil(trace, \"type\", \"scatter\");\n        break;\n      case \"line\":\n        setterIfNil(trace, \"type\", \"line\");\n        break;\n      case \"stack\":\n        setterIfNil(trace, \"fill\", \"tonexty\");\n        setterIfNil(trace, \"type\", \"scatter\");\n        setterIfNil(trace, \"stackgroup\", \"one\");\n        break;\n      default:\n        setterIfNil(trace, \"type\", \"line\");\n    }\n  });\n\n  return data;\n};\n\nexport const applyLayoutDefaults = (inputLayout, rangeSlider) => {\n  const layout = inputLayout === undefined ? {} : clone(inputLayout);\n\n  if (rangeSlider) {\n    setterIfNil(layout, \"xaxis\", {});\n\n    setterIfNil(layout.xaxis, \"rangeslider\", {\n      visible: true,\n    });\n  }\n\n  return layout;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,kBAAlB;;AAEA,MAAMC,WAAW,GAAG,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,KAA6B;EAC/C;EACAF,MAAM,CAACC,QAAD,CAAN,GAAmBD,MAAM,CAACC,QAAD,CAAN,IAAoBC,KAAvC;AACD,CAHD;AAKA;AACA;AACA;AACA;;;AACA,OAAO,MAAMC,iBAAiB,GAAG,CAACC,SAAD,EAAYC,IAAZ,KAAqB;EACpD,MAAMC,IAAI,GAAGF,SAAb;EAEAE,IAAI,CAACC,OAAL,CAAcC,KAAD,IAAW;IACtBT,WAAW,CAACS,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;IACAT,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,OAAhB,CAAX;;IAEA,QAAQH,IAAR;MACE,KAAK,MAAL;QACEN,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;QACAT,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;QACA;;MACF,KAAK,MAAL;QACET,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;QACA;;MACF,KAAK,OAAL;QACET,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;QACAT,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;QACAT,WAAW,CAACS,KAAD,EAAQ,YAAR,EAAsB,KAAtB,CAAX;QACA;;MACF;QACET,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;IAdJ;EAgBD,CApBD;EAsBA,OAAOF,IAAP;AACD,CA1BM;AA4BP,OAAO,MAAMG,mBAAmB,GAAG,CAACC,WAAD,EAAcC,WAAd,KAA8B;EAC/D,MAAMC,MAAM,GAAGF,WAAW,KAAKG,SAAhB,GAA4B,EAA5B,GAAiCf,KAAK,CAACY,WAAD,CAArD;;EAEA,IAAIC,WAAJ,EAAiB;IACfZ,WAAW,CAACa,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;IAEAb,WAAW,CAACa,MAAM,CAACE,KAAR,EAAe,aAAf,EAA8B;MACvCC,OAAO,EAAE;IAD8B,CAA9B,CAAX;EAGD;;EAED,OAAOH,MAAP;AACD,CAZM"}

package/dist/modern/Linechart/styles.js

@@ -0,0 +1,3 @@
+const styles = {};
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Linechart/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles"],"sources":["../../../src/Linechart/styles.js"],"sourcesContent":["const styles = {};\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,EAAf;AAEA,eAAeA,MAAf"}

package/dist/modern/Link/Link.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvLinkProps
+  extends StandardProps<React.HTMLAttributes<HTMLElement | HTMLAnchorElement>, HvLinkClassKey> {
+  /**
+   * Path route.
+   */
+  route: string;
+  /**
+   * TabIndex.
+   */
+  tabIndex?: number;
+  /**
+   * Data to be returned in the onClick function.
+   */
+  data?: object;
+  /**
+   * The component used for the link node.
+   * Either a string to use a DOM element or a component.
+   */
+  Component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+}
+
+// TODO: should have root or "component" class?
+export type HvLinkClassKey = "a";
+
+export default function HvLink(props: HvLinkProps): JSX.Element | null;

package/dist/modern/Link/Link.js

@@ -0,0 +1,77 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "children", "route", "Component", "onClick", "data", "tabIndex"];
+import React from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import styles from "./styles";
+
+const HvLink = props => {
+  const {
+    classes,
+    children,
+    route,
+    Component = "div",
+    onClick,
+    data,
+    tabIndex = 0
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  return onClick ? /*#__PURE__*/React.createElement(Component, _extends({
+    role: "button",
+    className: classes.a,
+    onClick: event => onClick === null || onClick === void 0 ? void 0 : onClick(event, data),
+    tabIndex: tabIndex
+  }, others), children) : /*#__PURE__*/React.createElement("a", {
+    href: route,
+    className: classes.a
+  }, children);
+};
+
+process.env.NODE_ENV !== "production" ? HvLink.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component.
+     */
+    a: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Children.
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Path route.
+   */
+  route: PropTypes.string.isRequired,
+
+  /**
+   * OnClick function.
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * TabIndex.
+   */
+  tabIndex: PropTypes.number,
+
+  /**
+   * Data to be returned in the onClick function.
+   */
+  data: PropTypes.instanceOf(Object),
+
+  /**
+   * The component used for the link node.
+   * Either a string to use a DOM element or a component.
+   */
+  Component: PropTypes.elementType
+} : void 0;
+export default withStyles(styles, {
+  name: "HvLink"
+})(HvLink);
+//# sourceMappingURL=Link.js.map

package/dist/modern/Link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","names":["React","PropTypes","withStyles","styles","HvLink","props","classes","children","route","Component","onClick","data","tabIndex","others","a","event","propTypes","shape","string","isRequired","node","func","number","instanceOf","Object","elementType","name"],"sources":["../../../src/Link/Link.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst HvLink = (props) => {\n  const {\n    classes,\n    children,\n    route,\n    Component = \"div\",\n    onClick,\n    data,\n    tabIndex = 0,\n    ...others\n  } = props;\n\n  return onClick ? (\n    <Component\n      role=\"button\"\n      className={classes.a}\n      onClick={(event) => onClick?.(event, data)}\n      tabIndex={tabIndex}\n      {...others}\n    >\n      {children}\n    </Component>\n  ) : (\n    <a href={route} className={classes.a}>\n      {children}\n    </a>\n  );\n};\n\nHvLink.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    a: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Path route.\n   */\n  route: PropTypes.string.isRequired,\n  /**\n   * OnClick function.\n   */\n  onClick: PropTypes.func,\n  /**\n   * TabIndex.\n   */\n  tabIndex: PropTypes.number,\n  /**\n   * Data to be returned in the onClick function.\n   */\n  data: PropTypes.instanceOf(Object),\n  /**\n   * The component used for the link node.\n   * Either a string to use a DOM element or a component.\n   */\n  Component: PropTypes.elementType,\n};\n\nexport default withStyles(styles, { name: \"HvLink\" })(HvLink);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,IAAW;EACxB,MAAM;IACJC,OADI;IAEJC,QAFI;IAGJC,KAHI;IAIJC,SAAS,GAAG,KAJR;IAKJC,OALI;IAMJC,IANI;IAOJC,QAAQ,GAAG;EAPP,IASFP,KATJ;EAAA,MAQKQ,MARL,4BASIR,KATJ;;EAWA,OAAOK,OAAO,gBACZ,oBAAC,SAAD;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEJ,OAAO,CAACQ,CAFrB;IAGE,OAAO,EAAGC,KAAD,IAAWL,OAAX,aAAWA,OAAX,uBAAWA,OAAO,CAAGK,KAAH,EAAUJ,IAAV,CAH7B;IAIE,QAAQ,EAAEC;EAJZ,GAKMC,MALN,GAOGN,QAPH,CADY,gBAWZ;IAAG,IAAI,EAAEC,KAAT;IAAgB,SAAS,EAAEF,OAAO,CAACQ;EAAnC,GACGP,QADH,CAXF;AAeD,CA3BD;;AA6BA,wCAAAH,MAAM,CAACY,SAAP,GAAmB;EACjB;AACF;AACA;EACEV,OAAO,EAAEL,SAAS,CAACgB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,CAAC,EAAEb,SAAS,CAACiB;EAJU,CAAhB,EAKNC,UATc;;EAUjB;AACF;AACA;EACEZ,QAAQ,EAAEN,SAAS,CAACmB,IAAV,CAAeD,UAbR;;EAcjB;AACF;AACA;EACEX,KAAK,EAAEP,SAAS,CAACiB,MAAV,CAAiBC,UAjBP;;EAkBjB;AACF;AACA;EACET,OAAO,EAAET,SAAS,CAACoB,IArBF;;EAsBjB;AACF;AACA;EACET,QAAQ,EAAEX,SAAS,CAACqB,MAzBH;;EA0BjB;AACF;AACA;EACEX,IAAI,EAAEV,SAAS,CAACsB,UAAV,CAAqBC,MAArB,CA7BW;;EA8BjB;AACF;AACA;AACA;EACEf,SAAS,EAAER,SAAS,CAACwB;AAlCJ,CAAnB;AAqCA,eAAevB,UAAU,CAACC,MAAD,EAAS;EAAEuB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuCtB,MAAvC,CAAf"}

package/dist/modern/Link/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Link";
+export * from "./Link";

package/dist/modern/Link/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Link";
+//# sourceMappingURL=index.js.map

package/dist/modern/Link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Link/index.js"],"sourcesContent":["export { default } from \"./Link\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB"}

package/dist/modern/Link/styles.js

@@ -0,0 +1,17 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import { outlineStyles } from "../Focus/styles";
+
+const styles = theme => ({
+  a: _objectSpread(_objectSpread({}, theme.hv.typography.inlineLink), {}, {
+    textDecoration: "none",
+    "&:focus": _objectSpread({}, outlineStyles)
+  })
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Link/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","a","hv","typography","inlineLink","textDecoration"],"sources":["../../../src/Link/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  a: {\n    ...theme.hv.typography.inlineLink,\n    textDecoration: \"none\",\n    \"&:focus\": { ...outlineStyles },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,CAAC,kCACID,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBC,UADxB;IAECC,cAAc,EAAE,MAFjB;IAGC,6BAAgBP,aAAhB;EAHD;AADwB,CAAZ,CAAf;;AAQA,eAAeC,MAAf"}