@hitachivantara/uikit-react-lab 2.6.18

package/dist/TimePicker/TimePicker.js

@@ -0,0 +1,425 @@
+"use strict";
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.reflect.construct.js");
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.includes.js");
+
+require("core-js/modules/es.string.includes.js");
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _UnitTimePicker = _interopRequireDefault(require("./UnitTimePicker"));
+
+var _enums = require("./enums");
+
+var _timePickerUtils = require("./timePickerUtils");
+
+var _timePickerFormatter = require("./timePickerFormatter");
+
+var _timePickerConverter = require("./timePickerConverter");
+
+var _PeriodPicker = _interopRequireDefault(require("./PeriodPicker"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+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) { (0, _defineProperty2.default)(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; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+/**
+ * A TimePicker component with a popup used to choose the time, following specifications provided by Design System. Still in development.
+ */
+var HvTimePicker = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(HvTimePicker, _React$Component);
+
+  var _super = _createSuper(HvTimePicker);
+
+  function HvTimePicker(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HvTimePicker);
+    _this = _super.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTimePopperClickAway", function () {
+      _this.cancelTimeSelection();
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTimeIconClick", function (event) {
+      var currentTarget = event.currentTarget;
+      var timePopperOpen = _this.state.timePopperOpen;
+
+      _this.setTimePopperState(currentTarget.parentElement, !timePopperOpen);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "cancelTimeSelection", function () {
+      _this.setTimePopperState(null, false);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleHoursChange", function (hours) {
+      var selectedTime = _this.state.selectedTime;
+
+      var newSelectedTime = _objectSpread(_objectSpread({}, selectedTime), {}, {
+        hours: hours
+      });
+
+      _this.onSelectedTimeChange(newSelectedTime);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMinutesChange", function (minutes) {
+      var selectedTime = _this.state.selectedTime;
+
+      var newSelectedTime = _objectSpread(_objectSpread({}, selectedTime), {}, {
+        minutes: minutes
+      });
+
+      _this.onSelectedTimeChange(newSelectedTime);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSecondsChange", function (seconds) {
+      var selectedTime = _this.state.selectedTime;
+
+      var newSelectedTime = _objectSpread(_objectSpread({}, selectedTime), {}, {
+        seconds: seconds
+      });
+
+      _this.onSelectedTimeChange(newSelectedTime);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChangePeriod", function (period) {
+      var selectedTime = _this.state.selectedTime;
+
+      var newSelectedTime = _objectSpread(_objectSpread({}, selectedTime), {}, {
+        period: period
+      });
+
+      _this.onSelectedTimeChange(newSelectedTime);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setTimePopperState", function (anchor, open) {
+      _this.setState({
+        timePopperAnchor: anchor,
+        timePopperOpen: open
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setTimePopperPlacement", function (placement) {
+      var timePopperPlacement = _this.state.timePopperPlacement;
+
+      if (timePopperPlacement !== placement) {
+        _this.setState({
+          timePopperPlacement: placement
+        });
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSelectedTimeChange", function (selectedTime) {
+      var onChange = _this.props.onChange;
+      var timeFormat = _this.state.timeFormat;
+
+      _this.setState({
+        selectedTime: selectedTime
+      });
+
+      var selectedTimeIn24Format = (0, _timePickerConverter.getTimeWithFormat24)(selectedTime, timeFormat);
+      onChange(selectedTimeIn24Format);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getTimeFormat", function () {
+      var _this$props = _this.props,
+          timeFormat = _this$props.timeFormat,
+          locale = _this$props.locale;
+
+      if (timeFormat) {
+        return timeFormat;
+      }
+
+      return (0, _timePickerFormatter.getTimeFormatForLocale)(locale);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isPopperBelowParent", function () {
+      var timePopperPlacement = _this.state.timePopperPlacement;
+      return timePopperPlacement.includes("bottom");
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderLabel", function () {
+      var _this$props2 = _this.props,
+          classes = _this$props2.classes,
+          labels = _this$props2.labels;
+      return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
+        variant: "labelText",
+        className: classes.label
+      }, labels.title);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderInput", function () {
+      var _this$props3 = _this.props,
+          classes = _this$props3.classes,
+          labels = _this$props3.labels;
+      var _this$state = _this.state,
+          selectedTime = _this$state.selectedTime,
+          timePopperOpen = _this$state.timePopperOpen;
+
+      var isPopperBelow = _this.isPopperBelowParent();
+
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, labels && labels.title && _this.renderLabel(), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _clsx.default)(classes.inputContainer, timePopperOpen ? isPopperBelow ? classes.inputPopperOpenedBelow : classes.inputPopperOpenedAbove : classes.inputPopperClosed)
+      }, /*#__PURE__*/_react.default.createElement("input", {
+        ref: function ref(element) {
+          _this.inputElement = element;
+        },
+        className: classes.input,
+        value: (0, _timePickerFormatter.getFormattedTime)(selectedTime),
+        placeholder: labels.placeholder,
+        type: "text",
+        readOnly: true
+      }), /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Time, {
+        className: classes.icon,
+        onClick: _this.handleTimeIconClick
+      })));
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderPopper", function () {
+      var classes = _this.props.classes;
+      var _this$state2 = _this.state,
+          timePopperOpen = _this$state2.timePopperOpen,
+          timePopperAnchor = _this$state2.timePopperAnchor;
+
+      var isPopperBelow = _this.isPopperBelowParent();
+
+      return /*#__PURE__*/_react.default.createElement(_core.Popper, {
+        className: (0, _clsx.default)(classes.popper, isPopperBelow ? classes.popperBelow : classes.popperAbove),
+        open: timePopperOpen,
+        anchorEl: timePopperAnchor,
+        placement: "bottom-start",
+        disablePortal: true,
+        popperOptions: {
+          onCreate: function onCreate(data) {
+            _this.setTimePopperPlacement(data.placement);
+          },
+          onUpdate: function onUpdate(data) {
+            _this.setTimePopperPlacement(data.placement);
+          }
+        }
+      }, _this.renderTimePopperContent());
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderTimePopperContent", function () {
+      var classes = _this.props.classes;
+      var _this$state3 = _this.state,
+          selectedTime = _this$state3.selectedTime,
+          timeFormat = _this$state3.timeFormat;
+
+      var separator = /*#__PURE__*/_react.default.createElement("span", {
+        className: classes.separator
+      }, ":");
+
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.timePopperContainer
+      }, /*#__PURE__*/_react.default.createElement(_UnitTimePicker.default, {
+        unit: timeFormat === _enums.TimeFormat.H24 ? _enums.TimePickerUnits.HOUR_24.type : _enums.TimePickerUnits.HOUR_12.type,
+        unitValue: selectedTime.hours,
+        onChangeUnitTimeValue: _this.handleHoursChange
+      }), separator, /*#__PURE__*/_react.default.createElement(_UnitTimePicker.default, {
+        unit: _enums.TimePickerUnits.MINUTE.type,
+        unitValue: selectedTime.minutes,
+        onChangeUnitTimeValue: _this.handleMinutesChange
+      }), separator, /*#__PURE__*/_react.default.createElement(_UnitTimePicker.default, {
+        unit: _enums.TimePickerUnits.SECOND.type,
+        unitValue: selectedTime.seconds,
+        onChangeUnitTimeValue: _this.handleSecondsChange
+      }), timeFormat === _enums.TimeFormat.H12 && /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.periodContainer
+      }, /*#__PURE__*/_react.default.createElement(_PeriodPicker.default, {
+        onChangePeriod: _this.handleChangePeriod,
+        period: selectedTime.period
+      })));
+    });
+    var _this$props4 = _this.props,
+        _onChange = _this$props4.onChange,
+        _hours = _this$props4.hours,
+        _minutes = _this$props4.minutes,
+        _seconds = _this$props4.seconds,
+        _period = _this$props4.period;
+
+    var _timeFormat = _this.getTimeFormat();
+
+    var _selectedTime = {
+      hours: (0, _timePickerConverter.getHoursForTimeFormat)(_hours, _timeFormat),
+      minutes: _minutes,
+      seconds: _seconds,
+      period: _timeFormat === _enums.TimeFormat.H24 ? undefined : _period
+    };
+    _this.state = {
+      timePopperOpen: false,
+      timePopperAnchor: null,
+      timePopperPlacement: "bottom-start",
+      timeFormat: _timeFormat,
+      selectedTime: _selectedTime
+    };
+
+    _onChange((0, _timePickerConverter.getTimeWithFormat24)(_selectedTime, _timeFormat));
+
+    return _this;
+  }
+  /**
+   * Handles the event of clicking away from the Popper.
+   *
+   * @memberof HvTimePicker
+   */
+
+
+  (0, _createClass2.default)(HvTimePicker, [{
+    key: "render",
+    value:
+    /**
+     * Renders the TimePicker component.
+     *
+     * @returns
+     * @memberof HvTimePicker
+     */
+    function render() {
+      var classes = this.props.classes;
+      return /*#__PURE__*/_react.default.createElement(_core.ClickAwayListener, {
+        onClickAway: this.handleTimePopperClickAway
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.timePickerContainer
+      }, this.renderInput(), this.renderPopper()));
+    }
+  }]);
+  return HvTimePicker;
+}(_react.default.Component);
+
+process.env.NODE_ENV !== "production" ? HvTimePicker.propTypes = {
+  /**
+   * An Object containing the various text associated with the time picker.
+   */
+  labels: _propTypes.default.shape({
+    /**
+     * Time picker label (appears above the input)
+     */
+    title: _propTypes.default.string,
+
+    /**
+     * Time picker placeholder (appears in the input)
+     */
+    placeholder: _propTypes.default.string
+  }),
+
+  /**
+   * If the time should be presented in 12 or 24 hour format.
+   * If undefined, the component will use a format according to the passed locale.
+   * If defined, it will "override" the default value given by the locale
+   */
+  timeFormat: _propTypes.default.oneOf([_enums.TimeFormat.H12, _enums.TimeFormat.H24, undefined]),
+
+  /**
+   * Locale that will provide the time format(12 or 24 hour format)
+   * It is "overwritten" by the timeFormat prop
+   */
+  locale: _propTypes.default.string,
+
+  /**
+   * Default value for the hours picker
+   */
+  hours: _propTypes.default.number,
+
+  /**
+   * Default value for the minutes picker
+   */
+  minutes: _propTypes.default.number,
+
+  /**
+   * Default value for the seconds picker
+   */
+  seconds: _propTypes.default.number,
+
+  /**
+   * Default value for the period picker
+   */
+  period: _propTypes.default.string,
+
+  /**
+   * Callback function to be triggered when the input value is changed.
+   * It is invoked with a object param with the following props:
+   *  - hours (in a 24h format)
+   *  - minutes
+   *  - seconds
+   *  - period
+   *
+   * It is always invoked with the hours in a 24h format
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the input/popper
+   */
+  classes: _propTypes.default.shape({
+    input: _propTypes.default.string,
+    inputPopperOpenedBelow: _propTypes.default.string,
+    inputPopperOpenedAbove: _propTypes.default.string,
+    inputPopperClosed: _propTypes.default.string,
+    inputContainer: _propTypes.default.string,
+    icon: _propTypes.default.string,
+    timePickerContainer: _propTypes.default.string,
+    label: _propTypes.default.string,
+    timePopperContainer: _propTypes.default.string,
+    popper: _propTypes.default.string,
+    popperBelow: _propTypes.default.string,
+    popperAbove: _propTypes.default.string,
+    separator: _propTypes.default.string,
+    periodContainer: _propTypes.default.string
+  }).isRequired
+} : void 0;
+HvTimePicker.defaultProps = {
+  labels: {
+    title: undefined,
+    placeholder: "hh:mm:ss"
+  },
+  timeFormat: undefined,
+  locale: "en",
+  hours: new Date().getHours(),
+  minutes: new Date().getMinutes(),
+  seconds: 0,
+  period: (0, _timePickerUtils.getPeriodForDate)(),
+  onChange: function onChange() {}
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvTimePicker"
+})(HvTimePicker);
+
+exports.default = _default;
+//# sourceMappingURL=TimePicker.js.map

