@ui5/webcomponents 1.9.2 → 1.10.0

package/dist/TimePickerBase.js

@@ -1,4 +1,15 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var TimePickerBase_1;
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import languageAware from "@ui5/webcomponents-base/dist/decorators/languageAware.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import getLocale from "@ui5/webcomponents-base/dist/locale/getLocale.js";
@@ -6,19 +17,7 @@ import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
 import "@ui5/webcomponents-localization/dist/features/calendar/Gregorian.js"; // default calendar for bundling
 import DateFormat from "@ui5/webcomponents-localization/dist/DateFormat.js";
 import { fetchCldr } from "@ui5/webcomponents-base/dist/asset-registries/LocaleData.js";
-import {
-	isShow,
-	isPageUp,
-	isPageDown,
-	isPageUpShift,
-	isPageDownShift,
-	isPageUpShiftCtrl,
-	isPageDownShiftCtrl,
-	isTabNext,
-	isTabPrevious,
-	isF6Next,
-	isF6Previous,
-} from "@ui5/webcomponents-base/dist/Keys.js";
+import { isShow, isPageUp, isPageDown, isPageUpShift, isPageDownShift, isPageUpShiftCtrl, isPageDownShiftCtrl, isTabNext, isTabPrevious, isF6Next, isF6Previous, } from "@ui5/webcomponents-base/dist/Keys.js";
 import "@ui5/webcomponents-icons/dist/time-entry-request.js";
 import Icon from "./Icon.js";
 import ResponsivePopover from "./ResponsivePopover.js";
@@ -27,456 +26,354 @@ import TimePickerPopoverTemplate from "./generated/templates/TimePickerPopoverTe
 import Input from "./Input.js";
 import Button from "./Button.js";
 import TimeSelection from "./TimeSelection.js";
-
-import {
-	TIMEPICKER_SUBMIT_BUTTON,
-	TIMEPICKER_CANCEL_BUTTON,
-} from "./generated/i18n/i18n-defaults.js";
-
+import { TIMEPICKER_SUBMIT_BUTTON, TIMEPICKER_CANCEL_BUTTON,
+// @ts-ignore
+ } from "./generated/i18n/i18n-defaults.js";
 // Styles
 import TimePickerCss from "./generated/themes/TimePicker.css.js";
 import TimePickerPopoverCss from "./generated/themes/TimePickerPopover.css.js";
 import ResponsivePopoverCommonCss from "./generated/themes/ResponsivePopoverCommon.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	languageAware: true,
-	managedSlots: true,
-	properties: /** @lends sap.ui.webcomponents.main.TimePickerBase.prototype */ {
-		/**
-		 * Defines a formatted time value.
-		 *
-		 * @type {string}
-		 * @defaultvalue undefined
-		 * @formEvents change input
-		 * @formProperty
-		 * @public
-		 */
-		value: {
-			type: String,
-			defaultValue: undefined,
-		},
-
-		/**
-		 * Defines the value state of the <code>ui5-time-picker</code>.
-		 * <br><br>
-		 * Available options are:
-		 * <ul>
-		 * <li><code>None</code></li>
-		 * <li><code>Error</code></li>
-		 * <li><code>Warning</code></li>
-		 * <li><code>Success</code></li>
-		 * <li><code>Information</code></li>
-		 * </ul>
-		 *
-		 * @type {sap.ui.webcomponents.base.types.ValueState}
-		 * @defaultvalue "None"
-		 * @public
-		 */
-		valueState: {
-			type: ValueState,
-			defaultValue: ValueState.None,
-		},
-
-		/**
-		 * Determines whether the <code>ui5-time-picker</code> is displayed as disabled.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		disabled: {
-			type: Boolean,
-		},
-
-		/**
-		 * Determines whether the <code>ui5-time-picker</code> is displayed as readonly.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		readonly: {
-			type: Boolean,
-		},
-
-		/**
-		 * @private
-		 */
-		_isPickerOpen: {
-			type: Boolean,
-			noAttribute: true,
-		},
-	},
-	slots: /** @lends sap.ui.webcomponents.main.TimePickerBase.prototype */ {
-		/**
-		 * Defines the value state message that will be displayed as pop up under the <code>ui5-time-picker</code>.
-		 * <br><br>
-		 *
-		 * <b>Note:</b> If not specified, a default text (in the respective language) will be displayed.
-		 * <br>
-		 * <b>Note:</b> The <code>valueStateMessage</code> would be displayed,
-		 * when the <code>ui5-time-picker</code> is in <code>Information</code>, <code>Warning</code> or <code>Error</code> value state.
-		 * @type {HTMLElement}
-		 * @since 1.0.0-rc.8
-		 * @slot
-		 * @public
-		 */
-		valueStateMessage: {
-			type: HTMLElement,
-		},
-	},
-	events: /** @lends sap.ui.webcomponents.main.TimePickerBase.prototype */ {
-		/**
-		 * Fired when the input operation has finished by clicking the "OK" button or
-		 * when the text in the input field has changed and the focus leaves the input field.
-		 *
-		 * @event
-		 * @public
-		*/
-		change: {},
-		/**
-		 * Fired when the value of the <code>ui5-time-picker</code> is changed at each key stroke.
-		 *
-		 * @event
-		 * @public
-		*/
-		input: {},
-	},
-};
-
 /**
  * @class
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.TimePickerBase
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.main.TimePickerBase
+ * @extends sap.ui.webc.base.UI5Element
  * @public
  * @since 1.0.0-rc.6
  */
