@hitachivantara/uikit-react-lab 2.6.18

package/dist/modern/CodeEditor/CodeEditor.js

@@ -0,0 +1,109 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "theme", "defaultValue", "options", "editorProps"];
+
+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 React from "react";
+import PropTypes from "prop-types";
+import MonacoEditor from "react-monaco-editor";
+import withTheme from "@material-ui/core/styles/withTheme";
+import withStyles from "@material-ui/core/styles/withStyles";
+import styles from "./styles";
+export const DefaultCodeEditorOptions = {
+  automaticLayout: true,
+  // TODO add a resize event listener and manually resize?
+  overviewRulerLanes: 0,
+  minimap: {
+    enabled: true
+  },
+  scrollBeyondLastLine: false,
+  scrollbar: {
+    horizontal: "visible",
+    vertical: "visible",
+    verticalScrollbarSize: 20,
+    horizontalScrollbarSize: 20,
+    verticalSliderSize: 5,
+    horizontalSliderSize: 5
+  }
+};
+/**
+ * A wrapper to the React Monaco editor (https://github.com/react-monaco-editor/react-monaco-editor) with our styles.
+ * Please make sure you follow the instructions (found in the repository) to include the component. Webpack configurations, and MonacoWebpackPlugin, are required to see the editor syntax highlight.
+ */
+
+const CodeEditor = _ref => {
+  let {
+    classes,
+    theme,
+    defaultValue,
+    options,
+    editorProps
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  // merges the 2 objects together, overriding defaults with passed in options
+  const mergedOptions = _objectSpread(_objectSpread({}, DefaultCodeEditorOptions), options);
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.root
+  }, /*#__PURE__*/React.createElement(MonacoEditor, _extends({
+    defaultValue: defaultValue,
+    options: mergedOptions,
+    editorWillMount: monaco => {
+      monaco.editor.defineTheme("hv", {
+        base: theme.hv.type === "light" ? "vs" : "vs-dark",
+        inherit: true,
+        rules: [],
+        colors: {
+          "editor.background": theme.hv.palette.atmosphere.atmo1,
+          "editorLineNumber.foreground": theme.hv.palette.atmosphere.atmo7
+        }
+      });
+    },
+    theme: "hv"
+  }, editorProps, others)));
+};
+
+process.env.NODE_ENV !== "production" ? CodeEditor.propTypes = {
+  /*
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string
+  }).isRequired,
+
+  /**
+   * styling theme to be applied to the code editor
+   */
+  theme: PropTypes.any.isRequired,
+
+  /**
+   * The properties of the Monaco editor. Please check MonacoEditorProps from https://microsoft.github.io/monaco-editor/api/index.html
+   */
+  editorProps: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * The initial value of the code editor
+   */
+  defaultValue: PropTypes.string,
+
+  /**
+   * The function called when the written code changes
+   * @param {*} value
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * The properties of the editor object in Monaco. Please check editor.IEditorConstructionOptions in https://microsoft.github.io/monaco-editor/api/index.html
+   */
+  options: PropTypes.instanceOf(Object)
+} : void 0;
+export default withStyles(styles)(withTheme(CodeEditor));
+//# sourceMappingURL=CodeEditor.js.map

