@semcore/time-picker 4.52.2 → 4.53.0-prerelease.0

package/lib/cjs/component/TimePicker/TimePicker.js

@@ -0,0 +1,254 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _applyDecs3 = _interopRequireDefault(require("@babel/runtime/helpers/applyDecs2311"));
+var _identity3 = _interopRequireDefault(require("@babel/runtime/helpers/identity"));
+var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
+var _propsObserver = _interopRequireDefault(require("@semcore/core/lib/decorators/propsObserver"));
+var _reactive = _interopRequireDefault(require("@semcore/core/lib/decorators/reactive"));
+var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
+var _input = _interopRequireDefault(require("@semcore/input"));
+var _react = _interopRequireDefault(require("react"));
+var _TimePickerEntity = _interopRequireDefault(require("../../entity/TimePickerEntity"));
+var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
+var _PickerFormat = _interopRequireDefault(require("../PickerFormat/PickerFormat"));
+var _PickerInput = require("../PickerInput/PickerInput");
+var _Class, _TimePickerRoot3, _applyDecs2, _applyDecs2$e, _applyDecs2$c;
+var _initClass, _classDecs, _entityDecs, _init_entity, _init_extra_entity, _TimePickerRoot2, _ref5;
+/*!__reshadow-styles__:"./time-picker.shadow.css"*/
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___STimePicker_1p8j0_gg_{position:relative;width:auto;outline:0}.___STimePicker_1p8j0_gg_ .___SPickerInput_1p8j0_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___STimePicker_1p8j0_gg_ .___SPickerInput_1p8j0_gg_.__placeholder_1p8j0_gg_{text-overflow:initial}.___STimePicker_1p8j0_gg_ .___SPickerInput_1p8j0_gg_:focus{outline:0;background-color:var(--intergalactic-bg-highlight-focus, rgb(231, 234, 251))}.___STimePicker_1p8j0_gg_.__disabled_1p8j0_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));cursor:default}@supports (color:color(display-p3 0 0 0%)){.___STimePicker_1p8j0_gg_.__disabled_1p8j0_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STimePicker_1p8j0_gg_.__disabled_1p8j0_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STimePickerSeparator_1p8j0_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STimePickerSeparator_1p8j0_gg_.__disabled_1p8j0_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);pointer-events:none}", /*__inner_css_end__*/"1p8j0_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__STimePicker": "___STimePicker_1p8j0_gg_",
+  "_disabled": "__disabled_1p8j0_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_1p8j0_gg_",
+  "__SPickerInput": "___SPickerInput_1p8j0_gg_",
+  "_placeholder": "__placeholder_1p8j0_gg_"
+});
+_classDecs = [(0, _propsObserver["default"])(['value', 'is12Hour'])];
+var _TimePickerRoot;
+new (_TimePickerRoot2 = (_ref5 = (_entityDecs = (0, _reactive["default"])(['meridiem'], function () {
+  this.forceUpdate();
+}), "hoursInputRef"), _TimePickerRoot3 = /*#__PURE__*/function (_Component) {
+  function TimePickerRoot() {
+    var _this$props$value;
+    var _this;
+    (0, _classCallCheck2["default"])(this, TimePickerRoot);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = (0, _callSuper2["default"])(this, TimePickerRoot, [].concat(args));
+    (0, _defineProperty2["default"])(_this, _ref5, /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])(_this, "minutesInputRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])(_this, "state", {
+      ariaLabel: ''
+    });
+    (0, _defineProperty2["default"])(_this, "entity", _init_entity(_this, new _TimePickerEntity["default"]((_this$props$value = _this.props.value) !== null && _this$props$value !== void 0 ? _this$props$value : _this.props.defaultValue, _this.props.is12Hour)));
+    (0, _defineProperty2["default"])(_this, "handleValueChange", (_init_extra_entity(_this), function (value, field, event) {
+      _this.entity[field] = value;
+      _this.handlers.value(_this.entity.toString(), event);
+    }));
+    (0, _defineProperty2["default"])(_this, "handleMeridiemClick", function (event) {
+      _this.entity.toggleMeridiem();
+      _this.handlers.value(_this.entity.toString(), event);
+    });
+    (0, _defineProperty2["default"])(_this, "getCommonPickerInputProps", function () {
+      var _this$asProps = _this.asProps,
+        is12Hour = _this$asProps.is12Hour,
+        size = _this$asProps.size,
+        disabled = _this$asProps.disabled;
+      return {
+        size: size,
+        is12Hour: is12Hour,
+        disabled: disabled,
+        $onValueChange: _this.handleValueChange,
+        minutesInputRef: _this.minutesInputRef,
+        hoursInputRef: _this.hoursInputRef
+      };
+    });
+    (0, _defineProperty2["default"])(_this, "getHoursProps", function () {
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _this.getCommonPickerInputProps()), {}, {
+        time: _this.entity.hours,
+        ariaLabel: _this.asProps.getI18nText('hours'),
+        ref: _this.hoursInputRef
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "getMinutesProps", function () {
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _this.getCommonPickerInputProps()), {}, {
+        time: _this.entity.minutes,
+        ariaLabel: _this.asProps.getI18nText('minutes'),
+        ref: _this.minutesInputRef
+      });
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(TimePickerRoot, _Component);
+  return (0, _createClass2["default"])(TimePickerRoot, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _document$querySelect;
+      var _this$asProps2 = this.asProps,
+        id = _this$asProps2.id,
+        ariaDescribedBy = _this$asProps2['aria-describedby'];
+      var selector = "[for=".concat(id, "]");
+      var element = (_document$querySelect = document.querySelector(selector)) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("#".concat(ariaDescribedBy));
+      if (element) {
+        this.setState({
+          ariaLabel: element.textContent
+        });
+      }
+    }
+  }, {
+    key: "onPropsChange",
+    value: function onPropsChange(changedProps) {
+      var value = changedProps.value,
+        is12Hour = changedProps.is12Hour;
+      if (value !== undefined) {
+        var _value$split = value.split(':'),
+          _value$split2 = (0, _slicedToArray2["default"])(_value$split, 2),
+          _value$split2$ = _value$split2[0],
+          hours = _value$split2$ === void 0 ? '' : _value$split2$,
+          _value$split2$2 = _value$split2[1],
+          minutes = _value$split2$2 === void 0 ? '' : _value$split2$2;
+        this.entity.hours = hours;
+        this.entity.minutes = minutes;
+      }
+      if (is12Hour !== undefined) {
+        this.entity.is12Hour = is12Hour;
+      }
+    }
+  }, {
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      return {
+        value: null
+      };
+    }
+  }, {
+    key: "getSeparatorProps",
+    value: function getSeparatorProps() {
+      return {
+        disabled: this.asProps.disabled,
+        hoursInputRef: this.hoursInputRef
+      };
+    }
+  }, {
+    key: "getFormatProps",
+    value: function getFormatProps() {
+      var _this$asProps3 = this.asProps,
+        size = _this$asProps3.size,
+        disabled = _this$asProps3.disabled,
+        getI18nText = _this$asProps3.getI18nText;
+      return {
+        size: size,
+        disabled: disabled,
+        meridiem: this.entity.meridiem,
+        onClick: this.handleMeridiemClick,
+        getI18nText: getI18nText
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref3;
+      var STimePicker = _input["default"];
+      var _this$asProps4 = this.asProps,
+        styles = _this$asProps4.styles,
+        Children = _this$asProps4.Children,
+        value = _this$asProps4.value,
+        is12Hour = _this$asProps4.is12Hour,
+        getI18nText = _this$asProps4.getI18nText,
+        id = _this$asProps4.id;
+      var time = "".concat(this.entity.hours, ":").concat(this.entity.minutes);
+      var meridiem = is12Hour ? this.entity.meridiem : '';
+      var label = value ? "".concat(this.state.ariaLabel, " ").concat(getI18nText('title', {
+        time: time,
+        meridiem: meridiem
+      })) : "".concat(this.state.ariaLabel, " ").concat(getI18nText('titleEmpty'));
+      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(STimePicker, _ref3.cn("STimePicker", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "role": 'group',
+        "aria-label": label,
+        "__excludeProps": ['value', 'id']
+      }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(_baseComponents.ScreenReaderOnly, _ref3.cn("ScreenReaderOnly", {
+        "tag": 'input',
+        "tabIndex": -1,
+        "id": id,
+        "aria-hidden": true,
+        "value": "".concat(time, " ").concat(meridiem)
+      })));
+    }
+  }]);
+}(_core.Component), _applyDecs2 = (0, _applyDecs3["default"])(_TimePickerRoot3, _classDecs, [[_entityDecs, 0, "entity"]], 0, void 0, _core.Component), _applyDecs2$e = (0, _slicedToArray2["default"])(_applyDecs2.e, 2), _init_entity = _applyDecs2$e[0], _init_extra_entity = _applyDecs2$e[1], _applyDecs2$c = (0, _slicedToArray2["default"])(_applyDecs2.c, 2), _TimePickerRoot = _applyDecs2$c[0], _initClass = _applyDecs2$c[1], _TimePickerRoot3), _Class = /*#__PURE__*/function (_identity2) {
+  function _Class() {
+    var _this2;
+    (0, _classCallCheck2["default"])(this, _Class);
+    _this2 = (0, _callSuper2["default"])(this, _Class, [_TimePickerRoot]), (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "displayName", 'TimePicker'), (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "style", style), (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]), (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "defaultProps", function (_ref6) {
+      var is12Hour = _ref6.is12Hour;
+      return {
+        defaultValue: '',
+        size: 'm',
+        children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(TimePicker.Hours, null), /*#__PURE__*/_react["default"].createElement(TimePicker.Separator, null), /*#__PURE__*/_react["default"].createElement(TimePicker.Minutes, null), is12Hour && /*#__PURE__*/_react["default"].createElement(TimePicker.Format, null)),
+        locale: 'en'
+      };
+    }), _initClass();
+    return _this2;
+  }
+  (0, _inherits2["default"])(_Class, _identity2);
+  return (0, _createClass2["default"])(_Class);
+}(_identity3["default"]), (0, _defineProperty2["default"])(_Class, _TimePickerRoot2, void 0), _Class)();
+var Separator = /*#__PURE__*/function (_Component2) {
+  function Separator() {
+    var _this3;
+    (0, _classCallCheck2["default"])(this, Separator);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    _this3 = (0, _callSuper2["default"])(this, Separator, [].concat(args));
+    (0, _defineProperty2["default"])(_this3, "handlerClick", function () {
+      if (_this3.asProps.hoursInputRef.current) {
+        var _this3$asProps$hoursI;
+        (_this3$asProps$hoursI = _this3.asProps.hoursInputRef.current) === null || _this3$asProps$hoursI === void 0 || _this3$asProps$hoursI.focus();
+      }
+    });
+    return _this3;
+  }
+  (0, _inherits2["default"])(Separator, _Component2);
+  return (0, _createClass2["default"])(Separator, [{
+    key: "render",
+    value: function render() {
+      var _ref2 = this.asProps,
+        _ref4;
+      var STimePickerSeparator = _baseComponents.Box;
+      var styles = this.asProps.styles;
+      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STimePickerSeparator, _ref4.cn("STimePickerSeparator", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "onClick": this.handlerClick,
+        "aria-hidden": 'true'
+      }, _ref2))));
+    }
+  }]);
+}(_core.Component);
+(0, _defineProperty2["default"])(Separator, "defaultProps", {
+  children: ':'
+});
+var TimePicker = (0, _core.createComponent)(_TimePickerRoot, {
+  Hours: _PickerInput.Hours,
+  Minutes: _PickerInput.Minutes,
+  Separator: Separator,
+  Format: _PickerFormat["default"]
+});
+var _default = exports["default"] = TimePicker;
+//# sourceMappingURL=TimePicker.js.map

