@ui5/webcomponents 0.0.0-201dc9cbe → 0.0.0-235d4ecde

package/dist/TimePickerBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerBase.js","sourceRoot":"","sources":["../src/TimePickerBase.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport getLocale from \"@ui5/webcomponents-base/dist/locale/getLocale.js\";\nimport ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport \"@ui5/webcomponents-localization/dist/features/calendar/Gregorian.js\"; // default calendar for bundling\nimport DateFormat from \"@ui5/webcomponents-localization/dist/DateFormat.js\";\nimport { fetchCldr } from \"@ui5/webcomponents-base/dist/asset-registries/LocaleData.js\";\nimport {\n\tisShow,\n\tisPageUp,\n\tisPageDown,\n\tisPageUpShift,\n\tisPageDownShift,\n\tisPageUpShiftCtrl,\n\tisPageDownShiftCtrl,\n\tisTabNext,\n\tisTabPrevious,\n\tisF6Next,\n\tisF6Previous,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport \"@ui5/webcomponents-icons/dist/time-entry-request.js\";\nimport Icon from \"./Icon.js\";\nimport ResponsivePopover from \"./ResponsivePopover.js\";\nimport TimePickerTemplate from \"./generated/templates/TimePickerTemplate.lit.js\";\nimport TimePickerPopoverTemplate from \"./generated/templates/TimePickerPopoverTemplate.lit.js\";\nimport Input from \"./Input.js\";\nimport Button from \"./Button.js\";\nimport TimeSelectionClocks from \"./TimeSelectionClocks.js\";\nimport type { TimeSelectionChangeEventDetail } from \"./TimePickerInternals.js\";\n\nimport {\n\tTIMEPICKER_SUBMIT_BUTTON,\n\tTIMEPICKER_CANCEL_BUTTON,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport TimePickerCss from \"./generated/themes/TimePicker.css.js\";\nimport TimePickerPopoverCss from \"./generated/themes/TimePickerPopover.css.js\";\nimport ResponsivePopoverCommonCss from \"./generated/themes/ResponsivePopoverCommon.css.js\";\n\ntype TimePickerBaseChangeInputEventDetail = {\n\tvalue: string,\n\tvalid: boolean,\n}\n\ntype TimePickerBaseChangeEventDetail = TimePickerBaseChangeInputEventDetail;\ntype TimePickerBaseInputEventDetail = TimePickerBaseChangeInputEventDetail;\n\n/**\n * @class\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.TimePickerBase\n * @extends sap.ui.webc.base.UI5Element\n * @public\n * @since 1.0.0-rc.6\n */\n@customElement({\n\tlanguageAware: true,\n\trenderer: litRender,\n\ttemplate: TimePickerTemplate,\n\tstyles: TimePickerCss,\n\tstaticAreaTemplate: TimePickerPopoverTemplate,\n\tstaticAreaStyles: [ResponsivePopoverCommonCss, TimePickerPopoverCss],\n\tdependencies: [\n\t\tIcon,\n\t\tResponsivePopover,\n\t\tTimeSelectionClocks,\n\t\tInput,\n\t\tButton,\n\t],\n})\n/**\n * Fired when the input operation has finished by clicking the \"OK\" button or\n * when the text in the input field has changed and the focus leaves the input field.\n*\n* @event sap.ui.webc.main.TimePickerBase#change\n * @public\n * @param {string} value The submitted value.\n * @param {boolean} valid Indicator if the value is in correct format pattern and in valid range.\n*/\n@event(\"change\", {\n\tdetail: {\n\t\tvalue: {\n\t\t\ttype: String,\n\t\t},\n\t\tvalid: {\n\t\t\ttype: Boolean,\n\t\t},\n\t},\n})\n\n/**\n * Fired when the value of the <code>ui5-time-picker</code> is changed at each key stroke.\n *\n * @event sap.ui.webc.main.TimePickerBase#input\n * @public\n * @param {string} value The current value.\n * @param {boolean} valid Indicator if the value is in correct format pattern and in valid range.\n*/\n@event(\"input\", {\n\tdetail: {\n\t\tvalue: {\n\t\t\ttype: String,\n\t\t},\n\t\tvalid: {\n\t\t\ttype: Boolean,\n\t\t},\n\t},\n})\nclass TimePickerBase extends UI5Element {\n\t/**\n\t * Defines a formatted time value.\n\t *\n\t * @type {string}\n\t * @name sap.ui.webc.main.TimePickerBase.prototype.value\n\t * @defaultvalue undefined\n\t * @formEvents change input\n\t * @formProperty\n\t * @public\n\t */\n\t@property({ defaultValue: undefined })\n\tvalue?: string;\n\n\t/**\n\t * Defines the value state of the <code>ui5-time-picker</code>.\n\t * <br><br>\n\t * Available options are:\n\t * <ul>\n\t * <li><code>None</code></li>\n\t * <li><code>Error</code></li>\n\t * <li><code>Warning</code></li>\n\t * <li><code>Success</code></li>\n\t * <li><code>Information</code></li>\n\t * </ul>\n\t *\n\t * @type {sap.ui.webc.base.types.ValueState}\n\t * @name sap.ui.webc.main.TimePickerBase.prototype.valueState\n\t * @defaultvalue \"None\"\n\t * @public\n\t */\n\t@property({ type: ValueState, defaultValue: ValueState.None })\n\tvalueState!: `${ValueState}`;\n\n\t/**\n\t * Determines whether the <code>ui5-time-picker</code> is displayed as disabled.\n\t *\n\t * @type {boolean}\n\t * @name sap.ui.webc.main.TimePickerBase.prototype.disabled\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisabled!: boolean;\n\n\t/**\n\t * Determines whether the <code>ui5-time-picker</code> is displayed as readonly.\n\t *\n\t * @type {boolean}\n\t * @name sap.ui.webc.main.TimePickerBase.prototype.readonly\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\treadonly!: boolean;\n\n\t@property({ type: Boolean, noAttribute: true })\n\t_isPickerOpen!: boolean;\n\n\t/**\n\t * Defines the value state message that will be displayed as pop up under the <code>ui5-time-picker</code>.\n\t * <br><br>\n\t *\n\t * <b>Note:</b> If not specified, a default text (in the respective language) will be displayed.\n\t * <br>\n\t * <b>Note:</b> The <code>valueStateMessage</code> would be displayed,\n\t * when the <code>ui5-time-picker</code> is in <code>Information</code>, <code>Warning</code> or <code>Error</code> value state.\n\t * @type {HTMLElement}\n\t * @name sap.ui.webc.main.TimePickerBase.prototype.valueStateMessage\n\t * @since 1.0.0-rc.8\n\t * @slot\n\t * @public\n\t */\n\t@slot()\n\tvalueStateMessage!: Array<HTMLElement>;\n\n\ttempValue?: string;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\t[TimePickerBase.i18nBundle] = await Promise.all([\n\t\t\tgetI18nBundle(\"@ui5/webcomponents\"),\n\t\t\tfetchCldr(getLocale().getLanguage(), getLocale().getRegion(), getLocale().getScript()),\n\t\t]);\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\t/**\n\t * @abstract\n\t * @protected\n\t */\n\tget _placeholder(): string | undefined {\n\t\treturn undefined;\n\t}\n\n\t/**\n\t * @abstract\n\t * @protected\n\t */\n\tget _formatPattern(): string | undefined {\n\t\treturn undefined;\n\t}\n\n\tget _effectiveValue() {\n\t\treturn this.value;\n\t}\n\n\tget _timeSelectionValue() {\n\t\treturn this.tempValue;\n\t}\n\n\tonTimeSelectionChange(e: CustomEvent<TimeSelectionChangeEventDetail>) {\n\t\tthis.tempValue = e.detail.value; // every time the user changes the time selection -> update tempValue\n\t}\n\n\tsubmitPickers() {\n\t\tthis._updateValueAndFireEvents(this.tempValue!, true, [\"change\", \"value-changed\"]);\n\t\tthis.closePicker();\n\t}\n\n\tonResponsivePopoverAfterClose() {\n\t\tthis._isPickerOpen = false;\n\t}\n\n\tasync _handleInputClick() {\n\t\tif (this._isPickerOpen) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst inputField = await this._getInputField();\n\n\t\tif (inputField) {\n\t\t\t(inputField as HTMLInputElement).select();\n\t\t}\n\t}\n\n\t_updateValueAndFireEvents(value: string, normalizeValue: boolean, eventsNames: Array<string>) {\n\t\tif (value === this.value) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst valid = this.isValid(value);\n\t\tif (value !== undefined && valid && normalizeValue) { // if value === undefined, valid is guaranteed to be falsy\n\t\t\tvalue = this.normalizeValue(value); // transform valid values (in any format) to the correct format\n\t\t}\n\n\t\tif (!eventsNames.includes(\"input\")) {\n\t\t\tthis.value = \"\"; // Do not remove! DurationPicker (an external component extending TimePickerBase) use case -> value is 05:10, user tries 05:12, after normalization value is changed back to 05:10 so no invalidation happens, but the input still shows 05:12. Thus we enforce invalidation with the \"\"\n\t\t\tthis.value = value;\n\t\t}\n\t\tthis.tempValue = value; // if the picker is open, sync it\n\t\tthis._updateValueState(); // Change the value state to Error/None, but only if needed\n\t\teventsNames.forEach(eventName => {\n\t\t\tthis.fireEvent<TimePickerBaseChangeInputEventDetail>(eventName, { value, valid });\n\t\t});\n\t}\n\n\t_updateValueState() {\n\t\tconst isValid = this.isValid(this.value);\n\t\tif (!isValid) { // If not valid - always set Error regardless of the current value state\n\t\t\tthis.valueState = ValueState.Error;\n\t\t} else if (isValid && this.valueState === ValueState.Error) { // However if valid, change only Error (but not the others) to None\n\t\t\tthis.valueState = ValueState.None;\n\t\t}\n\t}\n\n\t_handleInputChange(e: CustomEvent) {\n\t\tconst target = e.target as Input;\n\t\tthis._updateValueAndFireEvents(target.value, true, [\"change\", \"value-changed\"]);\n\t}\n\n\t_handleInputLiveChange(e: CustomEvent) {\n\t\tconst target = e.target as Input;\n\t\tthis._updateValueAndFireEvents(target.value, false, [\"input\"]);\n\t}\n\n\t/**\n\t * Closes the picker\n\t * @public\n\t * @method\n\t * @name sap.ui.webc.main.TimePickerBase#closePicker\n\t */\n\tasync closePicker() {\n\t\tconst responsivePopover = await this._getPopover();\n\t\tresponsivePopover.close();\n\t\tthis._isPickerOpen = false;\n\t}\n\n\t/**\n\t * Opens the picker.\n\t * @async\n\t * @public\n\t * @method\n\t * @name sap.ui.webc.main.TimePickerBase#openPicker\n\t * @returns {Promise} Resolves when the picker is open\n\t */\n\tasync openPicker() {\n\t\tthis.tempValue = this.value && this.isValid(this.value) ? this.value : this.getFormat().format(new Date());\n\t\tconst responsivePopover = await this._getPopover();\n\t\tresponsivePopover.showAt(this);\n\t\tthis._isPickerOpen = true;\n\t}\n\n\ttogglePicker() {\n\t\tif (this.isOpen()) {\n\t\t\tthis.closePicker();\n\t\t} else if (this._canOpenPicker()) {\n\t\t\tthis.openPicker();\n\t\t}\n\t}\n\n\t/**\n\t * Checks if the picker is open\n\t * @public\n\t * @method\n\t * @name sap.ui.webc.main.TimePickerBase#isOpen\n\t * @returns {boolean}\n\t */\n\tisOpen() {\n\t\treturn !!this._isPickerOpen;\n\t}\n\n\t_canOpenPicker() {\n\t\treturn !this.disabled && !this.readonly;\n\t}\n\n\tasync _getPopover() {\n\t\tconst staticAreaItem = await this.getStaticAreaItemDomRef();\n\t\treturn staticAreaItem!.querySelector<ResponsivePopover>(\"[ui5-responsive-popover]\")!;\n\t}\n\n\t_getInput(): Input {\n\t\treturn this.shadowRoot!.querySelector<Input>(\"[ui5-input]\")!;\n\t}\n\n\t_getInputField() {\n\t\tconst input = this._getInput();\n\t\treturn input && input.getInputDOMRef();\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isShow(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.togglePicker();\n\t\t}\n\n\t\tconst target = e.target as Node;\n\t\tif ((this._getInput().isEqualNode(target) && this.isOpen()) && (isTabNext(e) || isTabPrevious(e) || isF6Next(e) || isF6Previous(e))) {\n\t\t\tthis.closePicker();\n\t\t}\n\n\t\tif (this.isOpen()) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isPageUpShiftCtrl(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis._modifyValueBy(1, \"second\");\n\t\t} else if (isPageUpShift(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis._modifyValueBy(1, \"minute\");\n\t\t} else if (isPageUp(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis._modifyValueBy(1, \"hour\");\n\t\t} else if (isPageDownShiftCtrl(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis._modifyValueBy(-1, \"second\");\n\t\t} else if (isPageDownShift(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis._modifyValueBy(-1, \"minute\");\n\t\t} else if (isPageDown(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis._modifyValueBy(-1, \"hour\");\n\t\t}\n\t}\n\n\tget _isPattern() {\n\t\treturn this._formatPattern !== \"medium\" && this._formatPattern !== \"short\" && this._formatPattern !== \"long\";\n\t}\n\n\tgetFormat() {\n\t\tlet dateFormat;\n\t\tif (this._isPattern) {\n\t\t\tdateFormat = DateFormat.getDateInstance({\n\t\t\t\tpattern: this._formatPattern,\n\t\t\t});\n\t\t} else {\n\t\t\tdateFormat = DateFormat.getDateInstance({\n\t\t\t\tstyle: this._formatPattern,\n\t\t\t});\n\t\t}\n\n\t\treturn dateFormat;\n\t}\n\n\t/**\n\t * Formats a Java Script date object into a string representing a locale date and time\n\t * according to the <code>formatPattern</code> property of the TimePicker instance\n\t * @param {Date} date A Java Script date object to be formatted as string\n\t * @public\n\t * @method\n\t * @name sap.ui.webc.main.TimePickerBase#formatValue\n\t * @returns {string}\n\t */\n\tformatValue(date: Date) {\n\t\treturn this.getFormat().format(date);\n\t}\n\n\t/**\n\t * Checks if a value is valid against the current <code>formatPattern</code> value.\n\t *\n\t * <br><br>\n\t * <b>Note:</b> an empty string is considered as valid value.\n\t * @param {string} value The value to be tested against the current date format\n\t * @public\n\t * @method\n\t * @name sap.ui.webc.main.TimePickerBase#isValid\n\t * @returns {boolean}\n\t */\n\tisValid(value: string | undefined) {\n\t\tif (value === \"\") {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn !!this.getFormat().parse(value as string);\n\t}\n\n\tnormalizeValue(value: string) {\n\t\tif (value === \"\") {\n\t\t\treturn value;\n\t\t}\n\n\t\treturn this.getFormat().format(this.getFormat().parse(value));\n\t}\n\n\t_modifyValueBy(amount: number, unit: string) {\n\t\tconst date = this.getFormat().parse(this._effectiveValue as string) as Date;\n\t\tif (!date) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (unit === \"hour\") {\n\t\t\tdate.setHours(date.getHours() + amount);\n\t\t} else if (unit === \"minute\") {\n\t\t\tdate.setMinutes(date.getMinutes() + amount);\n\t\t} else if (unit === \"second\") {\n\t\t\tdate.setSeconds(date.getSeconds() + amount);\n\t\t}\n\n\t\tconst newValue = this.formatValue(date);\n\t\tthis._updateValueAndFireEvents(newValue, true, [\"change\", \"value-changed\"]);\n\t}\n\n\t/**\n\t *\n\t * @param {event} e Wheel Event\n\t * @private\n\t *\n\t * The listener for this event can't be passive as it calls preventDefault()\n\t */\n\t_handleWheel(e: WheelEvent) {\n\t\te.preventDefault();\n\t}\n\n\tget submitButtonLabel() {\n\t\treturn TimePickerBase.i18nBundle.getText(TIMEPICKER_SUBMIT_BUTTON);\n\t}\n\n\tget cancelButtonLabel() {\n\t\treturn TimePickerBase.i18nBundle.getText(TIMEPICKER_CANCEL_BUTTON);\n\t}\n\n\t/**\n\t * @protected\n\t */\n\tget openIconName() {\n\t\treturn \"time-entry-request\";\n\t}\n}\n\nexport default TimePickerBase;\nexport type {\n\tTimeSelectionChangeEventDetail,\n\tTimePickerBaseChangeEventDetail,\n\tTimePickerBaseInputEventDetail,\n};\n"]}