package/dist/modern/CodeEditor/CodeEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.js","names":["React","PropTypes","MonacoEditor","withTheme","withStyles","styles","DefaultCodeEditorOptions","automaticLayout","overviewRulerLanes","minimap","enabled","scrollBeyondLastLine","scrollbar","horizontal","vertical","verticalScrollbarSize","horizontalScrollbarSize","verticalSliderSize","horizontalSliderSize","CodeEditor","classes","theme","defaultValue","options","editorProps","others","mergedOptions","root","monaco","editor","defineTheme","base","hv","type","inherit","rules","colors","palette","atmosphere","atmo1","atmo7","propTypes","shape","string","isRequired","any","instanceOf","Object","onChange","func"],"sources":["../../../src/CodeEditor/CodeEditor.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport MonacoEditor from \"react-monaco-editor\";\n\nimport withTheme from \"@material-ui/core/styles/withTheme\";\nimport withStyles from \"@material-ui/core/styles/withStyles\";\nimport styles from \"./styles\";\n\nexport const DefaultCodeEditorOptions = {\n  automaticLayout: true, // TODO add a resize event listener and manually resize?\n  overviewRulerLanes: 0,\n  minimap: {\n    enabled: true,\n  },\n  scrollBeyondLastLine: false,\n  scrollbar: {\n    horizontal: \"visible\",\n    vertical: \"visible\",\n    verticalScrollbarSize: 20,\n    horizontalScrollbarSize: 20,\n    verticalSliderSize: 5,\n    horizontalSliderSize: 5,\n  },\n};\n\n/**\n * A wrapper to the React Monaco editor (https://github.com/react-monaco-editor/react-monaco-editor) with our styles.\n * Please make sure you follow the instructions (found in the repository) to include the component. Webpack configurations, and MonacoWebpackPlugin, are required to see the editor syntax highlight.\n */\nconst CodeEditor = ({ classes, theme, defaultValue, options, editorProps, ...others }) => {\n  // merges the 2 objects together, overriding defaults with passed in options\n  const mergedOptions = {\n    ...DefaultCodeEditorOptions,\n    ...options,\n  };\n\n  return (\n    <div className={classes.root}>\n      <MonacoEditor\n        defaultValue={defaultValue}\n        options={mergedOptions}\n        editorWillMount={(monaco) => {\n          monaco.editor.defineTheme(\"hv\", {\n            base: theme.hv.type === \"light\" ? \"vs\" : \"vs-dark\",\n            inherit: true,\n            rules: [],\n            colors: {\n              \"editor.background\": theme.hv.palette.atmosphere.atmo1,\n              \"editorLineNumber.foreground\": theme.hv.palette.atmosphere.atmo7,\n            },\n          });\n        }}\n        theme=\"hv\"\n        {...editorProps}\n        {...others}\n      />\n    </div>\n  );\n};\n\nCodeEditor.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 root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * styling theme to be applied to the code editor\n   */\n  theme: PropTypes.any.isRequired,\n  /**\n   * The properties of the Monaco editor. Please check MonacoEditorProps from https://microsoft.github.io/monaco-editor/api/index.html\n   */\n  editorProps: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The initial value of the code editor\n   */\n  defaultValue: PropTypes.string,\n  /**\n   * The function called when the written code changes\n   * @param {*} value\n   */\n  onChange: PropTypes.func,\n  /**\n   * The properties of the editor object in Monaco. Please check editor.IEditorConstructionOptions in https://microsoft.github.io/monaco-editor/api/index.html\n   */\n  options: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles)(withTheme(CodeEditor));\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,YAAP,MAAyB,qBAAzB;AAEA,OAAOC,SAAP,MAAsB,oCAAtB;AACA,OAAOC,UAAP,MAAuB,qCAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,OAAO,MAAMC,wBAAwB,GAAG;EACtCC,eAAe,EAAE,IADqB;EACf;EACvBC,kBAAkB,EAAE,CAFkB;EAGtCC,OAAO,EAAE;IACPC,OAAO,EAAE;EADF,CAH6B;EAMtCC,oBAAoB,EAAE,KANgB;EAOtCC,SAAS,EAAE;IACTC,UAAU,EAAE,SADH;IAETC,QAAQ,EAAE,SAFD;IAGTC,qBAAqB,EAAE,EAHd;IAITC,uBAAuB,EAAE,EAJhB;IAKTC,kBAAkB,EAAE,CALX;IAMTC,oBAAoB,EAAE;EANb;AAP2B,CAAjC;AAiBP;AACA;AACA;AACA;;AACA,MAAMC,UAAU,GAAG,QAAuE;EAAA,IAAtE;IAAEC,OAAF;IAAWC,KAAX;IAAkBC,YAAlB;IAAgCC,OAAhC;IAAyCC;EAAzC,CAAsE;EAAA,IAAbC,MAAa;;EACxF;EACA,MAAMC,aAAa,mCACdpB,wBADc,GAEdiB,OAFc,CAAnB;;EAKA,oBACE;IAAK,SAAS,EAAEH,OAAO,CAACO;EAAxB,gBACE,oBAAC,YAAD;IACE,YAAY,EAAEL,YADhB;IAEE,OAAO,EAAEI,aAFX;IAGE,eAAe,EAAGE,MAAD,IAAY;MAC3BA,MAAM,CAACC,MAAP,CAAcC,WAAd,CAA0B,IAA1B,EAAgC;QAC9BC,IAAI,EAAEV,KAAK,CAACW,EAAN,CAASC,IAAT,KAAkB,OAAlB,GAA4B,IAA5B,GAAmC,SADX;QAE9BC,OAAO,EAAE,IAFqB;QAG9BC,KAAK,EAAE,EAHuB;QAI9BC,MAAM,EAAE;UACN,qBAAqBf,KAAK,CAACW,EAAN,CAASK,OAAT,CAAiBC,UAAjB,CAA4BC,KAD3C;UAEN,+BAA+BlB,KAAK,CAACW,EAAN,CAASK,OAAT,CAAiBC,UAAjB,CAA4BE;QAFrD;MAJsB,CAAhC;IASD,CAbH;IAcE,KAAK,EAAC;EAdR,GAeMhB,WAfN,EAgBMC,MAhBN,EADF,CADF;AAsBD,CA7BD;;AA+BA,wCAAAN,UAAU,CAACsB,SAAX,GAAuB;EACrB;AACF;AACA;EACErB,OAAO,EAAEnB,SAAS,CAACyC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIf,IAAI,EAAE1B,SAAS,CAAC0C;EAJO,CAAhB,EAKNC,UATkB;;EAUrB;AACF;AACA;EACEvB,KAAK,EAAEpB,SAAS,CAAC4C,GAAV,CAAcD,UAbA;;EAcrB;AACF;AACA;EACEpB,WAAW,EAAEvB,SAAS,CAAC6C,UAAV,CAAqBC,MAArB,EAA6BH,UAjBrB;;EAkBrB;AACF;AACA;EACEtB,YAAY,EAAErB,SAAS,CAAC0C,MArBH;;EAsBrB;AACF;AACA;AACA;EACEK,QAAQ,EAAE/C,SAAS,CAACgD,IA1BC;;EA2BrB;AACF;AACA;EACE1B,OAAO,EAAEtB,SAAS,CAAC6C,UAAV,CAAqBC,MAArB;AA9BY,CAAvB;AAiCA,eAAe3C,UAAU,CAACC,MAAD,CAAV,CAAmBF,SAAS,CAACgB,UAAD,CAA5B,CAAf"}

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

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

