@semcore/time-picker 16.1.14-prerelease.9 → 16.2.0-prerelease.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (85) hide show
  1. package/CHANGELOG.md +3 -4
  2. package/lib/cjs/PickerFormat.js +81 -0
  3. package/lib/cjs/PickerFormat.js.map +1 -0
  4. package/lib/cjs/PickerInput.js +286 -0
  5. package/lib/cjs/PickerInput.js.map +1 -0
  6. package/lib/cjs/TimePicker.js +348 -0
  7. package/lib/cjs/TimePicker.js.map +1 -0
  8. package/lib/cjs/index.d.js +2 -0
  9. package/lib/cjs/index.d.js.map +1 -0
  10. package/lib/cjs/index.js +8 -9
  11. package/lib/cjs/index.js.map +1 -1
  12. package/lib/cjs/style/time-picker.shadow.css +116 -0
  13. package/lib/cjs/translations/__intergalactic-dynamic-locales.js +16 -16
  14. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
  15. package/lib/es6/PickerFormat.js +75 -0
  16. package/lib/es6/PickerFormat.js.map +1 -0
  17. package/lib/es6/PickerInput.js +281 -0
  18. package/lib/es6/PickerInput.js.map +1 -0
  19. package/lib/es6/TimePicker.js +339 -0
  20. package/lib/es6/TimePicker.js.map +1 -0
  21. package/lib/es6/index.d.js +2 -0
  22. package/lib/es6/index.d.js.map +1 -0
  23. package/lib/es6/index.js +2 -2
  24. package/lib/es6/index.js.map +1 -1
  25. package/lib/es6/style/time-picker.shadow.css +116 -0
  26. package/lib/es6/translations/__intergalactic-dynamic-locales.js +15 -15
  27. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
  28. package/lib/esm/PickerFormat.mjs +67 -0
  29. package/lib/esm/PickerInput.mjs +263 -0
  30. package/lib/esm/TimePicker.mjs +297 -0
  31. package/lib/esm/index.mjs +7 -2
  32. package/lib/esm/style/time-picker.shadow.css +116 -0
  33. package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +1 -1
  34. package/lib/types/index.d.ts +63 -2
  35. package/package.json +8 -8
  36. package/vite.config.ts +4 -1
  37. package/lib/cjs/component/PickerFormat/PickerFormat.js +0 -84
  38. package/lib/cjs/component/PickerFormat/PickerFormat.js.map +0 -1
  39. package/lib/cjs/component/PickerFormat/PickerFormat.type.js +0 -2
  40. package/lib/cjs/component/PickerFormat/PickerFormat.type.js.map +0 -1
  41. package/lib/cjs/component/PickerFormat/picker-format.shadow.css +0 -61
  42. package/lib/cjs/component/PickerInput/PickerInput.js +0 -228
  43. package/lib/cjs/component/PickerInput/PickerInput.js.map +0 -1
  44. package/lib/cjs/component/PickerInput/PickerInput.type.js +0 -2
  45. package/lib/cjs/component/PickerInput/PickerInput.type.js.map +0 -1
  46. package/lib/cjs/component/PickerInput/picker-input.shadow.css +0 -11
  47. package/lib/cjs/component/TimePicker/TimePicker.js +0 -220
  48. package/lib/cjs/component/TimePicker/TimePicker.js.map +0 -1
  49. package/lib/cjs/component/TimePicker/TimePicker.type.js +0 -2
  50. package/lib/cjs/component/TimePicker/TimePicker.type.js.map +0 -1
  51. package/lib/cjs/component/TimePicker/time-picker.shadow.css +0 -34
  52. package/lib/cjs/entity/TimePickerEntity.js +0 -73
  53. package/lib/cjs/entity/TimePickerEntity.js.map +0 -1
  54. package/lib/es6/component/PickerFormat/PickerFormat.js +0 -79
  55. package/lib/es6/component/PickerFormat/PickerFormat.js.map +0 -1
  56. package/lib/es6/component/PickerFormat/PickerFormat.type.js +0 -2
  57. package/lib/es6/component/PickerFormat/PickerFormat.type.js.map +0 -1
  58. package/lib/es6/component/PickerFormat/picker-format.shadow.css +0 -61
  59. package/lib/es6/component/PickerInput/PickerInput.js +0 -222
  60. package/lib/es6/component/PickerInput/PickerInput.js.map +0 -1
  61. package/lib/es6/component/PickerInput/PickerInput.type.js +0 -2
  62. package/lib/es6/component/PickerInput/PickerInput.type.js.map +0 -1
  63. package/lib/es6/component/PickerInput/picker-input.shadow.css +0 -11
  64. package/lib/es6/component/TimePicker/TimePicker.js +0 -216
  65. package/lib/es6/component/TimePicker/TimePicker.js.map +0 -1
  66. package/lib/es6/component/TimePicker/TimePicker.type.js +0 -2
  67. package/lib/es6/component/TimePicker/TimePicker.type.js.map +0 -1
  68. package/lib/es6/component/TimePicker/time-picker.shadow.css +0 -34
  69. package/lib/es6/entity/TimePickerEntity.js +0 -66
  70. package/lib/es6/entity/TimePickerEntity.js.map +0 -1
  71. package/lib/esm/component/PickerFormat/PickerFormat.mjs +0 -84
  72. package/lib/esm/component/PickerFormat/picker-format.shadow.css +0 -61
  73. package/lib/esm/component/PickerInput/PickerInput.mjs +0 -227
  74. package/lib/esm/component/PickerInput/picker-input.shadow.css +0 -11
  75. package/lib/esm/component/TimePicker/TimePicker.mjs +0 -220
  76. package/lib/esm/component/TimePicker/time-picker.shadow.css +0 -34
  77. package/lib/esm/entity/TimePickerEntity.mjs +0 -65
  78. package/lib/types/component/PickerFormat/PickerFormat.d.ts +0 -17
  79. package/lib/types/component/PickerFormat/PickerFormat.type.d.ts +0 -16
  80. package/lib/types/component/PickerInput/PickerInput.d.ts +0 -54
  81. package/lib/types/component/PickerInput/PickerInput.type.d.ts +0 -13
  82. package/lib/types/component/TimePicker/TimePicker.d.ts +0 -3
  83. package/lib/types/component/TimePicker/TimePicker.type.d.ts +0 -50
  84. package/lib/types/entity/TimePickerEntity.d.ts +0 -22
  85. package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +0 -114