package/lib/cjs/component/TimePicker/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","names":["_core","require","_baseComponents","_propsObserver","_interopRequireDefault","_reactive","_i18nEnhance","_input","_react","_TimePickerEntity","_intergalacticDynamicLocales","_PickerFormat","_PickerInput","_Class","_TimePickerRoot3","_applyDecs2","_applyDecs2$e","_applyDecs2$c","_initClass","_classDecs","_entityDecs","_init_entity","_init_extra_entity","_TimePickerRoot2","_ref5","style","sstyled","insert","propsObserver","_TimePickerRoot","reactive","forceUpdate","_Component","TimePickerRoot","_this$props$value","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","ariaLabel","TimePickerEntity","props","value","defaultValue","is12Hour","field","event","entity","handlers","toString","toggleMeridiem","_this$asProps","asProps","size","disabled","$onValueChange","handleValueChange","minutesInputRef","hoursInputRef","_objectSpread2","getCommonPickerInputProps","time","hours","getI18nText","ref","minutes","_inherits2","_createClass2","key","componentDidMount","_document$querySelect","_this$asProps2","id","ariaDescribedBy","selector","element","document","querySelector","setState","textContent","onPropsChange","changedProps","undefined","_value$split","split","_value$split2","_slicedToArray2","_value$split2$","_value$split2$2","uncontrolledProps","getSeparatorProps","getFormatProps","_this$asProps3","meridiem","onClick","handleMeridiemClick","render","_ref","_ref3","STimePicker","Input","_this$asProps4","styles","Children","label","state","createElement","Fragment","cn","assignProps","ScreenReaderOnly","Component","_applyDecs3","e","c","_identity2","_this2","_assertThisInitialized2","i18nEnhance","localizedMessages","_ref6","children","TimePicker","Hours","Separator","Minutes","Format","locale","_identity3","_Component2","_this3","_len2","_key2","current","_this3$asProps$hoursI","focus","_ref2","_ref4","STimePickerSeparator","Box","handlerClick","createComponent","_default","exports"],"sources":["../../../../src/component/TimePicker/TimePicker.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport propsObserver from '@semcore/core/lib/decorators/propsObserver';\nimport reactive from '@semcore/core/lib/decorators/reactive';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport Input from '@semcore/input';\nimport React from 'react';\n\nimport style from './time-picker.shadow.css';\nimport type {\n  TimePickerComponent,\n  TimePickerProps,\n  TimePickerField,\n  TimePickerSeparatorProps,\n} from './TimePicker.type';\nimport TimePickerEntity from '../../entity/TimePickerEntity';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport Format from '../PickerFormat/PickerFormat';\nimport { Hours, Minutes } from '../PickerInput/PickerInput';\n\n@propsObserver(['value', 'is12Hour'])\nclass TimePickerRoot extends Component<TimePickerProps, typeof TimePickerRoot.enhance, { value: null }> {\n  static displayName = 'TimePicker';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n  static defaultProps = ({ is12Hour }: TimePickerProps) => ({\n    defaultValue: '',\n    size: 'm',\n    children: (\n      <>\n        <TimePicker.Hours />\n        <TimePicker.Separator />\n        <TimePicker.Minutes />\n        {is12Hour && <TimePicker.Format />}\n      </>\n    ),\n    locale: 'en',\n  });\n\n  hoursInputRef = React.createRef<HTMLElement>();\n  minutesInputRef = React.createRef<HTMLElement>();\n\n  state = {\n    ariaLabel: '',\n  };\n\n  componentDidMount() {\n    const { id, 'aria-describedby': ariaDescribedBy } = this.asProps;\n    const selector = `[for=${id}]`;\n\n    const element = document.querySelector(selector) ?? document.querySelector(`#${ariaDescribedBy}`);\n\n    if (element) {\n      this.setState({ ariaLabel: element.textContent });\n    }\n  }\n\n  @reactive(['meridiem'], function () {\n    this.forceUpdate();\n  })\n  readonly entity = new TimePickerEntity(this.props.value ?? this.props.defaultValue, this.props.is12Hour);\n\n  onPropsChange(changedProps: TimePickerProps) {\n    const { value, is12Hour } = changedProps;\n\n    if (value !== undefined) {\n      const [hours = '', minutes = ''] = value.split(':');\n\n      this.entity.hours = hours;\n      this.entity.minutes = minutes;\n    }\n\n    if (is12Hour !== undefined) {\n      this.entity.is12Hour = is12Hour;\n    }\n  }\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleValueChange = (value: string, field: TimePickerField, event: React.SyntheticEvent) => {\n    this.entity[field] = value;\n\n    this.handlers.value(this.entity.toString(), event);\n  };\n\n  handleMeridiemClick = (event: React.SyntheticEvent) => {\n    this.entity.toggleMeridiem();\n\n    this.handlers.value(this.entity.toString(), event);\n  };\n\n  private getCommonPickerInputProps = () => {\n    const { is12Hour, size, disabled } = this.asProps;\n\n    return {\n      size,\n      is12Hour,\n      disabled,\n      $onValueChange: this.handleValueChange,\n      minutesInputRef: this.minutesInputRef,\n      hoursInputRef: this.hoursInputRef,\n    };\n  };\n\n  getHoursProps = () => {\n    return {\n      ...this.getCommonPickerInputProps(),\n      time: this.entity.hours,\n      ariaLabel: this.asProps.getI18nText('hours'),\n      ref: this.hoursInputRef,\n    };\n  };\n\n  getMinutesProps = () => {\n    return {\n      ...this.getCommonPickerInputProps(),\n      time: this.entity.minutes,\n      ariaLabel: this.asProps.getI18nText('minutes'),\n      ref: this.minutesInputRef,\n    };\n  };\n\n  getSeparatorProps() {\n    return {\n      disabled: this.asProps.disabled,\n      hoursInputRef: this.hoursInputRef,\n    };\n  }\n\n  getFormatProps() {\n    const { size, disabled, getI18nText } = this.asProps;\n    return {\n      size,\n      disabled,\n      meridiem: this.entity.meridiem,\n      onClick: this.handleMeridiemClick,\n      getI18nText,\n    };\n  }\n\n  render() {\n    const STimePicker = Root;\n    const { styles, Children, value, is12Hour, getI18nText, id } = this.asProps;\n\n    const time = `${this.entity.hours}:${this.entity.minutes}`;\n    const meridiem = is12Hour ? this.entity.meridiem : '';\n\n    const label = value\n      ? `${this.state.ariaLabel} ${getI18nText('title', {\n        time,\n        meridiem,\n      })}`\n      : `${this.state.ariaLabel} ${getI18nText('titleEmpty')}`;\n\n    return sstyled(styles)(\n      <>\n        <STimePicker render={Input} role='group' aria-label={label} __excludeProps={['value', 'id']}>\n          <Children />\n        </STimePicker>\n        <ScreenReaderOnly tag='input' tabIndex={-1} id={id} aria-hidden={true} value={`${time} ${meridiem}`} />\n      </>,\n    );\n  }\n}\nclass Separator extends Component<TimePickerSeparatorProps> {\n  static defaultProps = {\n    children: ':',\n  };\n\n  handlerClick = () => {\n    if (this.asProps.hoursInputRef.current) {\n      this.asProps.hoursInputRef.current?.focus();\n    }\n  };\n\n  render() {\n    const STimePickerSeparator = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<STimePickerSeparator render={Box} onClick={this.handlerClick} aria-hidden='true' />);\n  }\n}\n\nconst TimePicker = createComponent(TimePickerRoot, {\n  Hours,\n  Minutes,\n  Separator,\n  Format,\n}) as TimePickerComponent;\n\nexport default TimePicker;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/component/TimePicker/TimePicker.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=TimePicker.type.js.map

