@openui5/sap.ui.webc.main 1.111.0 → 1.112.0

package/src/sap/ui/webc/main/thirdparty/TimePickerBase.js

@@ -20,10 +20,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _TimePicker = _interopRequireDefault(_TimePicker);
   _TimePickerPopover = _interopRequireDefault(_TimePickerPopover);
   _ResponsivePopoverCommon = _interopRequireDefault(_ResponsivePopoverCommon);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // default calendar for bundling
+
   // Styles
 
   /**
@@ -32,9 +31,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   const metadata = {
     languageAware: true,
     managedSlots: true,
-    properties:
-    /** @lends sap.ui.webcomponents.main.TimePickerBase.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.TimePickerBase.prototype */{
       /**
        * Defines a formatted time value.
        *
@@ -46,7 +43,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: String,
         defaultValue: undefined
       },
-
       /**
        * Defines the value state of the <code>ui5-time-picker</code>.
        * <br><br>
@@ -67,7 +63,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _ValueState.default,
         defaultValue: _ValueState.default.None
       },
-
       /**
        * Determines whether the <code>ui5-time-picker</code> is displayed as disabled.
        *
@@ -78,7 +73,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       disabled: {
         type: Boolean
       },
-
       /**
        * Determines whether the <code>ui5-time-picker</code> is displayed as readonly.
        *
@@ -89,7 +83,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       readonly: {
         type: Boolean
       },
-
       /**
        * @private
        */
@@ -98,9 +91,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         noAttribute: true
       }
     },
-    slots:
-    /** @lends sap.ui.webcomponents.main.TimePickerBase.prototype */
-    {
+    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>
@@ -118,9 +109,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: HTMLElement
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.TimePickerBase.prototype */
-    {
+    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.
@@ -129,7 +118,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
        * @public
       */
       change: {},
-
       /**
        * Fired when the value of the <code>ui5-time-picker</code> is changed at each key stroke.
        *
@@ -139,6 +127,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       input: {}
     }
   };
+
   /**
    * @class
    *
@@ -149,118 +138,91 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @public
    * @since 1.0.0-rc.6
    */
-
   class TimePickerBase extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get styles() {
       return _TimePicker.default;
     }
-
     static get staticAreaTemplate() {
       return _TimePickerPopoverTemplate.default;
     }
-
     static get template() {
       return _TimePickerTemplate.default;
     }
-
     static get dependencies() {
       return [_Icon.default, _ResponsivePopover.default, _TimeSelection.default, _Input.default, _Button.default];
     }
-
     static async onDefine() {
       [TimePickerBase.i18nBundle] = await Promise.all([(0, _i18nBundle.getI18nBundle)("@ui5/webcomponents"), (0, _LocaleData.fetchCldr)((0, _getLocale.default)().getLanguage(), (0, _getLocale.default)().getRegion(), (0, _getLocale.default)().getScript())]);
     }
-
     static get staticAreaStyles() {
       return [_ResponsivePopoverCommon.default, _TimePickerPopover.default];
     }
-
     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,
@@ -268,10 +230,8 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         });
       });
     }
-
     _updateValueState() {
       const isValid = this.isValid(this.value);
-
       if (!isValid) {
         // If not valid - always set Error regardless of the current value state
         this.valueState = _ValueState.default.Error;
@@ -280,40 +240,35 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         this.valueState = _ValueState.default.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();
@@ -321,80 +276,62 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         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 ((0, _Keys.isShow)(e)) {
         e.preventDefault();
         this.togglePicker();
       }
-
       if (this.isOpen()) {
         return;
       }
-
       if ((0, _Keys.isPageUpShiftCtrl)(e)) {
         e.preventDefault();
-
         this._modifyValueBy(1, "second");
       } else if ((0, _Keys.isPageUpShift)(e)) {
         e.preventDefault();
-
         this._modifyValueBy(1, "minute");
       } else if ((0, _Keys.isPageUp)(e)) {
         e.preventDefault();
-
         this._modifyValueBy(1, "hour");
       } else if ((0, _Keys.isPageDownShiftCtrl)(e)) {
         e.preventDefault();
-
         this._modifyValueBy(-1, "second");
       } else if ((0, _Keys.isPageDownShift)(e)) {
         e.preventDefault();
-
         this._modifyValueBy(-1, "minute");
       } else if ((0, _Keys.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.default.getInstance({
           pattern: this._formatPattern
@@ -404,9 +341,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           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
@@ -414,11 +351,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
      * @public
      * @returns {string}
      */
-
-
     formatValue(date) {
       return this.getFormat().format(date);
     }
+
     /**
      * Checks if a value is valid against the current <code>formatPattern</code> value.
      *
@@ -428,27 +364,20 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
      * @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") {
@@ -456,11 +385,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       } 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
@@ -468,30 +396,23 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
      *
      * The listener for this event can't be passive as it calls preventDefault()
      */
-
-
     _handleWheel(e) {
       e.preventDefault();
     }
-
     get submitButtonLabel() {
       return TimePickerBase.i18nBundle.getText(_i18nDefaults.TIMEPICKER_SUBMIT_BUTTON);
     }
-
     get cancelButtonLabel() {
       return TimePickerBase.i18nBundle.getText(_i18nDefaults.TIMEPICKER_CANCEL_BUTTON);
     }
+
     /**
      * @protected
      */
-
-
     get openIconName() {
       return "time-entry-request";
     }
-
   }
-
   var _default = TimePickerBase;
   _exports.default = _default;
 });