-class TimePickerBase extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get styles() {
-		return TimePickerCss;
-	}
-
-	static get staticAreaTemplate() {
-		return TimePickerPopoverTemplate;
-	}
-
-	static get template() {
-		return TimePickerTemplate;
-	}
-
-	static get dependencies() {
-		return [
-			Icon,
-			ResponsivePopover,
-			TimeSelection,
-			Input,
-			Button,
-		];
-	}
-
-	static async onDefine() {
-		[TimePickerBase.i18nBundle] = await Promise.all([
-			getI18nBundle("@ui5/webcomponents"),
-			fetchCldr(getLocale().getLanguage(), getLocale().getRegion(), getLocale().getScript()),
-		]);
-	}
-
-	static get staticAreaStyles() {
-		return [ResponsivePopoverCommonCss, TimePickerPopoverCss];
-	}
-
-	constructor() {
-		super();
-	}
-
-	/**
-	 * @abstract
-	 * @protected
-	 */
-	get _placeholder() {
-		return undefined;
-	}
-
-	/**
-	 * @abstract
-	 * @protected
-	 */
-	get _formatPattern() {
-		return undefined;
-	}
-
-	get _effectiveValue() {
-		return this.value;
-	}
-
-	get _timeSelectionValue() {
-		return this.tempValue;
-	}
-
-	onTimeSelectionChange(event) {
-		this.tempValue = event.detail.value; // every time the user changes the sliders -> update tempValue
-	}
-
-	submitPickers() {
-		this._updateValueAndFireEvents(this.tempValue, true, ["change", "value-changed"]);
-		this.closePicker();
-	}
-
-	onResponsivePopoverAfterClose() {
-		this._isPickerOpen = false;
-	}
-
-	async _handleInputClick() {
-		if (this._isPickerOpen) {
-			return;
-		}
-
-		const inputField = await this._getInputField();
-
-		if (inputField) {
-			inputField.select();
-		}
-	}
-
-	_updateValueAndFireEvents(value, normalizeValue, events) {
-		if (value === this.value) {
-			return;
-		}
-
-		const valid = this.isValid(value);
-		if (valid && normalizeValue) {
-			value = this.normalizeValue(value); // transform valid values (in any format) to the correct format
-		}
-
-		if (!events.includes("input")) {
-			this.value = ""; // Do not remove! DurationPicker 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 ""
-			this.value = value;
-		}
-		this.tempValue = value; // if the picker is open, sync it
-		this._updateValueState(); // Change the value state to Error/None, but only if needed
-		events.forEach(event => {
-			this.fireEvent(event, { value, valid });
-		});
-	}
-
-	_updateValueState() {
-		const isValid = this.isValid(this.value);
-		if (!isValid) { // If not valid - always set Error regardless of the current value state
-			this.valueState = ValueState.Error;
-		} else if (isValid && this.valueState === ValueState.Error) { // However if valid, change only Error (but not the others) to None
-			this.valueState = ValueState.None;
-		}
-	}
-
-	async _handleInputChange(event) {
-		this._updateValueAndFireEvents(event.target.value, true, ["change", "value-changed"]);
-	}
-
-	async _handleInputLiveChange(event) {
-		this._updateValueAndFireEvents(event.target.value, false, ["input"]);
-	}
-
-	/**
-	 * Closes the picker
-	 * @public
-	 */
-	async closePicker() {
-		const responsivePopover = await this._getPopover();
-		responsivePopover.close();
-		this._isPickerOpen = false;
-	}
-
-	/**
-	 * Opens the picker.
-	 * @async
-	 * @public
-	 * @returns {Promise} Resolves when the picker is open
-	 */
-	async openPicker() {
-		this.tempValue = this.value && this.isValid(this.value) ? this.value : this.getFormat().format(new Date());
-		const responsivePopover = await this._getPopover();
-		responsivePopover.showAt(this);
-		this._isPickerOpen = true;
-	}
-
-	togglePicker() {
-		if (this.isOpen()) {
-			this.closePicker();
-		} else if (this._canOpenPicker()) {
-			this.openPicker();
-		}
-	}
-
-	/**
-	 * Checks if the picker is open
-	 * @public
-	 * @returns {boolean}
-	 */
-	isOpen() {
-		return !!this._isPickerOpen;
-	}
-
-	_canOpenPicker() {
-		return !this.disabled && !this.readonly;
-	}
-
-	async _getPopover() {
-		const staticAreaItem = await this.getStaticAreaItemDomRef();
-		return staticAreaItem.querySelector("[ui5-responsive-popover]");
-	}
-
-	_getInput() {
-		return this.shadowRoot.querySelector("[ui5-input]");
-	}
-
-	_getInputField() {
-		const input = this._getInput();
-		return input && input.getInputDOMRef();
-	}
-
-	_onkeydown(e) {
-		if (isShow(e)) {
-			e.preventDefault();
-			this.togglePicker();
-		}
-
-		if ((this._getInput().isEqualNode(e.target) && this.isOpen()) && (isTabNext(e) || isTabPrevious(e) || isF6Next(e) || isF6Previous(e))) {
-			this.closePicker();
-		}
-
-		if (this.isOpen()) {
-			return;
-		}
-
-		if (isPageUpShiftCtrl(e)) {
-			e.preventDefault();
-			this._modifyValueBy(1, "second");
-		} else if (isPageUpShift(e)) {
-			e.preventDefault();
-			this._modifyValueBy(1, "minute");
-		} else if (isPageUp(e)) {
-			e.preventDefault();
-			this._modifyValueBy(1, "hour");
-		} else if (isPageDownShiftCtrl(e)) {
-			e.preventDefault();
-			this._modifyValueBy(-1, "second");
-		} else if (isPageDownShift(e)) {
-			e.preventDefault();
-			this._modifyValueBy(-1, "minute");
-		} else if (isPageDown(e)) {
-			e.preventDefault();
-			this._modifyValueBy(-1, "hour");
-		}
-	}
-
-	get _isPattern() {
-		return this._formatPattern !== "medium" && this._formatPattern !== "short" && this._formatPattern !== "long";
-	}
-
-	getFormat() {
-		let dateFormat;
-		if (this._isPattern) {
-			dateFormat = DateFormat.getInstance({
-				pattern: this._formatPattern,
-			});
-		} else {
-			dateFormat = DateFormat.getInstance({
-				style: this._formatPattern,
-			});
-		}
-
-		return dateFormat;
-	}
-
-	/**
-	 * Formats a Java Script date object into a string representing a locale date and time
-	 * according to the <code>formatPattern</code> property of the TimePicker instance
-	 * @param {object} date A Java Script date object to be formatted as string
-	 * @public
-	 * @returns {string}
-	 */
-	formatValue(date) {
-		return this.getFormat().format(date);
-	}
-
-	/**
-	 * Checks if a value is valid against the current <code>formatPattern</code> value.
-	 *
-	 * <br><br>
-	 * <b>Note:</b> an empty string is considered as valid value.
-	 * @param {string} value The value to be tested against the current date format
-	 * @public
-	 * @returns {boolean}
-	 */
-	isValid(value) {
-		return value === "" || this.getFormat().parse(value);
-	}
-
-	normalizeValue(value) {
-		if (value === "") {
-			return value;
-		}
-
-		return this.getFormat().format(this.getFormat().parse(value));
-	}
-
-	_modifyValueBy(amount, unit) {
-		const date = this.getFormat().parse(this._effectiveValue);
-		if (!date) {
-			return;
-		}
-
-		if (unit === "hour") {
-			date.setHours(date.getHours() + amount);
-		} else if (unit === "minute") {
-			date.setMinutes(date.getMinutes() + amount);
-		} else if (unit === "second") {
-			date.setSeconds(date.getSeconds() + amount);
-		}
-
-		const newValue = this.formatValue(date);
-		this._updateValueAndFireEvents(newValue, true, ["change", "value-changed"]);
-	}
-
-	/**
-	 *
-	 * @param {event} e Wheel Event
-	 * @private
-	 *
-	 * The listener for this event can't be passive as it calls preventDefault()
-	 */
-	_handleWheel(e) {
-		e.preventDefault();
-	}
-
-	get submitButtonLabel() {
-		return TimePickerBase.i18nBundle.getText(TIMEPICKER_SUBMIT_BUTTON);
-	}
-
-	get cancelButtonLabel() {
-		return TimePickerBase.i18nBundle.getText(TIMEPICKER_CANCEL_BUTTON);
-	}
-
-	/**
-	 * @protected
-	 */
-	get openIconName() {
-		return "time-entry-request";
-	}
-}
-
+let TimePickerBase = TimePickerBase_1 = class TimePickerBase extends UI5Element {
+    static get render() {
+        return litRender;
+    }
+    static get styles() {
+        return TimePickerCss;
+    }
+    static get staticAreaTemplate() {
+        return TimePickerPopoverTemplate;
+    }
+    static get template() {
+        return TimePickerTemplate;
+    }
+    static get dependencies() {
+        return [
+            Icon,
+            ResponsivePopover,
+            TimeSelection,
+            Input,
+            Button,
+        ];
+    }
+    static async onDefine() {
+        [TimePickerBase_1.i18nBundle] = await Promise.all([
+            getI18nBundle("@ui5/webcomponents"),
+            fetchCldr(getLocale().getLanguage(), getLocale().getRegion(), getLocale().getScript()),
+        ]);
+    }
+    static get staticAreaStyles() {
+        return [ResponsivePopoverCommonCss, TimePickerPopoverCss];
+    }
+    constructor() {
+        super();
+    }
+    /**
+     * @abstract
+     * @protected
+     */
+    get _placeholder() {
+        return undefined;
+    }
+    /**
+     * @abstract
+     * @protected
+     */
+    get _formatPattern() {
+        return undefined;
+    }
+    get _effectiveValue() {
+        return this.value;
+    }
+    get _timeSelectionValue() {
+        return this.tempValue;
+    }
+    onTimeSelectionChange(e) {
+        this.tempValue = e.detail.value; // every time the user changes the sliders -> update tempValue
+    }
+    submitPickers() {
+        this._updateValueAndFireEvents(this.tempValue, true, ["change", "value-changed"]);
+        this.closePicker();
+    }
+    onResponsivePopoverAfterClose() {
+        this._isPickerOpen = false;
+    }
+    async _handleInputClick() {
+        if (this._isPickerOpen) {
+            return;
+        }
+        const inputField = await this._getInputField();
+        if (inputField) {
+            inputField.select();
+        }
+    }
+    _updateValueAndFireEvents(value, normalizeValue, eventsNames) {
+        if (value === this.value) {
+            return;
+        }
+        const valid = this.isValid(value);
+        if (value !== undefined && valid && normalizeValue) { // if value === undefined, valid is guaranteed to be falsy
+            value = this.normalizeValue(value); // transform valid values (in any format) to the correct format
+        }
+        if (!eventsNames.includes("input")) {
+            this.value = ""; // Do not remove! DurationPicker 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 ""
+            this.value = value;
+        }
+        this.tempValue = value; // if the picker is open, sync it
+        this._updateValueState(); // Change the value state to Error/None, but only if needed
+        eventsNames.forEach(eventName => {
+            this.fireEvent(eventName, { value, valid });
+        });
+    }
+    _updateValueState() {
+        const isValid = this.isValid(this.value);
+        if (!isValid) { // If not valid - always set Error regardless of the current value state
+            this.valueState = ValueState.Error;
+        }
+        else if (isValid && this.valueState === ValueState.Error) { // However if valid, change only Error (but not the others) to None
+            this.valueState = ValueState.None;
+        }
+    }
+    _handleInputChange(e) {
+        const target = e.target;
+        this._updateValueAndFireEvents(target.value, true, ["change", "value-changed"]);
+    }
+    _handleInputLiveChange(e) {
+        const target = e.target;
+        this._updateValueAndFireEvents(target.value, false, ["input"]);
+    }
+    /**
+     * Closes the picker
+     * @public
+     * @method
+     * @name sap.ui.webc.main.TimePickerBase#closePicker
+     */
+    async closePicker() {
+        const responsivePopover = await this._getPopover();
+        responsivePopover.close();
+        this._isPickerOpen = false;
+    }
+    /**
+     * Opens the picker.
+     * @async
+     * @public
+     * @method
+     * @name sap.ui.webc.main.TimePickerBase#openPicker
+     * @returns {Promise} Resolves when the picker is open
+     */
+    async openPicker() {
+        this.tempValue = this.value && this.isValid(this.value) ? this.value : this.getFormat().format(new Date());
+        const responsivePopover = await this._getPopover();
+        responsivePopover.showAt(this);
+        this._isPickerOpen = true;
+    }
+    togglePicker() {
+        if (this.isOpen()) {
+            this.closePicker();
+        }
+        else if (this._canOpenPicker()) {
+            this.openPicker();
+        }
+    }
+    /**
+     * Checks if the picker is open
+     * @public
+     * @method
+     * @name sap.ui.webc.main.TimePickerBase#isOpen
+     * @returns {boolean}
+     */
+    isOpen() {
+        return !!this._isPickerOpen;
+    }
+    _canOpenPicker() {
+        return !this.disabled && !this.readonly;
+    }
+    async _getPopover() {
+        const staticAreaItem = await this.getStaticAreaItemDomRef();
+        return staticAreaItem.querySelector("[ui5-responsive-popover]");
+    }
+    _getInput() {
+        return this.shadowRoot.querySelector("[ui5-input]");
+    }
+    _getInputField() {
+        const input = this._getInput();
+        return input && input.getInputDOMRef();
+    }
+    _onkeydown(e) {
+        if (isShow(e)) {
+            e.preventDefault();
+            this.togglePicker();
+        }
+        const target = e.target;
+        if ((this._getInput().isEqualNode(target) && this.isOpen()) && (isTabNext(e) || isTabPrevious(e) || isF6Next(e) || isF6Previous(e))) {
+            this.closePicker();
+        }
+        if (this.isOpen()) {
+            return;
+        }
+        if (isPageUpShiftCtrl(e)) {
+            e.preventDefault();
+            this._modifyValueBy(1, "second");
+        }
+        else if (isPageUpShift(e)) {
+            e.preventDefault();
+            this._modifyValueBy(1, "minute");
+        }
+        else if (isPageUp(e)) {
+            e.preventDefault();
+            this._modifyValueBy(1, "hour");
+        }
+        else if (isPageDownShiftCtrl(e)) {
+            e.preventDefault();
+            this._modifyValueBy(-1, "second");
+        }
+        else if (isPageDownShift(e)) {
+            e.preventDefault();
+            this._modifyValueBy(-1, "minute");
+        }
+        else if (isPageDown(e)) {
+            e.preventDefault();
+            this._modifyValueBy(-1, "hour");
+        }
+    }
+    get _isPattern() {
+        return this._formatPattern !== "medium" && this._formatPattern !== "short" && this._formatPattern !== "long";
+    }
+    getFormat() {
+        let dateFormat;
+        if (this._isPattern) {
+            dateFormat = DateFormat.getDateInstance({
+                pattern: this._formatPattern,
+            });
+        }
+        else {
+            dateFormat = DateFormat.getDateInstance({
+                style: this._formatPattern,
+            });
+        }
+        return dateFormat;
+    }
+    /**
+     * Formats a Java Script date object into a string representing a locale date and time
+     * according to the <code>formatPattern</code> property of the TimePicker instance
+     * @param {object} date A Java Script date object to be formatted as string
+     * @public
+     * @method
+     * @name sap.ui.webc.main.TimePickerBase#formatValue
+     * @returns {string}
+     */
+    formatValue(date) {
+        return this.getFormat().format(date);
+    }
+    /**
+     * Checks if a value is valid against the current <code>formatPattern</code> value.
+     *
+     * <br><br>
+     * <b>Note:</b> an empty string is considered as valid value.
+     * @param {string} value The value to be tested against the current date format
+     * @public
+     * @method
+     * @name sap.ui.webc.main.TimePickerBase#isValid
+     * @returns {boolean}
+     */
+    isValid(value) {
+        if (value === "") {
+            return true;
+        }
+        return !!this.getFormat().parse(value, undefined, undefined);
+    }
+    normalizeValue(value) {
+        if (value === "") {
+            return value;
+        }
+        return this.getFormat().format(this.getFormat().parse(value, undefined, undefined));
+    }
+    _modifyValueBy(amount, unit) {
+        const date = this.getFormat().parse(this._effectiveValue, undefined, undefined);
+        if (!date) {
+            return;
+        }
+        if (unit === "hour") {
+            date.setHours(date.getHours() + amount);
+        }
+        else if (unit === "minute") {
+            date.setMinutes(date.getMinutes() + amount);
+        }
+        else if (unit === "second") {
+            date.setSeconds(date.getSeconds() + amount);
+        }
+        const newValue = this.formatValue(date);
+        this._updateValueAndFireEvents(newValue, true, ["change", "value-changed"]);
+    }
+    /**
+     *
+     * @param {event} e Wheel Event
+     * @private
+     *
+     * The listener for this event can't be passive as it calls preventDefault()
+     */
+    _handleWheel(e) {
+        e.preventDefault();
+    }
+    get submitButtonLabel() {
+        return TimePickerBase_1.i18nBundle.getText(TIMEPICKER_SUBMIT_BUTTON);
+    }
+    get cancelButtonLabel() {
+        return TimePickerBase_1.i18nBundle.getText(TIMEPICKER_CANCEL_BUTTON);
+    }
+    /**
+     * @protected
+     */
+    get openIconName() {
+        return "time-entry-request";
+    }
+};
+__decorate([
+    property({ defaultValue: undefined })
+], TimePickerBase.prototype, "value", void 0);
+__decorate([
+    property({ type: ValueState, defaultValue: ValueState.None })
+], TimePickerBase.prototype, "valueState", void 0);
+__decorate([
+    property({ type: Boolean })
+], TimePickerBase.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], TimePickerBase.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], TimePickerBase.prototype, "_isPickerOpen", void 0);
+__decorate([
+    slot()
+], TimePickerBase.prototype, "valueStateMessage", void 0);
+TimePickerBase = TimePickerBase_1 = __decorate([
+    languageAware
+    /**
+     * Fired when the input operation has finished by clicking the "OK" button or
+     * when the text in the input field has changed and the focus leaves the input field.
+     *
+     * @event sap.ui.webc.main.TimePickerBase#change
+     * @public
+     */
+    ,
+    event("change")
+    /**
+     * Fired when the value of the <code>ui5-time-picker</code> is changed at each key stroke.
+     *
+     * @event sap.ui.webc.main.TimePickerBase#input
+     * @public
+     */
+    ,
+    event("input")
+], TimePickerBase);
 export default TimePickerBase;
+//# sourceMappingURL=TimePickerBase.js.map