@@ -1,222 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import { sstyled as _sstyled } from "@semcore/core";
3
- import { assignProps as _assignProps } from "@semcore/core";
4
- import { Component, sstyled, Root } from '@semcore/core';
5
- import { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
6
- import Input from '@semcore/input';
7
- import Select from '@semcore/select';
8
- import React from 'react';
9
- /*!__reshadow-styles__:"./picker-input.shadow.css"*/
10
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPickerInput_1bwib_gg_._size_l_1bwib_gg_,.___SPickerInput_1bwib_gg_._size_m_1bwib_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1bwib_gg_._size_l_1bwib_gg_{width:21px}", /*__inner_css_end__*/"1bwib_gg_"),
11
- /*__reshadow_css_end__*/
12
- {
13
- "__SPickerInput": "___SPickerInput_1bwib_gg_",
14
- "_size_m": "_size_m_1bwib_gg_",
15
- "_size_l": "_size_l_1bwib_gg_"
16
- });
17
- function getOptions(minMax, step = 1) {
18
- const [min, max] = minMax;
19
- const length = Number(((max + 1 - min) / step).toFixed(0));
20
- const options = Array(length).fill('');
21
- let numValue = min;
22
- return options.map((_i, index) => {
23
- numValue = index === 0 ? numValue : numValue + step;
24
- const value = String(numValue).padStart(2, '0');
25
- return /*#__PURE__*/React.createElement(Select.Option, {
26
- value: value,
27
- key: value
28
- }, value);
29
- });
30
- }
31
- class AbstractPickerInput extends Component {
32
- constructor(...args) {
33
- super(...args);
34
- _defineProperty(this, "state", {
35
- dirtyValue: undefined,
36
- visible: false
37
- });
38
- _defineProperty(this, "inputRef", /*#__PURE__*/React.createRef());
39
- _defineProperty(this, "parseValueWithMinMax", value => {
40
- const [min, max] = this.minMax;
41
- const numberValue = isNaN(Number(value)) ? min : Number(value);
42
- return String(Math.max(min, Math.min(max, numberValue)));
43
- });
44
- _defineProperty(this, "handleChange", (value, event) => {
45
- event.stopPropagation();
46
- const inputValue = value.replace(/[^0-9]/g, '');
47
- const numberValue = Number(inputValue);
48
- if (!Number.isNaN(numberValue)) {
49
- this.setState({
50
- dirtyValue: inputValue.slice(-2)
51
- });
52
- }
53
- });
54
- _defineProperty(this, "handleBlur", event => this.submitChanges(event));
55
- _defineProperty(this, "handleSelect", (value, event) => {
56
- this.dispatchOnChange(value, event);
57
- });
58
- _defineProperty(this, "handleVisibleChange", visible => this.setState({
59
- visible
60
- }));
61
- }
62
- dispatchOnChange(value, event) {
63
- this.setState({
64
- dirtyValue: undefined
65
- });
66
- this.asProps.$onValueChange(value, this.field, event);
67
- }
68
- submitChanges(event) {
69
- let {
70
- dirtyValue
71
- } = this.state;
72
- if (dirtyValue !== undefined) {
73
- // if changes value
74
- if (dirtyValue) dirtyValue = this.parseValueWithMinMax(dirtyValue); // if not ""
75
- this.dispatchOnChange(dirtyValue, event);
76
- }
77
- }
78
- render() {
79
- var _ref = this.asProps,
80
- _ref2;
81
- const SPickerInput = Select.Trigger;
82
- const {
83
- styles,
84
- step,
85
- onSelect,
86
- time,
87
- size,
88
- disabled,
89
- onVisibleChange,
90
- ariaLabel,
91
- ...other
92
- } = this.asProps;
93
- const {
94
- dirtyValue,
95
- visible
96
- } = this.state;
97
- const value = dirtyValue === undefined ? time : dirtyValue;
98
- return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(Select, _ref2.cn("Select", {
99
- ...other,
100
- "interaction": 'focus',
101
- "size": size,
102
- "onChange": callAllEventHandlers(onSelect, this.handleSelect),
103
- "onVisibleChange": callAllEventHandlers(onVisibleChange, this.handleVisibleChange),
104
- "visible": visible,
105
- "value": time,
106
- "defaultHighlightedIndex": time ? null : 0
107
- }), /*#__PURE__*/React.createElement(SPickerInput, _ref2.cn("SPickerInput", {
108
- ..._assignProps({
109
- "tag": Input.Value,
110
- "ref": this.inputRef,
111
- "inputMode": 'numeric',
112
- "size": size,
113
- "disabled": disabled,
114
- "neighborLocation": false,
115
- "value": value,
116
- "aria-label": ariaLabel,
117
- "onChange": this.handleChange,
118
- "onBlur": this.handleBlur,
119
- "onKeyDown": this.handleKeyDown
120
- }, _ref)
121
- })), /*#__PURE__*/React.createElement(Select.Menu, {
122
- hMax: 180
123
- }, getOptions(this.minMax, step)));
124
- }
125
- }
126
- _defineProperty(AbstractPickerInput, "style", style);
127
- _defineProperty(AbstractPickerInput, "defaultProps", _ => ({
128
- placeholder: '00',
129
- offset: [-8, 4]
130
- }));
131
- class Hours extends AbstractPickerInput {
132
- constructor(...args) {
133
- super(...args);
134
- _defineProperty(this, "handleKeyDown", event => {
135
- const {
136
- currentTarget
137
- } = event;
138
- if (event.key === 'Enter') {
139
- this.submitChanges(event);
140
- }
141
- if (event.key === 'ArrowRight') {
142
- if (currentTarget.selectionStart && currentTarget.selectionStart >= currentTarget.value.length && currentTarget.selectionStart === currentTarget.selectionEnd) {
143
- event.preventDefault();
144
- this.focusNext();
145
- }
146
- }
147
- });
148
- }
149
- get field() {
150
- return 'hours';
151
- }
152
- get minMax() {
153
- const {
154
- is12Hour
155
- } = this.asProps;
156
- return is12Hour ? [1, 12] : [0, 23];
157
- }
158
- focusNext() {
159
- if (this.asProps.minutesInputRef.current) {
160
- this.setState({
161
- visible: false
162
- });
163
- this.asProps.minutesInputRef.current.focus();
164
- }
165
- }
166
- componentDidUpdate(_, prevState) {
167
- const {
168
- dirtyValue
169
- } = this.state;
170
- if (prevState.dirtyValue === undefined || dirtyValue === undefined) return;
171
- if (prevState.dirtyValue.length === 1 && dirtyValue.length === 2) {
172
- this.focusNext();
173
- }
174
- }
175
- }
176
- _defineProperty(Hours, "defaultProps", props => ({
177
- ...AbstractPickerInput.defaultProps(props),
178
- ml: props.size === 'l' ? 3 : undefined
179
- }));
180
- class Minutes extends AbstractPickerInput {
181
- constructor(...args) {
182
- super(...args);
183
- _defineProperty(this, "handleKeyDown", event => {
184
- const {
185
- currentTarget
186
- } = event;
187
- if (event.key === 'ArrowLeft') {
188
- if (currentTarget.selectionStart && currentTarget.selectionStart <= 0 && currentTarget.selectionStart === currentTarget.selectionEnd) {
189
- event.preventDefault();
190
- this.focusPrev();
191
- }
192
- }
193
- if (event.key === 'Backspace') {
194
- if (currentTarget.value.length === 0) {
195
- event.preventDefault();
196
- this.focusPrev();
197
- }
198
- }
199
- if (event.key === 'Enter') this.submitChanges(event);
200
- });
201
- }
202
- get field() {
203
- return 'minutes';
204
- }
205
- get minMax() {
206
- return [0, 59];
207
- }
208
- focusPrev() {
209
- if (this.asProps.hoursInputRef.current) {
210
- this.setState({
211
- visible: false
212
- });
213
- this.asProps.hoursInputRef.current.focus();
214
- }
215
- }
216
- }
217
- _defineProperty(Minutes, "defaultProps", props => ({
218
- ...AbstractPickerInput.defaultProps(props),
219
- mr: props.size === 'l' ? 3 : undefined
220
- }));
221
- export { Hours, Minutes };
222
- //# sourceMappingURL=PickerInput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PickerInput.js","names":["Component","sstyled","Root","callAllEventHandlers","Input","Select","React","style","_sstyled","insert","getOptions","minMax","step","min","max","length","Number","toFixed","options","Array","fill","numValue","map","_i","index","value","String","padStart","createElement","Option","key","AbstractPickerInput","constructor","args","_defineProperty","dirtyValue","undefined","visible","createRef","numberValue","isNaN","Math","event","stopPropagation","inputValue","replace","setState","slice","submitChanges","dispatchOnChange","asProps","$onValueChange","field","state","parseValueWithMinMax","render","_ref","_ref2","SPickerInput","Trigger","styles","onSelect","time","size","disabled","onVisibleChange","ariaLabel","other","cn","handleSelect","handleVisibleChange","_assignProps","Value","inputRef","handleChange","handleBlur","handleKeyDown","Menu","hMax","_","placeholder","offset","Hours","currentTarget","selectionStart","selectionEnd","preventDefault","focusNext","is12Hour","minutesInputRef","current","focus","componentDidUpdate","prevState","props","defaultProps","ml","Minutes","focusPrev","hoursInputRef","mr"],"sources":["../../../../src/component/PickerInput/PickerInput.tsx"],"sourcesContent":["import { Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport Input from '@semcore/input';\nimport Select from '@semcore/select';\nimport React from 'react';\n\nimport style from './picker-input.shadow.css';\nimport type { PickerInputMinMax, PickerInputProps } from './PickerInput.type';\nimport type { TimePickerField } from '../TimePicker/TimePicker.type';\n\nfunction getOptions(minMax: PickerInputMinMax, step = 1) {\n const [min, max] = minMax;\n const length = Number(((max + 1 - min) / step).toFixed(0));\n const options = Array(length).fill('');\n let numValue = min;\n return options.map((_i, index) => {\n numValue = index === 0 ? numValue : numValue + step;\n const value = String(numValue).padStart(2, '0');\n\n return (\n <Select.Option value={value} key={value}>\n {value}\n </Select.Option>\n );\n });\n}\n\ntype State = {\n dirtyValue?: string;\n visible: boolean;\n};\n\nabstract class AbstractPickerInput extends Component<PickerInputProps, [], {}, {}, State> {\n static style = style;\n static defaultProps = (_: PickerInputProps) => ({\n placeholder: '00',\n offset: [-8, 4],\n });\n\n state: State = {\n dirtyValue: undefined,\n visible: false,\n };\n\n inputRef = React.createRef();\n\n abstract get field(): TimePickerField;\n abstract get minMax(): PickerInputMinMax;\n abstract handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;\n\n parseValueWithMinMax = (value: string) => {\n const [min, max] = this.minMax;\n\n const numberValue = isNaN(Number(value)) ? min : Number(value);\n\n return String(Math.max(min, Math.min(max, numberValue)));\n };\n\n dispatchOnChange(value: string, event: React.SyntheticEvent) {\n this.setState({ dirtyValue: undefined });\n this.asProps.$onValueChange(value, this.field, event);\n }\n\n submitChanges(event: React.SyntheticEvent) {\n let { dirtyValue } = this.state;\n if (dirtyValue !== undefined) {\n // if changes value\n if (dirtyValue) dirtyValue = this.parseValueWithMinMax(dirtyValue); // if not \"\"\n this.dispatchOnChange(dirtyValue, event);\n }\n }\n\n handleChange = (value: string, event: React.SyntheticEvent) => {\n event.stopPropagation();\n\n const inputValue = value.replace(/[^0-9]/g, '');\n const numberValue = Number(inputValue);\n\n if (!Number.isNaN(numberValue)) {\n this.setState({ dirtyValue: inputValue.slice(-2) });\n }\n };\n\n handleBlur = (event: React.SyntheticEvent) => this.submitChanges(event);\n\n handleSelect = (value: string, event: React.SyntheticEvent) => {\n this.dispatchOnChange(value, event);\n };\n\n handleVisibleChange = (visible: boolean) => this.setState({ visible });\n\n render() {\n const SPickerInput = Root;\n const { styles, step, onSelect, time, size, disabled, onVisibleChange, ariaLabel, ...other } = this.asProps;\n const { dirtyValue, visible } = this.state;\n const value = dirtyValue === undefined ? time : dirtyValue;\n\n return sstyled(styles)(\n <Select\n {...other}\n interaction='focus'\n size={size}\n onChange={callAllEventHandlers(onSelect, this.handleSelect)}\n onVisibleChange={callAllEventHandlers(onVisibleChange, this.handleVisibleChange)}\n visible={visible}\n value={time}\n defaultHighlightedIndex={time ? null : 0}\n >\n <SPickerInput\n render={Select.Trigger}\n tag={Input.Value}\n ref={this.inputRef}\n inputMode='numeric'\n size={size}\n disabled={disabled}\n neighborLocation={false}\n value={value}\n aria-label={ariaLabel}\n onChange={this.handleChange}\n onBlur={this.handleBlur}\n onKeyDown={this.handleKeyDown}\n />\n <Select.Menu hMax={180}>{getOptions(this.minMax, step)}</Select.Menu>\n </Select>,\n );\n }\n}\n\nclass Hours extends AbstractPickerInput {\n static defaultProps = (props: PickerInputProps) => ({\n ...AbstractPickerInput.defaultProps(props),\n ml: props.size === 'l' ? 3 : undefined,\n });\n\n get field(): TimePickerField {\n return 'hours';\n }\n\n get minMax(): PickerInputMinMax {\n const { is12Hour } = this.asProps;\n\n return is12Hour ? [1, 12] : [0, 23];\n }\n\n focusNext() {\n if (this.asProps.minutesInputRef.current) {\n this.setState({ visible: false });\n this.asProps.minutesInputRef.current.focus();\n }\n }\n\n handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n const { currentTarget } = event;\n if (event.key === 'Enter') {\n this.submitChanges(event);\n }\n if (event.key === 'ArrowRight') {\n if (\n currentTarget.selectionStart &&\n currentTarget.selectionStart >= currentTarget.value.length &&\n currentTarget.selectionStart === currentTarget.selectionEnd\n ) {\n event.preventDefault();\n this.focusNext();\n }\n }\n };\n\n componentDidUpdate(_: PickerInputProps, prevState: State) {\n const { dirtyValue } = this.state;\n if (prevState.dirtyValue === undefined || dirtyValue === undefined) return;\n\n if (prevState.dirtyValue.length === 1 && dirtyValue.length === 2) {\n this.focusNext();\n }\n }\n}\n\nclass Minutes extends AbstractPickerInput {\n static defaultProps = (props: PickerInputProps) => ({\n ...AbstractPickerInput.defaultProps(props),\n mr: props.size === 'l' ? 3 : undefined,\n });\n\n get field(): TimePickerField {\n return 'minutes';\n }\n\n get minMax(): PickerInputMinMax {\n return [0, 59];\n }\n\n focusPrev() {\n if (this.asProps.hoursInputRef.current) {\n this.setState({ visible: false });\n this.asProps.hoursInputRef.current.focus();\n }\n }\n\n handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n const { currentTarget } = event;\n if (event.key === 'ArrowLeft') {\n if (\n currentTarget.selectionStart &&\n currentTarget.selectionStart <= 0 &&\n currentTarget.selectionStart === currentTarget.selectionEnd\n ) {\n event.preventDefault();\n this.focusPrev();\n }\n }\n if (event.key === 'Backspace') {\n if (currentTarget.value.length === 0) {\n event.preventDefault();\n this.focusPrev();\n }\n }\n if (event.key === 'Enter') this.submitChanges(event);\n };\n}\n\nexport { Hours, Minutes };\n"],"mappings":"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","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=PickerInput.type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PickerInput.type.js","names":[],"sources":["../../../../src/component/PickerInput/PickerInput.type.ts"],"sourcesContent":["import type { SelectProps } from '@semcore/select';\n\nimport type { TimePickerField, TimePickerItemProps } from '../TimePicker/TimePicker.type';\n\nexport type PickerInputProps = SelectProps & TimePickerItemProps & {\n time: string;\n size?: 'm' | 'l';\n is12Hour?: boolean;\n disabled?: boolean;\n $onValueChange: (value: string, field: TimePickerField, event: React.SyntheticEvent) => void;\n minutesInputRef: React.RefObject<HTMLElement>;\n hoursInputRef: React.RefObject<HTMLElement>;\n ariaLabel: string;\n};\n\nexport type PickerInputMinMax = [number, number];\n"],"mappings":"","ignoreList":[]}
@@ -1,11 +0,0 @@
1
- SPickerInput[size='m'] {
2
- width: 19px;
3
- margin: 0 var(--intergalactic-spacing-2x, 8px);
4
- padding: 0;
5
- }
6
-
7
- SPickerInput[size='l'] {
8
- width: 21px;
9
- margin: 0 var(--intergalactic-spacing-2x, 8px);
10
- padding: 0;
11
- }
@@ -1,216 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import _applyDecs from "@babel/runtime/helpers/applyDecs2311";
3
- import _identity from "@babel/runtime/helpers/identity";
4
- import { sstyled as _sstyled } from "@semcore/core";
5
- import { assignProps as _assignProps2 } from "@semcore/core";
6
- import { assignProps as _assignProps } from "@semcore/core";
7
- var _Class, _TimePickerRoot3;
8
- let _initClass, _classDecs, _entityDecs, _init_entity, _init_extra_entity, _TimePickerRoot2, _ref5;
9
- import { Box, ScreenReaderOnly } from '@semcore/base-components';
10
- import { createComponent, Component, sstyled, Root } from '@semcore/core';
11
- import propsObserver from '@semcore/core/lib/decorators/propsObserver';
12
- import reactive from '@semcore/core/lib/decorators/reactive';
13
- import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
14
- import Input from '@semcore/input';
15
- import React from 'react';
16
- /*!__reshadow-styles__:"./time-picker.shadow.css"*/
17
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STimePicker_17xeh_gg_{position:relative;width:auto;outline:0}.___STimePicker_17xeh_gg_ .___SPickerInput_17xeh_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___STimePicker_17xeh_gg_ .___SPickerInput_17xeh_gg_.__placeholder_17xeh_gg_{text-overflow:initial}.___STimePicker_17xeh_gg_ .___SPickerInput_17xeh_gg_:focus{outline:0;background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___STimePicker_17xeh_gg_.__disabled_17xeh_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___STimePickerSeparator_17xeh_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_17xeh_gg_.__disabled_17xeh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}", /*__inner_css_end__*/"17xeh_gg_"),
18
- /*__reshadow_css_end__*/
19
- {
20
- "__STimePicker": "___STimePicker_17xeh_gg_",
21
- "_disabled": "__disabled_17xeh_gg_",
22
- "__STimePickerSeparator": "___STimePickerSeparator_17xeh_gg_",
23
- "__SPickerInput": "___SPickerInput_17xeh_gg_",
24
- "_placeholder": "__placeholder_17xeh_gg_"
25
- });
26
- import TimePickerEntity from '../../entity/TimePickerEntity';
27
- import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
28
- import Format from '../PickerFormat/PickerFormat';
29
- import { Hours, Minutes } from '../PickerInput/PickerInput';
30
- _classDecs = [propsObserver(['value', 'is12Hour'])];
31
- let _TimePickerRoot;
32
- new (_TimePickerRoot2 = (_ref5 = (_entityDecs = reactive(['meridiem'], function () {
33
- this.forceUpdate();
34
- }), "hoursInputRef"), _TimePickerRoot3 = class TimePickerRoot extends Component {
35
- constructor(...args) {
36
- super(...args);
37
- _defineProperty(this, _ref5, /*#__PURE__*/React.createRef());
38
- _defineProperty(this, "minutesInputRef", /*#__PURE__*/React.createRef());
39
- _defineProperty(this, "state", {
40
- ariaLabel: ''
41
- });
42
- _defineProperty(this, "entity", _init_entity(this, new TimePickerEntity(this.props.value ?? this.props.defaultValue, this.props.is12Hour)));
43
- _defineProperty(this, "handleValueChange", (_init_extra_entity(this), (value, field, event) => {
44
- this.entity[field] = value;
45
- this.handlers.value(this.entity.toString(), event);
46
- }));
47
- _defineProperty(this, "handleMeridiemClick", event => {
48
- this.entity.toggleMeridiem();
49
- this.handlers.value(this.entity.toString(), event);
50
- });
51
- _defineProperty(this, "getCommonPickerInputProps", () => {
52
- const {
53
- is12Hour,
54
- size,
55
- disabled
56
- } = this.asProps;
57
- return {
58
- size,
59
- is12Hour,
60
- disabled,
61
- $onValueChange: this.handleValueChange,
62
- minutesInputRef: this.minutesInputRef,
63
- hoursInputRef: this.hoursInputRef
64
- };
65
- });
66
- _defineProperty(this, "getHoursProps", () => {
67
- return {
68
- ...this.getCommonPickerInputProps(),
69
- time: this.entity.hours,
70
- ariaLabel: this.asProps.getI18nText('hours'),
71
- ref: this.hoursInputRef
72
- };
73
- });
74
- _defineProperty(this, "getMinutesProps", () => {
75
- return {
76
- ...this.getCommonPickerInputProps(),
77
- time: this.entity.minutes,
78
- ariaLabel: this.asProps.getI18nText('minutes'),
79
- ref: this.minutesInputRef
80
- };
81
- });
82
- }
83
- componentDidMount() {
84
- const {
85
- id,
86
- 'aria-describedby': ariaDescribedBy
87
- } = this.asProps;
88
- const selector = `[for=${id}]`;
89
- const element = document.querySelector(selector) ?? document.querySelector(`#${ariaDescribedBy}`);
90
- if (element) {
91
- this.setState({
92
- ariaLabel: element.textContent
93
- });
94
- }
95
- }
96
- onPropsChange(changedProps) {
97
- const {
98
- value,
99
- is12Hour
100
- } = changedProps;
101
- if (value !== undefined) {
102
- const [hours = '', minutes = ''] = value.split(':');
103
- this.entity.hours = hours;
104
- this.entity.minutes = minutes;
105
- }
106
- if (is12Hour !== undefined) {
107
- this.entity.is12Hour = is12Hour;
108
- }
109
- }
110
- uncontrolledProps() {
111
- return {
112
- value: null
113
- };
114
- }
115
- getSeparatorProps() {
116
- return {
117
- disabled: this.asProps.disabled,
118
- hoursInputRef: this.hoursInputRef
119
- };
120
- }
121
- getFormatProps() {
122
- const {
123
- size,
124
- disabled,
125
- getI18nText
126
- } = this.asProps;
127
- return {
128
- size,
129
- disabled,
130
- meridiem: this.entity.meridiem,
131
- onClick: this.handleMeridiemClick,
132
- getI18nText
133
- };
134
- }
135
- render() {
136
- var _ref = this.asProps,
137
- _ref3;
138
- const STimePicker = Input;
139
- const {
140
- styles,
141
- Children,
142
- value,
143
- is12Hour,
144
- getI18nText,
145
- id
146
- } = this.asProps;
147
- const time = `${this.entity.hours}:${this.entity.minutes}`;
148
- const meridiem = is12Hour ? this.entity.meridiem : '';
149
- const label = value ? `${this.state.ariaLabel} ${getI18nText('title', {
150
- time,
151
- meridiem
152
- })}` : `${this.state.ariaLabel} ${getI18nText('titleEmpty')}`;
153
- return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(STimePicker, _ref3.cn("STimePicker", {
154
- ..._assignProps({
155
- "role": 'group',
156
- "aria-label": label,
157
- "__excludeProps": ['value', 'id']
158
- }, _ref)
159
- }), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {}))), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref3.cn("ScreenReaderOnly", {
160
- "tag": 'input',
161
- "tabIndex": -1,
162
- "id": id,
163
- "aria-hidden": true,
164
- "value": `${time} ${meridiem}`
165
- })));
166
- }
167
- }, {
168
- e: [_init_entity, _init_extra_entity],
169
- c: [_TimePickerRoot, _initClass]
170
- } = _applyDecs(_TimePickerRoot3, _classDecs, [[_entityDecs, 0, "entity"]], 0, void 0, Component), _TimePickerRoot3), _Class = class extends _identity {
171
- constructor() {
172
- super(_TimePickerRoot), _defineProperty(this, "displayName", 'TimePicker'), _defineProperty(this, "style", style), _defineProperty(this, "enhance", [i18nEnhance(localizedMessages)]), _defineProperty(this, "defaultProps", ({
173
- is12Hour
174
- }) => ({
175
- defaultValue: '',
176
- size: 'm',
177
- children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TimePicker.Hours, null), /*#__PURE__*/React.createElement(TimePicker.Separator, null), /*#__PURE__*/React.createElement(TimePicker.Minutes, null), is12Hour && /*#__PURE__*/React.createElement(TimePicker.Format, null)),
178
- locale: 'en'
179
- })), _initClass();
180
- }
181
- }, _defineProperty(_Class, _TimePickerRoot2, void 0), _Class)();
182
- class Separator extends Component {
183
- constructor(...args) {
184
- super(...args);
185
- _defineProperty(this, "handlerClick", () => {
186
- if (this.asProps.hoursInputRef.current) {
187
- this.asProps.hoursInputRef.current?.focus();
188
- }
189
- });
190
- }
191
- render() {
192
- var _ref2 = this.asProps,
193
- _ref4;
194
- const STimePickerSeparator = Box;
195
- const {
196
- styles
197
- } = this.asProps;
198
- return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(STimePickerSeparator, _ref4.cn("STimePickerSeparator", {
199
- ..._assignProps2({
200
- "onClick": this.handlerClick,
201
- "aria-hidden": 'true'
202
- }, _ref2)
203
- }));
204
- }
205
- }
206
- _defineProperty(Separator, "defaultProps", {
207
- children: ':'
208
- });
209
- const TimePicker = createComponent(_TimePickerRoot, {
210
- Hours,
211
- Minutes,
212
- Separator,
213
- Format
214
- });
215
- export default TimePicker;
216
- //# sourceMappingURL=TimePicker.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TimePicker.js","names":["Box","ScreenReaderOnly","createComponent","Component","sstyled","Root","propsObserver","reactive","i18nEnhance","Input","React","style","_sstyled","insert","TimePickerEntity","localizedMessages","Format","Hours","Minutes","_classDecs","_TimePickerRoot","_TimePickerRoot2","_ref5","_entityDecs","forceUpdate","_TimePickerRoot3","TimePickerRoot","constructor","args","_defineProperty","createRef","ariaLabel","_init_entity","props","value","defaultValue","is12Hour","_init_extra_entity","field","event","entity","handlers","toString","toggleMeridiem","size","disabled","asProps","$onValueChange","handleValueChange","minutesInputRef","hoursInputRef","getCommonPickerInputProps","time","hours","getI18nText","ref","minutes","componentDidMount","id","ariaDescribedBy","selector","element","document","querySelector","setState","textContent","onPropsChange","changedProps","undefined","split","uncontrolledProps","getSeparatorProps","getFormatProps","meridiem","onClick","handleMeridiemClick","render","_ref","_ref3","STimePicker","styles","Children","label","state","createElement","Fragment","cn","_assignProps","e","c","_initClass","_applyDecs","_Class","_identity","children","TimePicker","Separator","locale","current","focus","_ref2","_ref4","STimePickerSeparator","_assignProps2","handlerClick"],"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":[]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=TimePicker.type.js.map
@@ -1 +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":[]}
@@ -1,34 +0,0 @@
1
- STimePicker {
2
- position: relative;
3
- width: auto;
4
- outline: none;
5
-
6
- SPickerInput {
7
- box-sizing: content-box;
8
- text-align: center;
9
- z-index: 1;
10
- height: 1.5em;
11
-
12
- &[placeholder] {
13
- text-overflow: initial;
14
- }
15
- &:focus {
16
- outline: none;
17
- background-color: var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2));
18
- }
19
- }
20
- }
21
-
22
- STimePicker[disabled] {
23
- color: var(--intergalactic-text-secondary, #6c6e79);
24
- cursor: default;
25
- }
26
-
27
- STimePickerSeparator {
28
- color: var(--intergalactic-text-primary, #191b23);
29
- }
30
-
31
- STimePickerSeparator[disabled] {
32
- opacity: var(--intergalactic-disabled-opacity, 0.3);
33
- pointer-events: none;
34
- }
@@ -1,66 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- class TimePickerEntity {
3
- constructor(value = ':',
4
- // should be in the format 'HH:mm'
5
- is12Hour = false) {
6
- _defineProperty(this, "_hours", '');
7
- _defineProperty(this, "_minutes", '');
8
- _defineProperty(this, "_is12Hour", void 0);
9
- _defineProperty(this, "_meridiem", 'AM');
10
- const [hours = '', minutes = ''] = value.split(':');
11
- this._is12Hour = is12Hour;
12
- this._hours = hours;
13
- this._minutes = minutes;
14
- }
15
- get meridiem() {
16
- return this._meridiem;
17
- }
18
- get hours() {
19
- return this._is12Hour ? this.formatHoursTo12(this._hours) : this.formatHoursTo24(this._hours);
20
- }
21
- get minutes() {
22
- return this._minutes && this.withLeadingZero(this._minutes);
23
- }
24
- set is12Hour(newIs12Hour) {
25
- this._is12Hour = newIs12Hour;
26
- }
27
- set hours(newHours) {
28
- this._hours = newHours;
29
- }
30
- set minutes(newMinutes) {
31
- this._minutes = newMinutes;
32
- }
33
- set meridiem(newMeridiem) {
34
- this._meridiem = newMeridiem;
35
- }
36
- withLeadingZero(value) {
37
- return String(value).padStart(2, '0');
38
- }
39
- formatHoursTo12(hours) {
40
- const numberHours = Number.parseInt(hours, 10);
41
- if (Number.isNaN(numberHours)) return hours;
42
- if (numberHours === 0) {
43
- return '12';
44
- } else if (numberHours > 12) {
45
- return this.withLeadingZero(numberHours - 12);
46
- }
47
- return this.withLeadingZero(numberHours);
48
- }
49
- formatHoursTo24(hours) {
50
- const numberHours = Number.parseInt(hours, 10);
51
- if (Number.isNaN(numberHours)) return hours;
52
- if (this.meridiem === 'AM') {
53
- return this.withLeadingZero(numberHours === 12 ? 0 : numberHours);
54
- }
55
- return this.withLeadingZero(numberHours < 12 ? numberHours + 12 : numberHours);
56
- }
57
- toggleMeridiem() {
58
- this.meridiem = this._meridiem === 'AM' ? 'PM' : 'AM';
59
- }
60
- toString() {
61
- const hours = this._is12Hour ? this.formatHoursTo24(this.hours) : this.hours;
62
- return `${hours}:${this.minutes}`;
63
- }
64
- }
65
- export default TimePickerEntity;
66
- //# sourceMappingURL=TimePickerEntity.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TimePickerEntity.js","names":["TimePickerEntity","constructor","value","is12Hour","_defineProperty","hours","minutes","split","_is12Hour","_hours","_minutes","meridiem","_meridiem","formatHoursTo12","formatHoursTo24","withLeadingZero","newIs12Hour","newHours","newMinutes","newMeridiem","String","padStart","numberHours","Number","parseInt","isNaN","toggleMeridiem","toString"],"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":[]}