package/dist/modern/CodeEditor/index.js

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

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

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

package/dist/modern/CodeEditor/styles.js

@@ -0,0 +1,43 @@
+import { createStyles } from "@material-ui/core";
+
+const styles = theme => createStyles({
+  root: {
+    border: `solid 1px ${theme.hv.palette.atmosphere.atmo7}`,
+    "& .monaco-editor": {},
+    "& .monaco-editor .minimap > canvas": {
+      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`
+    },
+    "& .monaco-editor .margin": {
+      background: theme.hv.palette.atmosphere.atmo2,
+      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`
+    },
+    "& .monaco-scrollable-element > .scrollbar > .slider": {
+      borderRadius: "5px",
+      background: theme.hv.palette.atmosphere.atmo5
+    },
+    "& .monaco-scrollable-element > .scrollbar > .slider:hover": {
+      background: theme.hv.palette.accent.acce1
+    },
+    "& .monaco-scrollable-element > .scrollbar > .slider:active": {
+      background: theme.hv.palette.accent.acce1
+    },
+    "& .monaco-scrollable-element > .visible": {
+      background: theme.hv.palette.atmosphere.atmo1
+    },
+    "& .monaco-scrollable-element > .visible.horizontal": {
+      borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`
+    },
+    "& .monaco-scrollable-element > .visible.vertical": {
+      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`
+    },
+    "& .monaco-editor .scroll-decoration": {
+      display: "none"
+    },
+    "& .monaco-editor .minimap-shadow-visible": {
+      display: "none"
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["createStyles","styles","theme","root","border","hv","palette","atmosphere","atmo7","borderLeft","atmo5","background","atmo2","borderRight","borderRadius","accent","acce1","atmo1","borderTop","display"],"sources":["../../../src/CodeEditor/styles.js"],"sourcesContent":["import { createStyles } from \"@material-ui/core\";\n\nconst styles = (theme) =>\n  createStyles({\n    root: {\n      border: `solid 1px ${theme.hv.palette.atmosphere.atmo7}`,\n      \"& .monaco-editor\": {},\n      \"& .monaco-editor .minimap > canvas\": {\n        borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n      },\n      \"& .monaco-editor .margin\": {\n        background: theme.hv.palette.atmosphere.atmo2,\n        borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n      },\n      \"& .monaco-scrollable-element > .scrollbar > .slider\": {\n        borderRadius: \"5px\",\n        background: theme.hv.palette.atmosphere.atmo5,\n      },\n      \"& .monaco-scrollable-element > .scrollbar > .slider:hover\": {\n        background: theme.hv.palette.accent.acce1,\n      },\n      \"& .monaco-scrollable-element > .scrollbar > .slider:active\": {\n        background: theme.hv.palette.accent.acce1,\n      },\n      \"& .monaco-scrollable-element > .visible\": {\n        background: theme.hv.palette.atmosphere.atmo1,\n      },\n      \"& .monaco-scrollable-element > .visible.horizontal\": {\n        borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n      },\n      \"& .monaco-scrollable-element > .visible.vertical\": {\n        borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo5}`,\n      },\n      \"& .monaco-editor .scroll-decoration\": {\n        display: \"none\",\n      },\n      \"& .monaco-editor .minimap-shadow-visible\": {\n        display: \"none\",\n      },\n    },\n  });\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,YAAT,QAA6B,mBAA7B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,IACbF,YAAY,CAAC;EACXG,IAAI,EAAE;IACJC,MAAM,EAAG,aAAYF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM,EADnD;IAEJ,oBAAoB,EAFhB;IAGJ,sCAAsC;MACpCC,UAAU,EAAG,aAAYP,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAM;IADvB,CAHlC;IAMJ,4BAA4B;MAC1BC,UAAU,EAAET,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BK,KADd;MAE1BC,WAAW,EAAG,aAAYX,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAM;IAFlC,CANxB;IAUJ,uDAAuD;MACrDI,YAAY,EAAE,KADuC;MAErDH,UAAU,EAAET,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG;IAFa,CAVnD;IAcJ,6DAA6D;MAC3DC,UAAU,EAAET,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBS,MAAjB,CAAwBC;IADuB,CAdzD;IAiBJ,8DAA8D;MAC5DL,UAAU,EAAET,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBS,MAAjB,CAAwBC;IADwB,CAjB1D;IAoBJ,2CAA2C;MACzCL,UAAU,EAAET,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BU;IADC,CApBvC;IAuBJ,sDAAsD;MACpDC,SAAS,EAAG,aAAYhB,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAM;IADN,CAvBlD;IA0BJ,oDAAoD;MAClDD,UAAU,EAAG,aAAYP,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAM;IADT,CA1BhD;IA6BJ,uCAAuC;MACrCS,OAAO,EAAE;IAD4B,CA7BnC;IAgCJ,4CAA4C;MAC1CA,OAAO,EAAE;IADiC;EAhCxC;AADK,CAAD,CADd;;AAwCA,eAAelB,MAAf"}

package/dist/modern/Footer/Footer.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvFooterProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvFooterClassKey> {
+  labelLeftName?: string;
+  labelRightName?: string;
+}
+
+export type HvFooterClassKey = "root" | "labelLeft" | "labelRight";
+
+export default function HvFooter(props: HvFooterProps): JSX.Element | null;

package/dist/modern/Footer/Footer.js

@@ -0,0 +1,51 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import { HvTypography, withDeprecated } from "@hitachivantara/uikit-react-core";
+import styles from "./styles";
+/**
+ * A footer component for identification, still in development
+ */
+
+const HvFooter = props => {
+  const {
+    classes,
+    labelLeftName = "Hitachi Vantara",
+    labelRightName = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.root
+  }, /*#__PURE__*/React.createElement(HvTypography, {
+    className: classes.labelLeft
+  }, labelLeftName), /*#__PURE__*/React.createElement(HvTypography, {
+    className: classes.labelRight
+  }, labelRightName));
+};
+
+process.env.NODE_ENV !== "production" ? HvFooter.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to label on the left.
+     */
+    labelLeft: PropTypes.string,
+
+    /**
+     *  Styles applied to label on the right.
+     */
+    labelRight: PropTypes.string
+  }).isRequired,
+  labelLeftName: PropTypes.string,
+  labelRightName: PropTypes.string
+} : void 0;
+export default withDeprecated(withStyles(styles, {
+  name: "HvFooter"
+})(HvFooter), "Please use the HvFooter component in the core package instead.");
+//# sourceMappingURL=Footer.js.map