package/dist/TimePicker/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","names":["HvTimePicker","props","cancelTimeSelection","event","currentTarget","timePopperOpen","state","setTimePopperState","parentElement","hours","selectedTime","newSelectedTime","onSelectedTimeChange","minutes","seconds","period","anchor","open","setState","timePopperAnchor","placement","timePopperPlacement","onChange","timeFormat","selectedTimeIn24Format","getTimeWithFormat24","locale","getTimeFormatForLocale","includes","classes","labels","label","title","isPopperBelow","isPopperBelowParent","renderLabel","clsx","inputContainer","inputPopperOpenedBelow","inputPopperOpenedAbove","inputPopperClosed","element","inputElement","input","getFormattedTime","placeholder","icon","handleTimeIconClick","popper","popperBelow","popperAbove","onCreate","data","setTimePopperPlacement","onUpdate","renderTimePopperContent","separator","timePopperContainer","TimeFormat","H24","TimePickerUnits","HOUR_24","type","HOUR_12","handleHoursChange","MINUTE","handleMinutesChange","SECOND","handleSecondsChange","H12","periodContainer","handleChangePeriod","getTimeFormat","getHoursForTimeFormat","undefined","handleTimePopperClickAway","timePickerContainer","renderInput","renderPopper","React","Component","propTypes","PropTypes","shape","string","oneOf","number","func","isRequired","defaultProps","Date","getHours","getMinutes","getPeriodForDate","withStyles","styles","name"],"sources":["../../src/TimePicker/TimePicker.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { ClickAwayListener, Popper, withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { Time as TimeIcon } from \"@hitachivantara/uikit-react-icons\";\nimport UnitTimePicker from \"./UnitTimePicker\";\nimport { TimePickerUnits, TimeFormat } from \"./enums\";\nimport { getPeriodForDate } from \"./timePickerUtils\";\nimport { getFormattedTime, getTimeFormatForLocale } from \"./timePickerFormatter\";\nimport { getHoursForTimeFormat, getTimeWithFormat24 } from \"./timePickerConverter\";\nimport PeriodPicker from \"./PeriodPicker\";\nimport styles from \"./styles\";\n\n/**\n * A TimePicker component with a popup used to choose the time, following specifications provided by Design System. Still in development.\n */\nclass HvTimePicker extends React.Component {\n  constructor(props) {\n    super(props);\n\n    const { onChange, hours, minutes, seconds, period } = this.props;\n    const timeFormat = this.getTimeFormat();\n    const selectedTime = {\n      hours: getHoursForTimeFormat(hours, timeFormat),\n      minutes,\n      seconds,\n      period: timeFormat === TimeFormat.H24 ? undefined : period,\n    };\n\n    this.state = {\n      timePopperOpen: false,\n      timePopperAnchor: null,\n      timePopperPlacement: \"bottom-start\",\n      timeFormat,\n      selectedTime,\n    };\n\n    onChange(getTimeWithFormat24(selectedTime, timeFormat));\n  }\n\n  /**\n   * Handles the event of clicking away from the Popper.\n   *\n   * @memberof HvTimePicker\n   */\n  handleTimePopperClickAway = () => {\n    this.cancelTimeSelection();\n  };\n\n  /**\n   * Handles the click on the Time icon inside the input.\n   *\n   * @param {Object} event - on click event on the icon\n   * @memberof HvTimePicker\n   */\n  handleTimeIconClick = (event) => {\n    const { currentTarget } = event;\n    const { timePopperOpen } = this.state;\n    this.setTimePopperState(currentTarget.parentElement, !timePopperOpen);\n  };\n\n  /**\n   * Cancels the time selection and closes the Time popper.\n   *\n   * @memberof HvTimePicker\n   */\n  cancelTimeSelection = () => {\n    this.setTimePopperState(null, false);\n  };\n\n  /**\n   * Handles the change of the hours value\n   * @param {Number} hours - selected hours\n   * @memberof HvTimePicker\n   */\n  handleHoursChange = (hours) => {\n    const { selectedTime } = this.state;\n    const newSelectedTime = {\n      ...selectedTime,\n      hours,\n    };\n    this.onSelectedTimeChange(newSelectedTime);\n  };\n\n  /**\n   * Handles the change of the minutes value\n   * @param {Number} minutes - selected minutes\n   * @memberof HvTimePicker\n   */\n  handleMinutesChange = (minutes) => {\n    const { selectedTime } = this.state;\n    const newSelectedTime = {\n      ...selectedTime,\n      minutes,\n    };\n    this.onSelectedTimeChange(newSelectedTime);\n  };\n\n  /**\n   * Handles the change of the seconds value\n   * @param {Number} seconds - selected seconds\n   * @memberof HvTimePicker\n   */\n  handleSecondsChange = (seconds) => {\n    const { selectedTime } = this.state;\n    const newSelectedTime = {\n      ...selectedTime,\n      seconds,\n    };\n    this.onSelectedTimeChange(newSelectedTime);\n  };\n\n  /**\n   * Handles the change of the period (am/pm)\n   * @param {String} period - selected period\n   * @memberof HvTimePicker\n   */\n  handleChangePeriod = (period) => {\n    const { selectedTime } = this.state;\n    const newSelectedTime = {\n      ...selectedTime,\n      period,\n    };\n    this.onSelectedTimeChange(newSelectedTime);\n  };\n\n  /**\n   * Changes the popper open state according to the received flag.\n   *\n   * @param {element} anchor - Anchor element to append the popper\n   * @param {boolean} open - Opens / closes the popper according to this flag.\n   * @memberof HvTimePicker\n   */\n  setTimePopperState = (anchor, open) => {\n    this.setState({\n      timePopperAnchor: anchor,\n      timePopperOpen: open,\n    });\n  };\n\n  /**\n   * Changes the popper placement in the state\n   *\n   * @param {String} placement - Popper placement\n   * @memberof HvTimePicker\n   */\n  setTimePopperPlacement = (placement) => {\n    const { timePopperPlacement } = this.state;\n    if (timePopperPlacement !== placement) {\n      this.setState({\n        timePopperPlacement: placement,\n      });\n    }\n  };\n\n  /**\n   * Changes the selected time on the component state\n   * Also calls the onChange callback\n   * @param {Object} selectedTime - time object with the selected values for hours, minutes, seconds and period\n   */\n  onSelectedTimeChange = (selectedTime) => {\n    const { onChange } = this.props;\n    const { timeFormat } = this.state;\n    this.setState({\n      selectedTime,\n    });\n    const selectedTimeIn24Format = getTimeWithFormat24(selectedTime, timeFormat);\n    onChange(selectedTimeIn24Format);\n  };\n\n  /**\n   * Returns the appropriate time format (12 or 24) depending on the passed props(timeFormat and locale)\n   * @memberof HvTimePicker\n   */\n  getTimeFormat = () => {\n    const { timeFormat, locale } = this.props;\n    if (timeFormat) {\n      return timeFormat;\n    }\n    return getTimeFormatForLocale(locale);\n  };\n\n  /**\n   * Returns true if the popper is below the input and false otherwise\n   * @memberof HvTimePicker\n   */\n  isPopperBelowParent = () => {\n    const { timePopperPlacement } = this.state;\n    return timePopperPlacement.includes(\"bottom\");\n  };\n\n  /**\n   * Renderers\n   */\n\n  /**\n   * Renders the Label element.\n   *\n   * @memberof HvTimePicker\n   */\n  renderLabel = () => {\n    const { classes, labels } = this.props;\n    return (\n      <HvTypography variant=\"labelText\" className={classes.label}>\n        {labels.title}\n      </HvTypography>\n    );\n  };\n\n  /**\n   * Renders the input.\n   *\n   * @memberof HvTimePicker\n   */\n  renderInput = () => {\n    const { classes, labels } = this.props;\n    const { selectedTime, timePopperOpen } = this.state;\n    const isPopperBelow = this.isPopperBelowParent();\n    return (\n      <>\n        {labels && labels.title && this.renderLabel()}\n        <div\n          className={clsx(classes.inputContainer, {\n            [classes.inputPopperOpenedBelow]: timePopperOpen && isPopperBelow,\n            [classes.inputPopperOpenedAbove]: timePopperOpen && !isPopperBelow,\n            [classes.inputPopperClosed]: !timePopperOpen,\n          })}\n        >\n          <input\n            ref={(element) => {\n              this.inputElement = element;\n            }}\n            className={classes.input}\n            value={getFormattedTime(selectedTime)}\n            placeholder={labels.placeholder}\n            type=\"text\"\n            readOnly\n          />\n          <TimeIcon className={classes.icon} onClick={this.handleTimeIconClick} />\n        </div>\n      </>\n    );\n  };\n\n  /**\n   * Renders the Popper to choose the time\n   *\n   * @memberof HvTimePicker\n   */\n  renderPopper = () => {\n    const { classes } = this.props;\n    const { timePopperOpen, timePopperAnchor } = this.state;\n    const isPopperBelow = this.isPopperBelowParent();\n\n    return (\n      <Popper\n        className={clsx(classes.popper, {\n          [classes.popperBelow]: isPopperBelow,\n          [classes.popperAbove]: !isPopperBelow,\n        })}\n        open={timePopperOpen}\n        anchorEl={timePopperAnchor}\n        placement=\"bottom-start\"\n        disablePortal\n        popperOptions={{\n          onCreate: (data) => {\n            this.setTimePopperPlacement(data.placement);\n          },\n          onUpdate: (data) => {\n            this.setTimePopperPlacement(data.placement);\n          },\n        }}\n      >\n        {this.renderTimePopperContent()}\n      </Popper>\n    );\n  };\n\n  /**\n   * Renders the time popper content for time selection.\n   *\n   * @memberof HvTimePicker\n   */\n  renderTimePopperContent = () => {\n    const { classes } = this.props;\n    const { selectedTime, timeFormat } = this.state;\n\n    const separator = <span className={classes.separator}>:</span>;\n\n    return (\n      <div className={classes.timePopperContainer}>\n        <UnitTimePicker\n          unit={\n            timeFormat === TimeFormat.H24\n              ? TimePickerUnits.HOUR_24.type\n              : TimePickerUnits.HOUR_12.type\n          }\n          unitValue={selectedTime.hours}\n          onChangeUnitTimeValue={this.handleHoursChange}\n        />\n        {separator}\n        <UnitTimePicker\n          unit={TimePickerUnits.MINUTE.type}\n          unitValue={selectedTime.minutes}\n          onChangeUnitTimeValue={this.handleMinutesChange}\n        />\n        {separator}\n        <UnitTimePicker\n          unit={TimePickerUnits.SECOND.type}\n          unitValue={selectedTime.seconds}\n          onChangeUnitTimeValue={this.handleSecondsChange}\n        />\n        {timeFormat === TimeFormat.H12 && (\n          <div className={classes.periodContainer}>\n            <PeriodPicker onChangePeriod={this.handleChangePeriod} period={selectedTime.period} />\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  /**\n   * Renders the TimePicker component.\n   *\n   * @returns\n   * @memberof HvTimePicker\n   */\n  render() {\n    const { classes } = this.props;\n\n    return (\n      <ClickAwayListener onClickAway={this.handleTimePopperClickAway}>\n        <div className={classes.timePickerContainer}>\n          {this.renderInput()}\n          {this.renderPopper()}\n        </div>\n      </ClickAwayListener>\n    );\n  }\n}\n\nHvTimePicker.propTypes = {\n  /**\n   * An Object containing the various text associated with the time picker.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Time picker label (appears above the input)\n     */\n    title: PropTypes.string,\n    /**\n     * Time picker placeholder (appears in the input)\n     */\n    placeholder: PropTypes.string,\n  }),\n  /**\n   * If the time should be presented in 12 or 24 hour format.\n   * If undefined, the component will use a format according to the passed locale.\n   * If defined, it will \"override\" the default value given by the locale\n   */\n  timeFormat: PropTypes.oneOf([TimeFormat.H12, TimeFormat.H24, undefined]),\n  /**\n   * Locale that will provide the time format(12 or 24 hour format)\n   * It is \"overwritten\" by the timeFormat prop\n   */\n  locale: PropTypes.string,\n  /**\n   * Default value for the hours picker\n   */\n  hours: PropTypes.number,\n  /**\n   * Default value for the minutes picker\n   */\n  minutes: PropTypes.number,\n  /**\n   * Default value for the seconds picker\n   */\n  seconds: PropTypes.number,\n  /**\n   * Default value for the period picker\n   */\n  period: PropTypes.string,\n  /**\n   * Callback function to be triggered when the input value is changed.\n   * It is invoked with a object param with the following props:\n   *  - hours (in a 24h format)\n   *  - minutes\n   *  - seconds\n   *  - period\n   *\n   * It is always invoked with the hours in a 24h format\n   */\n  onChange: PropTypes.func,\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.shape({\n    input: PropTypes.string,\n    inputPopperOpenedBelow: PropTypes.string,\n    inputPopperOpenedAbove: PropTypes.string,\n    inputPopperClosed: PropTypes.string,\n    inputContainer: PropTypes.string,\n    icon: PropTypes.string,\n    timePickerContainer: PropTypes.string,\n    label: PropTypes.string,\n    timePopperContainer: PropTypes.string,\n    popper: PropTypes.string,\n    popperBelow: PropTypes.string,\n    popperAbove: PropTypes.string,\n    separator: PropTypes.string,\n    periodContainer: PropTypes.string,\n  }).isRequired,\n};\n\nHvTimePicker.defaultProps = {\n  labels: {\n    title: undefined,\n    placeholder: \"hh:mm:ss\",\n  },\n  timeFormat: undefined,\n  locale: \"en\",\n  hours: new Date().getHours(),\n  minutes: new Date().getMinutes(),\n  seconds: 0,\n  period: getPeriodForDate(),\n  onChange: () => {},\n};\n\nexport default withStyles(styles, { name: \"HvTimePicker\" })(HvTimePicker);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA;AACA;AACA;IACMA,Y;;;;;EACJ,sBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACjB,0BAAMA,KAAN;IADiB,wGA4BS,YAAM;MAChC,MAAKC,mBAAL;IACD,CA9BkB;IAAA,kGAsCG,UAACC,KAAD,EAAW;MAC/B,IAAQC,aAAR,GAA0BD,KAA1B,CAAQC,aAAR;MACA,IAAQC,cAAR,GAA2B,MAAKC,KAAhC,CAAQD,cAAR;;MACA,MAAKE,kBAAL,CAAwBH,aAAa,CAACI,aAAtC,EAAqD,CAACH,cAAtD;IACD,CA1CkB;IAAA,kGAiDG,YAAM;MAC1B,MAAKE,kBAAL,CAAwB,IAAxB,EAA8B,KAA9B;IACD,CAnDkB;IAAA,gGA0DC,UAACE,KAAD,EAAW;MAC7B,IAAQC,YAAR,GAAyB,MAAKJ,KAA9B,CAAQI,YAAR;;MACA,IAAMC,eAAe,mCAChBD,YADgB;QAEnBD,KAAK,EAALA;MAFmB,EAArB;;MAIA,MAAKG,oBAAL,CAA0BD,eAA1B;IACD,CAjEkB;IAAA,kGAwEG,UAACE,OAAD,EAAa;MACjC,IAAQH,YAAR,GAAyB,MAAKJ,KAA9B,CAAQI,YAAR;;MACA,IAAMC,eAAe,mCAChBD,YADgB;QAEnBG,OAAO,EAAPA;MAFmB,EAArB;;MAIA,MAAKD,oBAAL,CAA0BD,eAA1B;IACD,CA/EkB;IAAA,kGAsFG,UAACG,OAAD,EAAa;MACjC,IAAQJ,YAAR,GAAyB,MAAKJ,KAA9B,CAAQI,YAAR;;MACA,IAAMC,eAAe,mCAChBD,YADgB;QAEnBI,OAAO,EAAPA;MAFmB,EAArB;;MAIA,MAAKF,oBAAL,CAA0BD,eAA1B;IACD,CA7FkB;IAAA,iGAoGE,UAACI,MAAD,EAAY;MAC/B,IAAQL,YAAR,GAAyB,MAAKJ,KAA9B,CAAQI,YAAR;;MACA,IAAMC,eAAe,mCAChBD,YADgB;QAEnBK,MAAM,EAANA;MAFmB,EAArB;;MAIA,MAAKH,oBAAL,CAA0BD,eAA1B;IACD,CA3GkB;IAAA,iGAoHE,UAACK,MAAD,EAASC,IAAT,EAAkB;MACrC,MAAKC,QAAL,CAAc;QACZC,gBAAgB,EAAEH,MADN;QAEZX,cAAc,EAAEY;MAFJ,CAAd;IAID,CAzHkB;IAAA,qGAiIM,UAACG,SAAD,EAAe;MACtC,IAAQC,mBAAR,GAAgC,MAAKf,KAArC,CAAQe,mBAAR;;MACA,IAAIA,mBAAmB,KAAKD,SAA5B,EAAuC;QACrC,MAAKF,QAAL,CAAc;UACZG,mBAAmB,EAAED;QADT,CAAd;MAGD;IACF,CAxIkB;IAAA,mGA+II,UAACV,YAAD,EAAkB;MACvC,IAAQY,QAAR,GAAqB,MAAKrB,KAA1B,CAAQqB,QAAR;MACA,IAAQC,UAAR,GAAuB,MAAKjB,KAA5B,CAAQiB,UAAR;;MACA,MAAKL,QAAL,CAAc;QACZR,YAAY,EAAZA;MADY,CAAd;;MAGA,IAAMc,sBAAsB,GAAG,IAAAC,wCAAA,EAAoBf,YAApB,EAAkCa,UAAlC,CAA/B;MACAD,QAAQ,CAACE,sBAAD,CAAR;IACD,CAvJkB;IAAA,4FA6JH,YAAM;MACpB,kBAA+B,MAAKvB,KAApC;MAAA,IAAQsB,UAAR,eAAQA,UAAR;MAAA,IAAoBG,MAApB,eAAoBA,MAApB;;MACA,IAAIH,UAAJ,EAAgB;QACd,OAAOA,UAAP;MACD;;MACD,OAAO,IAAAI,2CAAA,EAAuBD,MAAvB,CAAP;IACD,CAnKkB;IAAA,kGAyKG,YAAM;MAC1B,IAAQL,mBAAR,GAAgC,MAAKf,KAArC,CAAQe,mBAAR;MACA,OAAOA,mBAAmB,CAACO,QAApB,CAA6B,QAA7B,CAAP;IACD,CA5KkB;IAAA,0FAuLL,YAAM;MAClB,mBAA4B,MAAK3B,KAAjC;MAAA,IAAQ4B,OAAR,gBAAQA,OAAR;MAAA,IAAiBC,MAAjB,gBAAiBA,MAAjB;MACA,oBACE,6BAAC,4BAAD;QAAc,OAAO,EAAC,WAAtB;QAAkC,SAAS,EAAED,OAAO,CAACE;MAArD,GACGD,MAAM,CAACE,KADV,CADF;IAKD,CA9LkB;IAAA,0FAqML,YAAM;MAClB,mBAA4B,MAAK/B,KAAjC;MAAA,IAAQ4B,OAAR,gBAAQA,OAAR;MAAA,IAAiBC,MAAjB,gBAAiBA,MAAjB;MACA,kBAAyC,MAAKxB,KAA9C;MAAA,IAAQI,YAAR,eAAQA,YAAR;MAAA,IAAsBL,cAAtB,eAAsBA,cAAtB;;MACA,IAAM4B,aAAa,GAAG,MAAKC,mBAAL,EAAtB;;MACA,oBACE,4DACGJ,MAAM,IAAIA,MAAM,CAACE,KAAjB,IAA0B,MAAKG,WAAL,EAD7B,eAEE;QACE,SAAS,EAAE,IAAAC,aAAA,EAAKP,OAAO,CAACQ,cAAb,EACyBhC,cADzB,GAC2C4B,aAD3C,GACRJ,OAAO,CAACS,sBADA,GAERT,OAAO,CAACU,sBAFA,GAGRV,OAAO,CAACW,iBAHA;MADb,gBAOE;QACE,GAAG,EAAE,aAACC,OAAD,EAAa;UAChB,MAAKC,YAAL,GAAoBD,OAApB;QACD,CAHH;QAIE,SAAS,EAAEZ,OAAO,CAACc,KAJrB;QAKE,KAAK,EAAE,IAAAC,qCAAA,EAAiBlC,YAAjB,CALT;QAME,WAAW,EAAEoB,MAAM,CAACe,WANtB;QAOE,IAAI,EAAC,MAPP;QAQE,QAAQ;MARV,EAPF,eAiBE,6BAAC,qBAAD;QAAU,SAAS,EAAEhB,OAAO,CAACiB,IAA7B;QAAmC,OAAO,EAAE,MAAKC;MAAjD,EAjBF,CAFF,CADF;IAwBD,CAjOkB;IAAA,2FAwOJ,YAAM;MACnB,IAAQlB,OAAR,GAAoB,MAAK5B,KAAzB,CAAQ4B,OAAR;MACA,mBAA6C,MAAKvB,KAAlD;MAAA,IAAQD,cAAR,gBAAQA,cAAR;MAAA,IAAwBc,gBAAxB,gBAAwBA,gBAAxB;;MACA,IAAMc,aAAa,GAAG,MAAKC,mBAAL,EAAtB;;MAEA,oBACE,6BAAC,YAAD;QACE,SAAS,EAAE,IAAAE,aAAA,EAAKP,OAAO,CAACmB,MAAb,EACcf,aADd,GACRJ,OAAO,CAACoB,WADA,GAERpB,OAAO,CAACqB,WAFA,CADb;QAKE,IAAI,EAAE7C,cALR;QAME,QAAQ,EAAEc,gBANZ;QAOE,SAAS,EAAC,cAPZ;QAQE,aAAa,MARf;QASE,aAAa,EAAE;UACbgC,QAAQ,EAAE,kBAACC,IAAD,EAAU;YAClB,MAAKC,sBAAL,CAA4BD,IAAI,CAAChC,SAAjC;UACD,CAHY;UAIbkC,QAAQ,EAAE,kBAACF,IAAD,EAAU;YAClB,MAAKC,sBAAL,CAA4BD,IAAI,CAAChC,SAAjC;UACD;QANY;MATjB,GAkBG,MAAKmC,uBAAL,EAlBH,CADF;IAsBD,CAnQkB;IAAA,sGA0QO,YAAM;MAC9B,IAAQ1B,OAAR,GAAoB,MAAK5B,KAAzB,CAAQ4B,OAAR;MACA,mBAAqC,MAAKvB,KAA1C;MAAA,IAAQI,YAAR,gBAAQA,YAAR;MAAA,IAAsBa,UAAtB,gBAAsBA,UAAtB;;MAEA,IAAMiC,SAAS,gBAAG;QAAM,SAAS,EAAE3B,OAAO,CAAC2B;MAAzB,OAAlB;;MAEA,oBACE;QAAK,SAAS,EAAE3B,OAAO,CAAC4B;MAAxB,gBACE,6BAAC,uBAAD;QACE,IAAI,EACFlC,UAAU,KAAKmC,iBAAA,CAAWC,GAA1B,GACIC,sBAAA,CAAgBC,OAAhB,CAAwBC,IAD5B,GAEIF,sBAAA,CAAgBG,OAAhB,CAAwBD,IAJhC;QAME,SAAS,EAAEpD,YAAY,CAACD,KAN1B;QAOE,qBAAqB,EAAE,MAAKuD;MAP9B,EADF,EAUGR,SAVH,eAWE,6BAAC,uBAAD;QACE,IAAI,EAAEI,sBAAA,CAAgBK,MAAhB,CAAuBH,IAD/B;QAEE,SAAS,EAAEpD,YAAY,CAACG,OAF1B;QAGE,qBAAqB,EAAE,MAAKqD;MAH9B,EAXF,EAgBGV,SAhBH,eAiBE,6BAAC,uBAAD;QACE,IAAI,EAAEI,sBAAA,CAAgBO,MAAhB,CAAuBL,IAD/B;QAEE,SAAS,EAAEpD,YAAY,CAACI,OAF1B;QAGE,qBAAqB,EAAE,MAAKsD;MAH9B,EAjBF,EAsBG7C,UAAU,KAAKmC,iBAAA,CAAWW,GAA1B,iBACC;QAAK,SAAS,EAAExC,OAAO,CAACyC;MAAxB,gBACE,6BAAC,qBAAD;QAAc,cAAc,EAAE,MAAKC,kBAAnC;QAAuD,MAAM,EAAE7D,YAAY,CAACK;MAA5E,EADF,CAvBJ,CADF;IA8BD,CA9SkB;IAGjB,mBAAsD,MAAKd,KAA3D;IAAA,IAAQqB,SAAR,gBAAQA,QAAR;IAAA,IAAkBb,MAAlB,gBAAkBA,KAAlB;IAAA,IAAyBI,QAAzB,gBAAyBA,OAAzB;IAAA,IAAkCC,QAAlC,gBAAkCA,OAAlC;IAAA,IAA2CC,OAA3C,gBAA2CA,MAA3C;;IACA,IAAMQ,WAAU,GAAG,MAAKiD,aAAL,EAAnB;;IACA,IAAM9D,aAAY,GAAG;MACnBD,KAAK,EAAE,IAAAgE,0CAAA,EAAsBhE,MAAtB,EAA6Bc,WAA7B,CADY;MAEnBV,OAAO,EAAPA,QAFmB;MAGnBC,OAAO,EAAPA,QAHmB;MAInBC,MAAM,EAAEQ,WAAU,KAAKmC,iBAAA,CAAWC,GAA1B,GAAgCe,SAAhC,GAA4C3D;IAJjC,CAArB;IAOA,MAAKT,KAAL,GAAa;MACXD,cAAc,EAAE,KADL;MAEXc,gBAAgB,EAAE,IAFP;MAGXE,mBAAmB,EAAE,cAHV;MAIXE,UAAU,EAAVA,WAJW;MAKXb,YAAY,EAAZA;IALW,CAAb;;IAQAY,SAAQ,CAAC,IAAAG,wCAAA,EAAoBf,aAApB,EAAkCa,WAAlC,CAAD,CAAR;;IApBiB;EAqBlB;EAED;AACF;AACA;AACA;AACA;;;;;;IAqRE;AACF;AACA;AACA;AACA;AACA;IACE,kBAAS;MACP,IAAQM,OAAR,GAAoB,KAAK5B,KAAzB,CAAQ4B,OAAR;MAEA,oBACE,6BAAC,uBAAD;QAAmB,WAAW,EAAE,KAAK8C;MAArC,gBACE;QAAK,SAAS,EAAE9C,OAAO,CAAC+C;MAAxB,GACG,KAAKC,WAAL,EADH,EAEG,KAAKC,YAAL,EAFH,CADF,CADF;IAQD;;;EAlUwBC,cAAA,CAAMC,S;;AAqUjC,wCAAAhF,YAAY,CAACiF,SAAb,GAAyB;EACvB;AACF;AACA;EACEnD,MAAM,EAAEoD,kBAAA,CAAUC,KAAV,CAAgB;IACtB;AACJ;AACA;IACInD,KAAK,EAAEkD,kBAAA,CAAUE,MAJK;;IAKtB;AACJ;AACA;IACIvC,WAAW,EAAEqC,kBAAA,CAAUE;EARD,CAAhB,CAJe;;EAcvB;AACF;AACA;AACA;AACA;EACE7D,UAAU,EAAE2D,kBAAA,CAAUG,KAAV,CAAgB,CAAC3B,iBAAA,CAAWW,GAAZ,EAAiBX,iBAAA,CAAWC,GAA5B,EAAiCe,SAAjC,CAAhB,CAnBW;;EAoBvB;AACF;AACA;AACA;EACEhD,MAAM,EAAEwD,kBAAA,CAAUE,MAxBK;;EAyBvB;AACF;AACA;EACE3E,KAAK,EAAEyE,kBAAA,CAAUI,MA5BM;;EA6BvB;AACF;AACA;EACEzE,OAAO,EAAEqE,kBAAA,CAAUI,MAhCI;;EAiCvB;AACF;AACA;EACExE,OAAO,EAAEoE,kBAAA,CAAUI,MApCI;;EAqCvB;AACF;AACA;EACEvE,MAAM,EAAEmE,kBAAA,CAAUE,MAxCK;;EAyCvB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE9D,QAAQ,EAAE4D,kBAAA,CAAUK,IAnDG;;EAoDvB;AACF;AACA;EACE1D,OAAO,EAAEqD,kBAAA,CAAUC,KAAV,CAAgB;IACvBxC,KAAK,EAAEuC,kBAAA,CAAUE,MADM;IAEvB9C,sBAAsB,EAAE4C,kBAAA,CAAUE,MAFX;IAGvB7C,sBAAsB,EAAE2C,kBAAA,CAAUE,MAHX;IAIvB5C,iBAAiB,EAAE0C,kBAAA,CAAUE,MAJN;IAKvB/C,cAAc,EAAE6C,kBAAA,CAAUE,MALH;IAMvBtC,IAAI,EAAEoC,kBAAA,CAAUE,MANO;IAOvBR,mBAAmB,EAAEM,kBAAA,CAAUE,MAPR;IAQvBrD,KAAK,EAAEmD,kBAAA,CAAUE,MARM;IASvB3B,mBAAmB,EAAEyB,kBAAA,CAAUE,MATR;IAUvBpC,MAAM,EAAEkC,kBAAA,CAAUE,MAVK;IAWvBnC,WAAW,EAAEiC,kBAAA,CAAUE,MAXA;IAYvBlC,WAAW,EAAEgC,kBAAA,CAAUE,MAZA;IAavB5B,SAAS,EAAE0B,kBAAA,CAAUE,MAbE;IAcvBd,eAAe,EAAEY,kBAAA,CAAUE;EAdJ,CAAhB,EAeNI;AAtEoB,CAAzB;AAyEAxF,YAAY,CAACyF,YAAb,GAA4B;EAC1B3D,MAAM,EAAE;IACNE,KAAK,EAAE0C,SADD;IAEN7B,WAAW,EAAE;EAFP,CADkB;EAK1BtB,UAAU,EAAEmD,SALc;EAM1BhD,MAAM,EAAE,IANkB;EAO1BjB,KAAK,EAAE,IAAIiF,IAAJ,GAAWC,QAAX,EAPmB;EAQ1B9E,OAAO,EAAE,IAAI6E,IAAJ,GAAWE,UAAX,EARiB;EAS1B9E,OAAO,EAAE,CATiB;EAU1BC,MAAM,EAAE,IAAA8E,iCAAA,GAVkB;EAW1BvE,QAAQ,EAAE,oBAAM,CAAE;AAXQ,CAA5B;;eAce,IAAAwE,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA6ChG,YAA7C,C"}