package/lib/cjs/component/TimePicker/TimePicker.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.type.js","names":[],"sources":["../../../../src/component/TimePicker/TimePicker.type.ts"],"sourcesContent":["import type { Box } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { InputProps, InputValueProps } from '@semcore/input';\n\nimport type { TimePickerFormatProps } from '../PickerFormat/PickerFormat.type';\n\nexport type TimePickerProps = Omit<InputProps, 'size'> & {\n  /** Time in the hh:mm format */\n  value?: string;\n  /** Default value if `value` property is not provided */\n  defaultValue?: string;\n  /** The event responses upon time changing */\n  onChange?: (time: string, event?: React.SyntheticEvent) => void;\n  /** In charge of the component blocking */\n  disabled?: boolean;\n  /** Control size\n   * @default m */\n  size?: 'm' | 'l';\n  /** 12-hour time format */\n  is12Hour?: boolean;\n  /** Specifies the locale for i18n support */\n  locale?: string;\n};\n\nexport type TimePickerSeparatorProps = {\n  /** @Internal */\n  hoursInputRef: React.RefObject<HTMLElement>;\n  /** @Internal */\n  disabled?: boolean;\n};\n\nexport type TimePickerItemProps = InputValueProps & {\n  /** Step for changing of the values in the dropdown list */\n  step?: number;\n};\n\nexport type TimePickerContext = {\n  getHoursProps: PropGetterFn;\n  getFormatProps: PropGetterFn;\n  getMinutesProps: PropGetterFn;\n  getSeparatorProps: PropGetterFn;\n};\n\nexport type TimePickerHandlers = {\n  value: (value: string) => void;\n};\n\nexport type TimePickerMeridiem = 'AM' | 'PM';\n\nexport type TimePickerField = 'hours' | 'minutes';\n\nexport type TimePickerComponent = Intergalactic.Component<\n  'div',\n  TimePickerProps,\n  TimePickerContext,\n  [handlers: TimePickerHandlers]\n> & {\n  Hours: Intergalactic.Component<'div', TimePickerItemProps>;\n  Minutes: Intergalactic.Component<'div', TimePickerItemProps>;\n  Separator: typeof Box;\n  Format: Intergalactic.Component<'div', TimePickerFormatProps>;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/component/TimePicker/time-picker.shadow.css

@@ -0,0 +1,34 @@
+STimePicker {
+  position: relative;
+  width: auto;
+  outline: none;
+
+  SPickerInput {
+    box-sizing: content-box;
+    text-align: center;
+    z-index: 1;
+    height: 1.5em;
+
+    &[placeholder] {
+      text-overflow: initial;
+    }
+    &:focus {
+      outline: none;
+      background-color: var(--intergalactic-bg-highlight-focus, oklch(0.94 0.023 278.4));
+    }
+  }
+}
+
+STimePicker[disabled] {
+  color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
+  cursor: default;
+}
+
+STimePickerSeparator {
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
+}
+
+STimePickerSeparator[disabled] {
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
+  pointer-events: none;
+}

package/lib/cjs/entity/TimePickerEntity.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var TimePickerEntity = /*#__PURE__*/function () {
+  function TimePickerEntity() {
+    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ':';
+    var is12Hour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    (0, _classCallCheck2["default"])(this, TimePickerEntity);
+    (0, _defineProperty2["default"])(this, "_hours", '');
+    (0, _defineProperty2["default"])(this, "_minutes", '');
+    (0, _defineProperty2["default"])(this, "_is12Hour", void 0);
+    (0, _defineProperty2["default"])(this, "_meridiem", 'AM');
+    var _value$split = value.split(':'),
+      _value$split2 = (0, _slicedToArray2["default"])(_value$split, 2),
+      _value$split2$ = _value$split2[0],
+      hours = _value$split2$ === void 0 ? '' : _value$split2$,
+      _value$split2$2 = _value$split2[1],
+      minutes = _value$split2$2 === void 0 ? '' : _value$split2$2;
+    this._is12Hour = is12Hour;
+    this._hours = hours;
+    this._minutes = minutes;
+  }
+  return (0, _createClass2["default"])(TimePickerEntity, [{
+    key: "meridiem",
+    get: function get() {
+      return this._meridiem;
+    },
+    set: function set(newMeridiem) {
+      this._meridiem = newMeridiem;
+    }
+  }, {
+    key: "hours",
+    get: function get() {
+      return this._is12Hour ? this.formatHoursTo12(this._hours) : this.formatHoursTo24(this._hours);
+    },
+    set: function set(newHours) {
+      this._hours = newHours;
+    }
+  }, {
+    key: "minutes",
+    get: function get() {
+      return this._minutes && this.withLeadingZero(this._minutes);
+    },
+    set: function set(newMinutes) {
+      this._minutes = newMinutes;
+    }
+  }, {
+    key: "is12Hour",
+    set: function set(newIs12Hour) {
+      this._is12Hour = newIs12Hour;
+    }
+  }, {
+    key: "withLeadingZero",
+    value: function withLeadingZero(value) {
+      return String(value).padStart(2, '0');
+    }
+  }, {
+    key: "formatHoursTo12",
+    value: function formatHoursTo12(hours) {
+      var numberHours = Number.parseInt(hours, 10);
+      if (Number.isNaN(numberHours)) return hours;
+      if (numberHours === 0) {
+        return '12';
+      } else if (numberHours > 12) {
+        return this.withLeadingZero(numberHours - 12);
+      }
+      return this.withLeadingZero(numberHours);
+    }
+  }, {
+    key: "formatHoursTo24",
+    value: function formatHoursTo24(hours) {
+      var numberHours = Number.parseInt(hours, 10);
+      if (Number.isNaN(numberHours)) return hours;
+      if (this.meridiem === 'AM') {
+        return this.withLeadingZero(numberHours === 12 ? 0 : numberHours);
+      }
+      return this.withLeadingZero(numberHours < 12 ? numberHours + 12 : numberHours);
+    }
+  }, {
+    key: "toggleMeridiem",
+    value: function toggleMeridiem() {
+      this.meridiem = this._meridiem === 'AM' ? 'PM' : 'AM';
+    }
+  }, {
+    key: "toString",
+    value: function toString() {
+      var hours = this._is12Hour ? this.formatHoursTo24(this.hours) : this.hours;
+      return "".concat(hours, ":").concat(this.minutes);
+    }
+  }]);
+}();
+var _default = exports["default"] = TimePickerEntity;
+//# sourceMappingURL=TimePickerEntity.js.map

package/lib/cjs/entity/TimePickerEntity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerEntity.js","names":["TimePickerEntity","value","arguments","length","undefined","is12Hour","_classCallCheck2","_defineProperty2","_value$split","split","_value$split2","_slicedToArray2","_value$split2$","hours","_value$split2$2","minutes","_is12Hour","_hours","_minutes","_createClass2","key","get","_meridiem","set","newMeridiem","formatHoursTo12","formatHoursTo24","newHours","withLeadingZero","newMinutes","newIs12Hour","String","padStart","numberHours","Number","parseInt","isNaN","meridiem","toggleMeridiem","toString","concat","_default","exports"],"sources":["../../../src/entity/TimePickerEntity.ts"],"sourcesContent":["import type { TimePickerMeridiem } from '../component/TimePicker/TimePicker.type';\n\nclass TimePickerEntity {\n  private _hours: string = '';\n  private _minutes: string = '';\n  private _is12Hour: boolean;\n  private _meridiem: TimePickerMeridiem = 'AM';\n\n  constructor(\n    value: string = ':', // should be in the format 'HH:mm'\n    is12Hour: boolean = false,\n  ) {\n    const [hours = '', minutes = ''] = value.split(':');\n\n    this._is12Hour = is12Hour;\n    this._hours = hours;\n    this._minutes = minutes;\n  }\n\n  get meridiem() {\n    return this._meridiem;\n  }\n\n  get hours() {\n    return this._is12Hour ? this.formatHoursTo12(this._hours) : this.formatHoursTo24(this._hours);\n  }\n\n  get minutes() {\n    return this._minutes && this.withLeadingZero(this._minutes);\n  }\n\n  set is12Hour(newIs12Hour: boolean) {\n    this._is12Hour = newIs12Hour;\n  }\n\n  set hours(newHours) {\n    this._hours = newHours;\n  }\n\n  set minutes(newMinutes) {\n    this._minutes = newMinutes;\n  }\n\n  private set meridiem(newMeridiem) {\n    this._meridiem = newMeridiem;\n  }\n\n  private withLeadingZero(value: string | number) {\n    return String(value).padStart(2, '0');\n  }\n\n  private formatHoursTo12(hours: string) {\n    const numberHours = Number.parseInt(hours, 10);\n\n    if (Number.isNaN(numberHours)) return hours;\n\n    if (numberHours === 0) {\n      return '12';\n    } else if (numberHours > 12) {\n      return this.withLeadingZero(numberHours - 12);\n    }\n\n    return this.withLeadingZero(numberHours);\n  }\n\n  private formatHoursTo24(hours: string) {\n    const numberHours = Number.parseInt(hours, 10);\n\n    if (Number.isNaN(numberHours)) return hours;\n\n    if (this.meridiem === 'AM') {\n      return this.withLeadingZero(numberHours === 12 ? 0 : numberHours);\n    }\n\n    return this.withLeadingZero(numberHours < 12 ? numberHours + 12 : numberHours);\n  }\n\n  toggleMeridiem() {\n    this.meridiem = this._meridiem === 'AM' ? 'PM' : 'AM';\n  }\n\n  toString() {\n    const hours = this._is12Hour ? this.formatHoursTo24(this.hours) : this.hours;\n\n    return `${hours}:${this.minutes}`;\n  }\n}\n\nexport default TimePickerEntity;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,15 +11,16 @@ Object.defineProperty(exports, "default", {
     return _TimePicker["default"];
   }
 });