package/dist/modern/Footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","names":["React","PropTypes","withStyles","HvTypography","withDeprecated","styles","HvFooter","props","classes","labelLeftName","labelRightName","Date","getFullYear","root","labelLeft","labelRight","propTypes","shape","string","isRequired","name"],"sources":["../../../src/Footer/Footer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography, withDeprecated } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * A footer component for identification, still in development\n */\nconst HvFooter = (props) => {\n  const {\n    classes,\n    labelLeftName = \"Hitachi Vantara\",\n    labelRightName = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,\n  } = props;\n\n  return (\n    <div className={classes.root}>\n      <HvTypography className={classes.labelLeft}>{labelLeftName}</HvTypography>\n      <HvTypography className={classes.labelRight}>{labelRightName}</HvTypography>\n    </div>\n  );\n};\n\nHvFooter.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 root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to label on the left.\n     */\n    labelLeft: PropTypes.string,\n    /**\n     *  Styles applied to label on the right.\n     */\n    labelRight: PropTypes.string,\n  }).isRequired,\n  labelLeftName: PropTypes.string,\n  labelRightName: PropTypes.string,\n};\n\nexport default withDeprecated(\n  withStyles(styles, { name: \"HvFooter\" })(HvFooter),\n  \"Please use the HvFooter component in the core package instead.\"\n);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,YAAT,EAAuBC,cAAvB,QAA6C,kCAA7C;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,MAAMC,QAAQ,GAAIC,KAAD,IAAW;EAC1B,MAAM;IACJC,OADI;IAEJC,aAAa,GAAG,iBAFZ;IAGJC,cAAc,GAAI,iCAAgC,IAAIC,IAAJ,GAAWC,WAAX,EAAyB;EAHvE,IAIFL,KAJJ;EAMA,oBACE;IAAK,SAAS,EAAEC,OAAO,CAACK;EAAxB,gBACE,oBAAC,YAAD;IAAc,SAAS,EAAEL,OAAO,CAACM;EAAjC,GAA6CL,aAA7C,CADF,eAEE,oBAAC,YAAD;IAAc,SAAS,EAAED,OAAO,CAACO;EAAjC,GAA8CL,cAA9C,CAFF,CADF;AAMD,CAbD;;AAeA,wCAAAJ,QAAQ,CAACU,SAAT,GAAqB;EACnB;AACF;AACA;EACER,OAAO,EAAEP,SAAS,CAACgB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEZ,SAAS,CAACiB,MAJO;;IAKvB;AACJ;AACA;IACIJ,SAAS,EAAEb,SAAS,CAACiB,MARE;;IASvB;AACJ;AACA;IACIH,UAAU,EAAEd,SAAS,CAACiB;EAZC,CAAhB,EAaNC,UAjBgB;EAkBnBV,aAAa,EAAER,SAAS,CAACiB,MAlBN;EAmBnBR,cAAc,EAAET,SAAS,CAACiB;AAnBP,CAArB;AAsBA,eAAed,cAAc,CAC3BF,UAAU,CAACG,MAAD,EAAS;EAAEe,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyCd,QAAzC,CAD2B,EAE3B,gEAF2B,CAA7B"}

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

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

package/dist/modern/Footer/index.js

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

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

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

package/dist/modern/Footer/styles.js

@@ -0,0 +1,43 @@
+const styles = theme => ({
+  root: {
+    position: "fixed",
+    width: "100%",
+    height: 40,
+    backgroundColor: theme.hv.palette.accent.acce1,
+    [theme.breakpoints.down("500")]: {
+      minWidth: "320px"
+    }
+  },
+  labelLeft: {
+    float: "left",
+    marginTop: 10,
+    marginLeft: 20,
+    fontSize: "16px",
+    letterSpacing: "0.02em",
+    lineHeight: `${theme.hv.spacing.sm}px`,
+    fontWeight: "600",
+    color: theme.hv.palette.atmosphere.atmo3,
+    [theme.breakpoints.down("500")]: {
+      display: "none"
+    }
+  },
+  labelRight: {
+    float: "right",
+    marginTop: 12,
+    marginRight: 20,
+    fontSize: "12px",
+    letterSpacing: "0.02em",
+    lineHeight: "16px",
+    fontWeight: "400",
+    color: theme.hv.palette.atmosphere.atmo3,
+    [theme.breakpoints.down("500")]: {
+      minWidth: "320px",
+      float: "left",
+      marginLeft: 20,
+      fontSize: "11px"
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","position","width","height","backgroundColor","hv","palette","accent","acce1","breakpoints","down","minWidth","labelLeft","float","marginTop","marginLeft","fontSize","letterSpacing","lineHeight","spacing","sm","fontWeight","color","atmosphere","atmo3","display","labelRight","marginRight"],"sources":["../../../src/Footer/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    position: \"fixed\",\n    width: \"100%\",\n    height: 40,\n    backgroundColor: theme.hv.palette.accent.acce1,\n    [theme.breakpoints.down(\"500\")]: {\n      minWidth: \"320px\",\n    },\n  },\n  labelLeft: {\n    float: \"left\",\n    marginTop: 10,\n    marginLeft: 20,\n    fontSize: \"16px\",\n    letterSpacing: \"0.02em\",\n    lineHeight: `${theme.hv.spacing.sm}px`,\n    fontWeight: \"600\",\n    color: theme.hv.palette.atmosphere.atmo3,\n    [theme.breakpoints.down(\"500\")]: {\n      display: \"none\",\n    },\n  },\n  labelRight: {\n    float: \"right\",\n    marginTop: 12,\n    marginRight: 20,\n    fontSize: \"12px\",\n    letterSpacing: \"0.02em\",\n    lineHeight: \"16px\",\n    fontWeight: \"400\",\n    color: theme.hv.palette.atmosphere.atmo3,\n    [theme.breakpoints.down(\"500\")]: {\n      minWidth: \"320px\",\n      float: \"left\",\n      marginLeft: 20,\n      fontSize: \"11px\",\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,QAAQ,EAAE,OADN;IAEJC,KAAK,EAAE,MAFH;IAGJC,MAAM,EAAE,EAHJ;IAIJC,eAAe,EAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAJrC;IAKJ,CAACT,KAAK,CAACU,WAAN,CAAkBC,IAAlB,CAAuB,KAAvB,CAAD,GAAiC;MAC/BC,QAAQ,EAAE;IADqB;EAL7B,CADmB;EAUzBC,SAAS,EAAE;IACTC,KAAK,EAAE,MADE;IAETC,SAAS,EAAE,EAFF;IAGTC,UAAU,EAAE,EAHH;IAITC,QAAQ,EAAE,MAJD;IAKTC,aAAa,EAAE,QALN;IAMTC,UAAU,EAAG,GAAEnB,KAAK,CAACM,EAAN,CAASc,OAAT,CAAiBC,EAAG,IAN1B;IAOTC,UAAU,EAAE,KAPH;IAQTC,KAAK,EAAEvB,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBiB,UAAjB,CAA4BC,KAR1B;IAST,CAACzB,KAAK,CAACU,WAAN,CAAkBC,IAAlB,CAAuB,KAAvB,CAAD,GAAiC;MAC/Be,OAAO,EAAE;IADsB;EATxB,CAVc;EAuBzBC,UAAU,EAAE;IACVb,KAAK,EAAE,OADG;IAEVC,SAAS,EAAE,EAFD;IAGVa,WAAW,EAAE,EAHH;IAIVX,QAAQ,EAAE,MAJA;IAKVC,aAAa,EAAE,QALL;IAMVC,UAAU,EAAE,MANF;IAOVG,UAAU,EAAE,KAPF;IAQVC,KAAK,EAAEvB,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBiB,UAAjB,CAA4BC,KARzB;IASV,CAACzB,KAAK,CAACU,WAAN,CAAkBC,IAAlB,CAAuB,KAAvB,CAAD,GAAiC;MAC/BC,QAAQ,EAAE,OADqB;MAE/BE,KAAK,EAAE,MAFwB;MAG/BE,UAAU,EAAE,EAHmB;MAI/BC,QAAQ,EAAE;IAJqB;EATvB;AAvBa,CAAZ,CAAf;;AAyCA,eAAelB,MAAf"}

package/dist/modern/FormComposer/FormComposer.d.ts

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+interface FormGroup {
+  title: string;
+  children: React.ReactNode;
+}
+
+export type HvFormComposerClassKey =
+  | "root"
+  | "title"
+  | "mainContainer"
+  | "navContainer"
+  | "componentContainer"
+  | "footer";
+
+export interface HvFormComposerProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvFormComposerClassKey> {
+  /**
+   * Main title to be displayed.
+   */
+  mainTitle?: string;
+  /**
+   * The group of component that will be added to the Form composer.
+   */
+  groups: FormGroup[];
+  /**
+   * Shows navigation bar.
+   */
+  hasNavigation?: boolean;
+  /**
+   * Shows footer.
+   */
+  hasFooter?: boolean;
+  /**
+   * Content to be shown on the footer.
+   */
+  footerContent?: React.ReactNode;
+}
+
+export default function HvFormComposer(props: HvFormComposerProps): JSX.Element | null;

package/dist/modern/FormComposer/FormComposer.js

@@ -0,0 +1,183 @@
+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 React from "react";
+import PropTypes, { shape } from "prop-types";
+import { withStyles } from "@material-ui/core";
+import { HvTypography } from "@hitachivantara/uikit-react-core";
+import HvNavigationAnchors from "../NavigationAnchors";
+import styles from "./styles";
+/**
+ * A form composer component used to create a form dynamically, still in development
+ */
+
+class HvFormComposer extends React.Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "getInitialValuesFromComponents", groups => {
+      const componentValues = {};
+      groups.forEach(group => {
+        group.children.forEach(child => {
+          componentValues[child.props.name] = child.props.value;
+        });
+      });
+      return componentValues;
+    });
+
+    _defineProperty(this, "getValues", () => {
+      const {
+        componentValues
+      } = this.state;
+      return componentValues;
+    });
+
+    _defineProperty(this, "getValuesHandler", originalHandler => {
+      if (originalHandler !== undefined && typeof originalHandler === "function") {
+        originalHandler(this.getValues());
+      }
+    });
+
+    _defineProperty(this, "childOnChangeHandler", (value, name, onChange) => {
+      const {
+        componentValues
+      } = this.state;
+
+      const newComponentValues = _objectSpread({}, componentValues);
+
+      newComponentValues[name] = value;
+      this.setState({
+        componentValues: newComponentValues
+      });
+
+      if (onChange !== undefined && typeof onChange === "function") {
+        return onChange(value);
+      } // The UI-KIT input forced to have the value explicitly returned on the onChanged function.
+
+
+      return value;
+    });
+
+    const {
+      groups: _groups
+    } = this.props;
+    this.state = {
+      componentValues: this.getInitialValuesFromComponents(_groups)
+    };
+  }
+  /**
+   * Gets the values that are set on each component inside the groups.
+   *
+   * @param {Object} groups - Initial group object containing all the component elements.
+   * @return {Object} - { key (Component name): value (Value set on the component) }
+   */
+
+
+  render() {
+    const {
+      classes,
+      mainTitle,
+      groups,
+      hasNavigation,
+      hasFooter,
+      footerContent
+    } = this.props;
+    const footerElements = footerContent.map((child, i) => {
+      const key = `fc-${i}`;
+      return /*#__PURE__*/React.cloneElement(child, {
+        onClick: () => this.getValuesHandler(child.props.onClick),
+        key
+      });
+    });
+    const navigationOptions = [];
+    const groupedComponents = groups.map(group => {
+      navigationOptions.push({
+        label: group.title,
+        value: group.title
+      });
+      return /*#__PURE__*/React.createElement("div", {
+        key: group.title
+      }, /*#__PURE__*/React.createElement(HvTypography, {
+        id: group.title,
+        variant: "mTitle"
+      }, group.title), group.children.map((child, i) => {
+        const key = `fc-${group.title}-${i}`;
+        return /*#__PURE__*/React.createElement("div", {
+          key: key
+        }, /*#__PURE__*/React.cloneElement(child, {
+          onChange: (event, value) => this.childOnChangeHandler(value, child.props.name, child.props.onChange)
+        }));
+      }));
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes.root
+    }, /*#__PURE__*/React.createElement(HvTypography, {
+      variant: "xlTitle",
+      className: classes.title
+    }, mainTitle), /*#__PURE__*/React.createElement("div", {
+      className: classes.mainContainer
+    }, hasNavigation && /*#__PURE__*/React.createElement("div", {
+      className: classes.navContainer
+    }, /*#__PURE__*/React.createElement(HvNavigationAnchors, {
+      options: navigationOptions,
+      floating: false
+    })), /*#__PURE__*/React.createElement("div", {
+      className: classes.componentContainer
+    }, groupedComponents)), hasFooter && /*#__PURE__*/React.createElement("div", {
+      className: classes.footer
+    }, footerElements));
+  }
+
+}
+
+process.env.NODE_ENV !== "production" ? HvFormComposer.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied to the form composer.
+   */
+  classes: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * Main title to be displayed.
+   */
+  mainTitle: PropTypes.string,
+
+  /**
+   * The group of component that will be added to the Form composer.
+   */
+  groups: PropTypes.arrayOf(shape({
+    title: PropTypes.string,
+    children: PropTypes.node
+  })).isRequired,
+
+  /**
+   * Shows navigation bar.
+   */
+  hasNavigation: PropTypes.bool,
+
+  /**
+   * Shows footer.
+   */
+  hasFooter: PropTypes.bool,
+
+  /**
+   * Content to be shown on the footer.
+   */
+  footerContent: PropTypes.node
+} : void 0;
+/**
+ * Default properties.
+ */
+
+HvFormComposer.defaultProps = {
+  mainTitle: "",
+  hasNavigation: false,
+  hasFooter: false,
+  footerContent: []
+};
+export default withStyles(styles, {
+  name: "HvFormComposer"
+})(HvFormComposer);
+//# sourceMappingURL=FormComposer.js.map