package/dist/TimePickerClock.d.ts

@@ -0,0 +1,431 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { ClassMap } from "@ui5/webcomponents-base/dist/types.js";
+type TimePickerClockChangeEventDetail = {
+    value: number;
+    stringValue: string;
+    finalChange: boolean;
+};
+type TimePickerClockItem = {
+    angle?: number;
+    item?: string;
+    innerItem?: string;
+    outerStyles?: object;
+    innerStyles?: object;
+};
+type TimePickerClockSelection = {
+    showMarker: boolean;
+    itemClasses?: string;
+    innerItemClasses?: string;
+};
+type TimePickerClockDimensions = {
+    radius: number;
+    centerX: number;
+    centerY: number;
+    dotHeight: number;
+    numberHeight: number;
+    outerMax: number;
+    outerMin: number;
+    innerMax: number;
+    innerMin: number;
+    offsetX: number;
+    offsetY: number;
+};
+type TimePickerClockSelectedItem = TimePickerClockItem & TimePickerClockSelection;
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * <code>ui5-time-picker-clock</code> allows selecting of hours,minutes or seconds (depending on property set).
+ * The component supports interactions with mouse, touch and mouse wheel.
+ * Depending on settings, the clock can display only outer set of items (when the clock displays hours in 12-hour mode,
+ * minutes or seconds), or outer and inner sets of items (when the clock displays hours in 24-hours mode).
+ * The step for displaying or selecting of items can be configured.
+ *
+ * <code>ui5-time-picker-clock</code> is used as part of <code>ui5-time-selection-clocks</code> component, which
+ * is used in <code>ui5-time-picker</code> component respectively.
+ *
+ * <h3>Usage</h3>
+ *
+ * <code>ui5-time-picker-clock</code> can display hours, minutes or seconds
+ *
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@ui5/webcomponents/dist/TimePickerClock.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.main.TimePickerClock
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-time-picker-clock
+ * @since 1.15.0
+ * @private
+ */
+declare class TimePickerClock extends UI5Element {
+    /**
+     * Determines whether the component is displayed as disabled.
+     *
+     * @name sap.ui.webc.main.TimePickerClock.prototype.disabled
+     * @type {boolean}
+     * @defaultvalue false
+     */
+    disabled: boolean;
+    /**
+     * Determines whether the component is active (visible).
+     *
+     * @name sap.ui.webc.main.TimePickerClock.prototype.active
+     * @type {boolean}
+     * @defaultvalue false
+     */
+    active: boolean;
+    /**
+     * Minimum item value for the outer circle of the clock.
+     *
+     * @name sap.ui.webc.main.TimePickerClock.prototype.itemMin
+     * @type {integer}
+     * @defaultvalue -1
+     */
+    itemMin: number;
+    /**
+     * Maximum item value for the outer circle of the clock.
+     *
+     * @name sap.ui.webc.main.TimePickerClock.prototype.itemMax
+     * @type {integer}
+     * @defaultvalue -1
+     */
+    itemMax: number;
+    /**
+     * If set to <code>true</code>, an inner circle is displayed.
+     * The first item value of the inner circle will be itemMax + 1
+     *
+     * @name sap.ui.webc.main.TimePickerClock.prototype.showInnerCircle
+     * @type {boolean}
+     * @defaultvalue false
+     */
+    showInnerCircle: boolean;
+    /**
+     * Label of the clock dial - for example, 'Hours', 'Minutes', or 'Seconds'.
+     *
+     * @name sap.ui.webc.main.TimePickerClock.prototype.label
+     * @type {string}
+     * @defaultvalue undefined
+     */
+    label?: string;
+    /**
+     * If set to <code>true</code>, a surrounding circle with markers (dots) will be hidden.
+     * (for example, on the 'Minutes' clock-dial, markers represent minutes).
+     *
+     * @name sap.ui.webc.main.TimePickerClock.prototype.hideFractions
+     * @type {boolean}
+     * @defaultvalue false
+     */
+    hideFractions: boolean;
+    /**
+     * If provided, this will replace the last item displayed. If there is only one (outer) circle,
+     * the last item from outer circle will be replaced; if there is an inner circle too, the last
+     * item of inner circle will be replaced. Usually, the last item '24' is replaced with '0'.
+     * Do not replace the last item if <code>support2400</code> is set to <code>true</code>.
+     *
+     * @name sap.ui.webc.main.TimePickerClock.prototype.lastItemReplacement
+     * @type {integer}
+     * @defaultvalue -1
+     */
+    lastItemReplacement: number;
+    /**
+     * Prepend with zero flag. If <code>true</code>, values less than 10 will be prepend with 0.
+     *
+     * @name sap.ui.webc.main.TimePickerClock.prototype.prependZero
+     * @type {boolean}
+     * @defaultvalue false
+     */
+    prependZero: boolean;
+    /**
+     * The currently selected value of the clock.
+     *
+     * @name sap.ui.webc.main.TimePickerClock.prototype.selectedValue
+     * @type {integer}
+     * @defaultvalue -1
+     */
+    selectedValue: number;
+    /**
+     * The step for displaying of one unit of items.
+     * 1 means 1/60 of the circle.
+     * The default display step is 5 which means minutes and seconds are displayed as "0", "5", "10", etc.
+     * For hours the display step must be set to 1.
+     *
+     * @name sap.ui.webc.main.TimePickerClock.prototype.displayStep
+     * @type {integer}
+     * @defaultvalue 5
+     */
+    displayStep: number;
+    /**
+     * The step for selection of items.
+     * 1 means 1 unit:
+     * - if the clock displays hours - 1 unit = 1 hour
+     * - if the clock displays minutes/seconds - 1 unit = 1 minute/second
+     *
+     * @name sap.ui.webc.main.TimePickerClock.prototype.valueStep
+     * @type {integer}
+     * @defaultvalue 1
+     */
+    valueStep: number;
+    /**
+     * Allows to set a value of 24:00, used to indicate the end of the day.
+     * Works only with HH or H formats. Don't use it together with am/pm.
+     *
+     * When this property is set to <code>true</code>, the clock can display either 24 or 00 as last hour.
+     * The change between 24 and 00 (and vice versa) can be done as follows:
+     *
+     * - on a desktop device: hold down the <code>Ctrl</code> key (this changes 24 to 00 and vice versa), and either
+     * click with mouse on the 00/24 number, or navigate to this value using Arrow keys/PageUp/PageDown and press
+     * <code>Space</code> key (Space key selects the highlighted value and switch to the next available clock).
+     *
+     * - on mobile/touch device: make a long touch on 24/00 value - this action toggles the value to the opposite one.
+     *
+     * - on both device types, if there is a keyboard attached: 24 or 00 can be typed directly.
+     *
+     * <b>Note:</b> Don't use it together with am/pm.
+     *
+     * @name sap.ui.webc.main.TimePickerClock.prototype.support2400
+     * @type {boolean}
+     * @defaultvalue false
+     */
+    support2400: boolean;
+    /**
+     * Defines the currently available Time Picker Clock items depending on Clock setup.
+     *
+     * @type {Array}
+     */
+    _items: Array<TimePickerClockItem>;
+    /**
+     * Defines the currently selected Time Picker Clock item.
+     *
+     * @type {TimePickerClockSelectedItem}
+     */
+    _selectedItem: TimePickerClockSelectedItem;
+    /**
+     * Keeps variables used in interaction calculations.
+     *
+     * @type {TimePickerClockDimensions}
+     */
+    _dimensionParameters: TimePickerClockDimensions;
+    /**
+     * Mousedown or Touchstart event flag.
+     *
+     * @type {boolean}
+     * @defaultvalue false
+     */
+    _mouseOrTouchDown: boolean;
+    /**
+     * Cancel Mouseout flag.
+     *
+     * @type {boolean}
+     * @defaultvalue false
+     */
+    _cancelTouchOut: boolean;
+    /**
+     * Visibility of '24' on Hours clock flag.
+     *
+     * @type {boolean}
+     * @defaultvalue false
+     */
+    _is24HoursVisible: boolean;
+    /**
+     * Calculated selected value of the clock during interactions.
+     *
+     * @type {integer}
+     * @defaultvalue -1
+     */
+    _selectedValue: number;
+    /**
+     * Selected value of the clock during interactions.
+     *
+     * @type {integer}
+     * @defaultvalue -1
+     */
+    _movSelectedValue: number;
+    /**
+     * Hovered value of the clock during interactions.
+     *
+     * @type {integer}
+     * @defaultvalue -1
+     */
+    _hoveredValue: number;
+    /**
+     * Previously hovered value of the clock during interactions.
+     *
+     * @type {integer}
+     * @defaultvalue -1
+     */
+    _prevHoveredValue: number;
+    /**
+     * Animation in progress flag.
+     *
+     * @type {boolean}
+     * @defaultvalue false
+     */
+    _animationInProgress: boolean;
+    /**
+     * Stores the ID of the long touch timeout.
+     *
+     * @type {integer}
+     * @defaultvalue -1
+     */
+    _longTouchId: number;
+    _fnOnMouseOutUp: () => void;
+    constructor();
+    get classes(): ClassMap;
+    onEnterDOM(): void;
+    onExitDOM(): void;
+    onBeforeRendering(): void;
+    /**
+     * Returns the real value of the passed clock item, if the replacement must be done, returns the replaced value.
+     *
+     * @param {number} value The value of the clock item
+     * @returns {number} The real/replaced value
+     */
+    _fixReplacementValue(value: number): number;
+    /**
+     * Updates internal selected value object constructed for rendering purposes.
+     *
+     * @param {number} value currently selected value.
+     */
+    _updateSelectedValueObject(value: number): void;
+    /**
+     * Prepares clock items objects according to current clock settings. Item objects are used for rendering purposes.
+     */
+    _prepareClockItems(): void;
+    /**
+     * Returns the DOM Reference of the clock cover element
+     *
+     * @returns {HTMLElement} the DOM Reference
+     */
+    _getClockCoverContainerDomRef(): Element | null | undefined;
+    /**
+     * Returns the real max value of clock items, taking in count if there is inner circle or not.
+     *
+     * @returns {number} max value
+     */
+    _getMaxValue(): number;
+    /**
+     * Returns the visibility of '24' hour value as a last clock item.
+     *
+     * @returns {boolean} Visibility of the '24' hour value
+     */
+    _get24HoursVisible(): boolean;
+    /**
+     * Sets the visibility of '24' hour
+     *
+     * @param {boolean} isVisible visibility of the '24' hour item.
+     */
+    _set24HoursVisible(isVisible: boolean): void;
+    /**
+     * Calculates the outer height of a HTML element.
+     *
+     * @param {HTMLElement} element The element which outer height to be calculated
+     * @returns {number} Outer height of the passed HTML element
+     */
+    _outerHeight(element: HTMLElement): number;
+    /**
+     * Returns the Id of the DOM element of the clock item that display specific value.
+     *
+     * @param {number} value The value of the clock item
+     * @returns {string} Id of the clock item element
+     */
+    _hoveredId(value: number): string;
+    /**
+     * Returns provided value as string. Padding with additional zero is applied if necessary.
+     *
+     * @param {number} value The value that should be returned as string
+     * @returns {string} The value as string
+     */
+    _getStringValue(value: number): string;
+    /**
+     * Calculates dimension variables necessary for determining of item selection.
+     *
+     * @returns {TimePickerClockDimensions} Dimensions object
+     */
+    _calculateDimensions(): void;
+    /**
+     * Calculates selected and hovered values based on click/touch position.
+     *
+     * @param {number} x X position of click/touch returned by the event
+     * @param {number} y Y position of click/touch returned by the event
+     */
+    _calculatePosition(x: number, y: number): void;
+    /**
+     * Clears the currently existing long touch period and starts new one if requested.
+     */
+    _resetLongTouch(): void;
+    /**
+     * Starts new long touch period.
+     */
+    _startLongTouch(): void;
+    /**
+     * Does the animation between the old and the new value of the clock. Can be skipped with setting the second parameter to true.
+     *
+     * @param {number} newValue the new value that must be set
+     * @param {boolean} skipAnimation whether to skip the animation
+     */
+    _changeValueAnimation(newValue: number, skipAnimation?: boolean): void;
+    /**
+     * Does the animation step between old and new selected values.
+     *
+     * @param {number} firstSelected first/current value to move from
+     * @param {number} lastSelected last value to move to
+     * @param {number} direction direction of the animation
+     * @param {number} maxValue max clock value
+     * @param {number} newValue new value
+     * @param {number} delay delay of the single step
+     */
+    _selectNextNumber(firstSelected: number, lastSelected: number, direction: number, maxValue: number, newValue: number, delay: number): void;
+    /**
+     * Mousewheel handler. Increases/decreases value of the clock.
+     *
+     * @param {boolean} increase whether to increase or decrease the value
+     */
+    _modifyValue(increase: boolean): void;
+    /**
+     * Sets new selected value, fires change event and updates selected value object used for rendering purposes.
+     *
+     * @param {number} value
+     */
+    _setSelectedValue(value: number): void;
+    /**
+     * Toggles 24 and 0 values when a clock has <code>support2400</code> property set.
+     *
+     * @param {boolean} skipSelection Whether to skip the setting of the toggled value
+     * @returns {this} the clock object for chaining
+     */
+    _toggle2400(skipSelection?: boolean): this;
+    /**
+     * TouchStart/MouseDown event handler.
+     *
+     * @param {event} evt Event object
+     */
+    _onTouchStart(evt: Event): void;
+    /**
+     * TouchMove/MouseMove event handler.
+     *
+     * @param {event} evt Event object
+     */
+    _onTouchMove(evt: Event): void;
+    /**
+     * TouchEnd/MouseUp event handler.
+     *
+     * @param {event} evt Event object
+     */
+    _onTouchEnd(evt: Event): void;
+    /**
+     * Mouse Wheel event handler.
+     *
+     * @param {WheelEvent} evt Event object
+     */
+    _onMouseWheel(evt: WheelEvent): void;
+    /**
+     * MouseOut event handler.
+     */
+    _onMouseOut(): void;
+}
+export default TimePickerClock;
+export type { TimePickerClockChangeEventDetail };