-var _TimePicker = _interopRequireWildcard(require("./TimePicker"));
-Object.keys(_TimePicker).forEach(function (key) {
+var _TimePicker = _interopRequireDefault(require("./component/TimePicker/TimePicker"));
+var _TimePicker2 = require("./component/TimePicker/TimePicker.type");
+Object.keys(_TimePicker2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TimePicker[key]) return;
+  if (key in exports && exports[key] === _TimePicker2[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _TimePicker[key];
+      return _TimePicker2[key];
     }
   });
 });

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_TimePicker","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './TimePicker';\nexport * from './TimePicker';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,WAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,WAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,WAAA,CAAAM,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_TimePicker","_interopRequireDefault","require","_TimePicker2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './component/TimePicker/TimePicker';\nexport * from './component/TimePicker/TimePicker.type';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,YAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,YAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,YAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/cjs/translations/__intergalactic-dynamic-locales.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,13 +13,13 @@ var _it = _interopRequireDefault(require("./it.json"));
 var _ja = _interopRequireDefault(require("./ja.json"));
 var _ko = _interopRequireDefault(require("./ko.json"));
 var _nl = _interopRequireDefault(require("./nl.json"));
+var _pl = _interopRequireDefault(require("./pl.json"));
 var _pt = _interopRequireDefault(require("./pt.json"));
