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

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

@@ -10,9 +10,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
   _getTodayUTCTimestamp = _interopRequireDefault(_getTodayUTCTimestamp);
   _DateRangePicker = _interopRequireDefault(_DateRangePicker);
   _DatePicker = _interopRequireDefault(_DatePicker);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Styles
 
   /**
@@ -20,9 +18,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
    */
   const metadata = {
     tag: "ui5-daterange-picker",
-    properties:
-    /** @lends sap.ui.webcomponents.main.DateRangePicker.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.DateRangePicker.prototype */{
       /**
        * Determines the symbol which separates the dates.
        * If not supplied, the default time interval delimiter for the current locale will be used.
@@ -34,7 +30,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
         type: String,
         defaultValue: "-"
       },
-
       /**
        * The first date in the range during selection (this is a temporary value, not the first date in the value range)
        * @private
@@ -44,6 +39,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
       }
     }
   };
+
   /**
    * @class
    *
@@ -83,20 +79,18 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
    * @since 1.0.0-rc.8
    * @public
    */
-
   class DateRangePicker extends _DatePicker.default {
     static get metadata() {
       return metadata;
     }
-
     static get styles() {
       return [_DatePicker.default.styles, _DateRangePicker.default];
     }
-
     constructor() {
       super();
       this._prevDelimiter = null;
     }
+
     /**
      * <b>Note:</b> The getter method is inherited and not supported. If called it will return an empty value.
      *
@@ -104,11 +98,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
      * @type { Date }
      * @public
      */
-
-
     get dateValue() {
       return null;
     }
+
     /**
      * <b>Note:</b> The getter method is inherited and not supported. If called it will return an empty value.
      *
@@ -116,58 +109,49 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
      * @type { Date }
      * @public
      */
-
-
     get dateValueUTC() {
       return null;
     }
-
     get _startDateTimestamp() {
       return this._extractFirstTimestamp(this.value);
     }
-
     get _endDateTimestamp() {
       return this._extractLastTimestamp(this.value);
     }
-
     get _tempTimestamp() {
       return this._tempValue && this.getFormat().parse(this._tempValue, true).getTime() / 1000;
     }
+
     /**
      * Required by DatePicker.js
      * @override
      */
-
-
     get _calendarSelectionMode() {
       return "Range";
     }
+
     /**
      * Required by DatePicker.js - set the calendar focus on the first selected date (or today if not set)
      * @override
      */
-
-
     get _calendarTimestamp() {
       return this._tempTimestamp || this._startDateTimestamp || (0, _getTodayUTCTimestamp.default)(this._primaryCalendarType);
     }
+
     /**
      * Required by DatePicker.js
      * @override
      */
-
-
     get _calendarSelectedDates() {
       if (this._tempValue) {
         return [this._tempValue];
       }
-
       if (this.value && this._checkValueValidity(this.value)) {
         return this._splitValueByDelimiter(this.value);
       }
-
       return [];
     }
+
     /**
      * Returns the start date of the currently selected range as JavaScript Date instance.
      *
@@ -175,11 +159,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
      * @type { Date }
      * @public
      */
-
-
     get startDateValue() {
       return _CalendarDate.default.fromTimestamp(this._startDateTimestamp * 1000).toLocalJSDate();
     }
+
     /**
      * Returns the end date of the currently selected range as JavaScript Date instance.
      *
@@ -187,148 +170,116 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
      * @type { Date }
      * @public
      */
-
-
     get endDateValue() {
       return _CalendarDate.default.fromTimestamp(this._endDateTimestamp * 1000).toLocalJSDate();
     }
+
     /**
      * @override
      */
-
-
     get _placeholder() {
       return this.placeholder !== undefined ? this.placeholder : `${this._displayFormat} ${this._effectiveDelimiter} ${this._displayFormat}`;
     }
-
     get dateAriaDescription() {
       return DateRangePicker.i18nBundle.getText(_i18nDefaults.DATERANGE_DESCRIPTION);
     }
+
     /**
      * @override
      */
-
-
     async _onInputSubmit(event) {
       const input = this._getInput();
-
       const caretPos = input.getCaretPosition();
       await (0, _Render.renderFinished)();
       input.setCaretPosition(caretPos); // Return the caret on the previous position after rendering
     }
+
     /**
      * @override
      */
-
-
     onResponsivePopoverAfterClose() {
       this._tempValue = ""; // reset _tempValue on popover close
-
       super.onResponsivePopoverAfterClose();
     }
+
     /**
      * @override
      */
-
-
     isValid(value) {
       const parts = this._splitValueByDelimiter(value);
-
       return parts.length <= 2 && parts.every(dateString => super.isValid(dateString)); // must be at most 2 dates and each must be valid
     }
+
     /**
      * @override
      */
-
-
     isInValidRange(value) {
       return this._splitValueByDelimiter(value).every(dateString => super.isInValidRange(dateString));
     }
+
     /**
      * Extract both dates as timestamps, flip if necessary, and build (which will use the desired format so we enforce the format too)
      * @override
      */
-
-
     normalizeValue(value) {
       const firstDateTimestamp = this._extractFirstTimestamp(value);
-
       const lastDateTimestamp = this._extractLastTimestamp(value);
-
       if (firstDateTimestamp && lastDateTimestamp && firstDateTimestamp > lastDateTimestamp) {
         // if both are timestamps (not undefined), flip if necessary
         return this._buildValue(lastDateTimestamp, firstDateTimestamp);
       }
-
       return this._buildValue(firstDateTimestamp, lastDateTimestamp);
     }
+
     /**
      * @override
      */
-
-
     onSelectedDatesChange(event) {
       event.preventDefault(); // never let the calendar update its own dates, the parent component controls them
-
       const values = event.detail.values;
-
       if (values.length === 0) {
         return;
       }
-
       if (values.length === 1) {
         // Do nothing until the user selects 2 dates, we don't change any state at all for one date
         this._tempValue = values[0];
         return;
       }
-
       const newValue = this._buildValue(...event.detail.dates); // the value will be normalized so we don't need to order them here
-
-
       this._updateValueAndFireEvents(newValue, true, ["change", "value-changed"]);
-
       this.closePicker();
     }
+
     /**
      * @override
      */
-
-
     async _modifyDateValue(amount, unit) {
       if (!this._endDateTimestamp) {
         // If empty or only one date -> treat as datepicker entirely
         return super._modifyDateValue(amount, unit);
       }
-
       const input = this._getInput();
-
       let caretPos = input.getCaretPosition();
       let newValue;
-
       if (caretPos <= this.value.indexOf(this._effectiveDelimiter)) {
         // The user is focusing the first date -> change it and keep the seoond date
         const startDateModified = (0, _modifyDateBy.default)(_CalendarDate.default.fromTimestamp(this._startDateTimestamp * 1000), amount, unit, this._minDate, this._maxDate);
         const newStartDateTimestamp = startDateModified.valueOf() / 1000;
-
         if (newStartDateTimestamp > this._endDateTimestamp) {
           // dates flipped -> move the caret to the same position but on the last date
           caretPos += Math.ceil(this.value.length / 2);
         }
-
         newValue = this._buildValue(newStartDateTimestamp, this._endDateTimestamp); // the value will be normalized so we don't try to order them here
       } else {
         const endDateModified = (0, _modifyDateBy.default)(_CalendarDate.default.fromTimestamp(this._endDateTimestamp * 1000), amount, unit, this._minDate, this._maxDate);
         const newEndDateTimestamp = endDateModified.valueOf() / 1000;
         newValue = this._buildValue(this._startDateTimestamp, newEndDateTimestamp); // the value will be normalized so we don't try to order them here
-
         if (newEndDateTimestamp < this._startDateTimestamp) {
           // dates flipped -> move the caret to the same position but on the first date
           caretPos -= Math.ceil(this.value.length / 2);
         }
       }
-
       this._updateValueAndFireEvents(newValue, true, ["change", "value-changed"]);
-
       await (0, _Render.renderFinished)();
       input.setCaretPosition(caretPos); // Return the caret to the previous (or the adjusted, if dates flipped) position after rendering
     }
@@ -344,67 +295,51 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
       valuesArray[1] = partsArray.slice(partsArray.length / 2).join(this._effectiveDelimiter);
       return valuesArray;
     }
+
     /**
      * Returns a UTC timestamp, representing the first date in the value string or undefined if the value is empty
      * @private
      */
-
-
     _extractFirstTimestamp(value) {
       if (!value || !this._checkValueValidity(value)) {
         return undefined;
       }
-
       const dateStrings = this._splitValueByDelimiter(value); // at least one item guaranteed due to the checks above (non-empty and valid)
-
-
       return this.getFormat().parse(dateStrings[0], true).getTime() / 1000;
     }
+
     /**
      * Returns a UTC timestamp, representing the last date in the value string or undefined if the value is empty or there is just one date
      * @private
      */
-
-
     _extractLastTimestamp(value) {
       if (!value || !this._checkValueValidity(value)) {
         return undefined;
       }
-
       const dateStrings = this._splitValueByDelimiter(value);
-
       if (dateStrings[1]) {
         return this.getFormat().parse(dateStrings[1], true).getTime() / 1000;
       }
-
       return undefined;
     }
+
     /**
      * Builds a string value out of two UTC timestamps - this method is the counterpart to _extractFirstTimestamp/_extractLastTimestamp
      * @private
      */
-
-
     _buildValue(firstDateTimestamp, lastDateTimestamp) {
       this._prevDelimiter = this._effectiveDelimiter;
-
       if (firstDateTimestamp) {
         const firstDateString = this._getStringFromTimestamp(firstDateTimestamp * 1000);
-
         if (!lastDateTimestamp) {
           return firstDateString;
         }
-
         const lastDateString = this._getStringFromTimestamp(lastDateTimestamp * 1000);
-
         return `${firstDateString} ${this._effectiveDelimiter} ${lastDateString}`;
       }
-
       return "";
     }
-
   }
-
   DateRangePicker.define();
   var _default = DateRangePicker;
   _exports.default = _default;