Class TimePickerClock

packages/main/src/TimePickerClock.ts:73–619

* @class * * ### Overview * * `ui5-time-picker-clock` allows selecting of hours,minutes or seconds (depending on property set). * The component supports interactions with mouse, touch and mouse wheel. * The step for displaying or selecting of items can be configured. * * `ui5-time-picker-clo

 * @private
 */
@customElement({
	tag: "ui5-time-picker-clock",
	renderer: jsxRenderer,
	styles: TimePickerClockCss,
	template: TimePickerClockTemplate,
})

/**
 * Fired when a value of clock is changed.
 * @param { integer } value The new `value` of the clock.
 * @param { string } stringValue The new `value` of the clock, as string, zero-prepended when necessary.
 * @param { boolean } finalChange `true` when a value is selected and confirmed, `false` when a value is only selected but not confirmed.
 */
@event("change", {
	bubbles: true,
})

class TimePickerClock extends UI5Element {
	eventDetails!: {
		change: TimePickerClockChangeEventDetail,
	};

	/**
	 * Determines whether the component is displayed as disabled.
	 * @default false
	 */
	@property({ type: Boolean })
	disabled = false;

	/**
	 * Determines whether the component is active (visible).
	 * @default false
	 */
	@property({ type: Boolean })
	active = false;

	/**
	 * Minimum item value for the circle of the clock.
	 * @default -1
	 */
	@property({ type: Number })
	itemMin = -1;

	/**
	 * Maximum item value for the circle of the clock.
	 * @default -1
	 */
	@property({ type: Number })
	itemMax = -1;

	/**
	 * Label of the clock dial - for example, 'Hours', 'Minutes', or 'Seconds'.
	 * @default undefined
	 */
	@property()
	label?: string;

	/**