package/dist/modern/FormComposer/FormComposer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormComposer.js","names":["React","PropTypes","shape","withStyles","HvTypography","HvNavigationAnchors","styles","HvFormComposer","Component","constructor","props","groups","componentValues","forEach","group","children","child","name","value","state","originalHandler","undefined","getValues","onChange","newComponentValues","setState","getInitialValuesFromComponents","render","classes","mainTitle","hasNavigation","hasFooter","footerContent","footerElements","map","i","key","cloneElement","onClick","getValuesHandler","navigationOptions","groupedComponents","push","label","title","event","childOnChangeHandler","root","mainContainer","navContainer","componentContainer","footer","propTypes","instanceOf","Object","isRequired","string","arrayOf","node","bool","defaultProps"],"sources":["../../../src/FormComposer/FormComposer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { shape } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport HvNavigationAnchors from \"../NavigationAnchors\";\nimport styles from \"./styles\";\n\n/**\n * A form composer component used to create a form dynamically, still in development\n */\nclass HvFormComposer extends React.Component {\n  constructor(props) {\n    super(props);\n\n    const { groups } = this.props;\n\n    this.state = {\n      componentValues: this.getInitialValuesFromComponents(groups),\n    };\n  }\n\n  /**\n   * Gets the values that are set on each component inside the groups.\n   *\n   * @param {Object} groups - Initial group object containing all the component elements.\n   * @return {Object} - { key (Component name): value (Value set on the component) }\n   */\n  getInitialValuesFromComponents = (groups) => {\n    const componentValues = {};\n    groups.forEach((group) => {\n      group.children.forEach((child) => {\n        componentValues[child.props.name] = child.props.value;\n      });\n    });\n\n    return componentValues;\n  };\n\n  /**\n   * Gets the values stored in the state of each component.\n   */\n  getValues = () => {\n    const { componentValues } = this.state;\n    return componentValues;\n  };\n\n  /**\n   * Handler to retrieve the values.\n   *\n   * @param {Function} originalHandler - The handler that was originally triggered.\n   */\n  getValuesHandler = (originalHandler) => {\n    if (originalHandler !== undefined && typeof originalHandler === \"function\") {\n      originalHandler(this.getValues());\n    }\n  };\n\n  /**\n   * Stores the value on the state when a child component onChange event is triggered.\n   *\n   * @param {*} value - Value that will be stored on the state.\n   * @param {string} name - Name of the component.\n   * @param {Function} onChange - Original function triggered by the component.\n   */\n  childOnChangeHandler = (value, name, onChange) => {\n    const { componentValues } = this.state;\n\n    const newComponentValues = { ...componentValues };\n    newComponentValues[name] = value;\n\n    this.setState({ componentValues: newComponentValues });\n\n    if (onChange !== undefined && typeof onChange === \"function\") {\n      return onChange(value);\n    }\n    // The UI-KIT input forced to have the value explicitly returned on the onChanged function.\n    return value;\n  };\n\n  render() {\n    const { classes, mainTitle, groups, hasNavigation, hasFooter, footerContent } = this.props;\n\n    const footerElements = footerContent.map((child, i) => {\n      const key = `fc-${i}`;\n      return React.cloneElement(child, {\n        onClick: () => this.getValuesHandler(child.props.onClick),\n        key,\n      });\n    });\n\n    const navigationOptions = [];\n\n    const groupedComponents = groups.map((group) => {\n      navigationOptions.push({ label: group.title, value: group.title });\n\n      return (\n        <div key={group.title}>\n          <HvTypography id={group.title} variant=\"mTitle\">\n            {group.title}\n          </HvTypography>\n          {group.children.map((child, i) => {\n            const key = `fc-${group.title}-${i}`;\n            return (\n              <div key={key}>\n                {React.cloneElement(child, {\n                  onChange: (event, value) =>\n                    this.childOnChangeHandler(value, child.props.name, child.props.onChange),\n                })}\n              </div>\n            );\n          })}\n        </div>\n      );\n    });\n\n    return (\n      <div className={classes.root}>\n        <HvTypography variant=\"xlTitle\" className={classes.title}>\n          {mainTitle}\n        </HvTypography>\n        <div className={classes.mainContainer}>\n          {hasNavigation && (\n            <div className={classes.navContainer}>\n              <HvNavigationAnchors options={navigationOptions} floating={false} />\n            </div>\n          )}\n          <div className={classes.componentContainer}>{groupedComponents}</div>\n        </div>\n        {hasFooter && <div className={classes.footer}>{footerElements}</div>}\n      </div>\n    );\n  }\n}\n\nHvFormComposer.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the form composer.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Main title to be displayed.\n   */\n  mainTitle: PropTypes.string,\n  /**\n   * The group of component that will be added to the Form composer.\n   */\n  groups: PropTypes.arrayOf(\n    shape({\n      title: PropTypes.string,\n      children: PropTypes.node,\n    })\n  ).isRequired,\n  /**\n   * Shows navigation bar.\n   */\n  hasNavigation: PropTypes.bool,\n  /**\n   * Shows footer.\n   */\n  hasFooter: PropTypes.bool,\n  /**\n   * Content to be shown on the footer.\n   */\n  footerContent: PropTypes.node,\n};\n\n/**\n * Default properties.\n */\nHvFormComposer.defaultProps = {\n  mainTitle: \"\",\n  hasNavigation: false,\n  hasFooter: false,\n  footerContent: [],\n};\n\nexport default withStyles(styles, { name: \"HvFormComposer\" })(HvFormComposer);\n"],"mappings":"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"}

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

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