+var _sv = _interopRequireDefault(require("./sv.json"));
 var _tr = _interopRequireDefault(require("./tr.json"));
 var _vi = _interopRequireDefault(require("./vi.json"));
 var _zh = _interopRequireDefault(require("./zh.json"));
-var _pl = _interopRequireDefault(require("./pl.json"));
-var _sv = _interopRequireDefault(require("./sv.json"));
-var localizedMessages = {
+var localizedMessages = exports.localizedMessages = {
   de: _de["default"],
   en: _en["default"],
   es: _es["default"],
@@ -35,5 +35,4 @@ var localizedMessages = {
   pl: _pl["default"],
   sv: _sv["default"]
 };
-exports.localizedMessages = localizedMessages;
 //# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map

@@ -1 +1 @@
-{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pt","_tr","_vi","_zh","_pl","_sv","localizedMessages","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","exports"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC;AAACC,OAAA,CAAAf,iBAAA,GAAAA,iBAAA"}
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}

package/lib/es6/component/PickerFormat/PickerFormat.js

@@ -0,0 +1,88 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _callSuper from "@babel/runtime/helpers/callSuper";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+import { Box, ScreenReaderOnly } from '@semcore/base-components';
+import { Component, sstyled, Root } from '@semcore/core';
+import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
+import React from 'react';
+/*!__reshadow-styles__:"./picker-format.shadow.css"*/
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPickerFormat_294sn_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_294sn_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_294sn_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161));color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SPickerFormat_294sn_gg_:hover{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-bg-secondary-neutral-hover, rgb(241, 242, 242))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_294sn_gg_:hover{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_294sn_gg_:hover{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}}.___SPickerFormat_294sn_gg_.__active_294sn_gg_,.___SPickerFormat_294sn_gg_:active{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-bg-secondary-neutral-active, rgb(234, 235, 235))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_294sn_gg_.__active_294sn_gg_,.___SPickerFormat_294sn_gg_:active{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_294sn_gg_.__active_294sn_gg_,.___SPickerFormat_294sn_gg_:active{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SPickerFormat_294sn_gg_._size_m_294sn_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_294sn_gg_._size_m_294sn_gg_ .___SPickerFormatText_294sn_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_294sn_gg_._size_l_294sn_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0-1px 0 0}.___SPickerFormat_294sn_gg_._size_l_294sn_gg_ .___SPickerFormatText_294sn_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_294sn_gg_.__disabled_294sn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_294sn_gg_.__disabled_294sn_gg_{border-color:transparent transparent transparent var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPickerFormat_294sn_gg_.__disabled_294sn_gg_{border-color:transparent transparent transparent var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}", /*__inner_css_end__*/"294sn_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SPickerFormat": "___SPickerFormat_294sn_gg_",
+  "_disabled": "__disabled_294sn_gg_",
+  "_active": "__active_294sn_gg_",
+  "_size_m": "_size_m_294sn_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_294sn_gg_",
+  "_size_l": "_size_l_294sn_gg_"
+});
+var TimePickerFormat = /*#__PURE__*/function (_Component) {
+  function TimePickerFormat() {
+    var _this;
+    _classCallCheck(this, TimePickerFormat);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, TimePickerFormat, [].concat(args));
+    _defineProperty(_this, "state", {
+      changedFormatNotice: ''
+    });
+    _defineProperty(_this, "handleClick", function () {
+      setTimeout(function () {
+        var _this$asProps = _this.asProps,
+          meridiem = _this$asProps.meridiem,
+          getI18nText = _this$asProps.getI18nText;
+        _this.setState({
+          changedFormatNotice: getI18nText('changedFormatNotice', {
+            meridiem: meridiem
+          })
+        });
+      }, 0);
+      setTimeout(function () {
+        _this.setState({
+          changedFormatNotice: ''
+        });
+      }, 2000);
+    });
+    return _this;
+  }
+  _inherits(TimePickerFormat, _Component);
+  return _createClass(TimePickerFormat, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SPickerFormat = Box;
+      var _this$asProps2 = this.asProps,
+        Children = _this$asProps2.Children,
+        meridiem = _this$asProps2.meridiem,
+        styles = _this$asProps2.styles,
+        getI18nText = _this$asProps2.getI18nText,
+        uid = _this$asProps2.uid;
+      var changedFormatNotice = this.state.changedFormatNotice;
+      var SPickerFormatText = 'span';
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SPickerFormat, _ref2.cn("SPickerFormat", _objectSpread({}, _assignProps({
+        "type": 'button',
+        "tag": 'button',
+        "tabIndex": 0,
+        "onClick": this.handleClick,
+        "aria-describedby": "".concat(uid, "_describe")
+      }, _ref))), Children.origin ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/React.createElement(SPickerFormatText, _ref2.cn("SPickerFormatText", {}), meridiem)), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
+        "role": 'status',
+        "aria-live": 'polite'
+      }), changedFormatNotice), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
+        "aria-hidden": 'true',
+        "id": "".concat(uid, "_describe")
+      }), getI18nText('formatToggler')));
+    }
+  }]);
+}(Component);
+_defineProperty(TimePickerFormat, "style", style);
+_defineProperty(TimePickerFormat, "enhance", [uniqueIDEnhancement()]);
+export default TimePickerFormat;
+//# sourceMappingURL=PickerFormat.js.map