package/dist/modern/FormComposer/index.js

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

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

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

package/dist/modern/FormComposer/styles.js

@@ -0,0 +1,29 @@
+const styles = theme => ({
+  root: {
+    backgroundColor: theme.hv.palette.atmosphere.atmo2
+  },
+  mainContainer: {
+    display: "flex",
+    backgroundColor: theme.hv.palette.atmosphere.atmo3
+  },
+  navContainer: {
+    maxWidth: "200px",
+    paddingTop: `${theme.hv.spacing.md}px`
+  },
+  componentContainer: {
+    width: "100%",
+    maxHeight: "400px",
+    overflowY: "auto",
+    padding: `${theme.hv.spacing.md}px`
+  },
+  title: {
+    padding: `${theme.hv.spacing.sm}px 0`
+  },
+  footer: {
+    padding: `${theme.hv.spacing.sm}px`,
+    textAlign: "right"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","backgroundColor","hv","palette","atmosphere","atmo2","mainContainer","display","atmo3","navContainer","maxWidth","paddingTop","spacing","md","componentContainer","width","maxHeight","overflowY","padding","title","sm","footer","textAlign"],"sources":["../../../src/FormComposer/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n  mainContainer: {\n    display: \"flex\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n  },\n  navContainer: {\n    maxWidth: \"200px\",\n    paddingTop: `${theme.hv.spacing.md}px`,\n  },\n  componentContainer: {\n    width: \"100%\",\n    maxHeight: \"400px\",\n    overflowY: \"auto\",\n    padding: `${theme.hv.spacing.md}px`,\n  },\n  title: {\n    padding: `${theme.hv.spacing.sm}px 0`,\n  },\n  footer: {\n    padding: `${theme.hv.spacing.sm}px`,\n    textAlign: \"right\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EADzC,CADmB;EAIzBC,aAAa,EAAE;IACbC,OAAO,EAAE,MADI;IAEbN,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BI;EAFhC,CAJU;EAQzBC,YAAY,EAAE;IACZC,QAAQ,EAAE,OADE;IAEZC,UAAU,EAAG,GAAEZ,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBC,EAAG;EAFvB,CARW;EAYzBC,kBAAkB,EAAE;IAClBC,KAAK,EAAE,MADW;IAElBC,SAAS,EAAE,OAFO;IAGlBC,SAAS,EAAE,MAHO;IAIlBC,OAAO,EAAG,GAAEnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBC,EAAG;EAJd,CAZK;EAkBzBM,KAAK,EAAE;IACLD,OAAO,EAAG,GAAEnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBQ,EAAG;EAD3B,CAlBkB;EAqBzBC,MAAM,EAAE;IACNH,OAAO,EAAG,GAAEnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBQ,EAAG,IAD1B;IAENE,SAAS,EAAE;EAFL;AArBiB,CAAZ,CAAf;;AA2BA,eAAexB,MAAf"}