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

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

@@ -15,17 +15,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
   _CalendarPart = _interopRequireDefault(_CalendarPart);
   _DayPickerTemplate = _interopRequireDefault(_DayPickerTemplate);
   _DayPicker = _interopRequireDefault(_DayPicker);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   /**
    * @public
    */
   const metadata = {
     tag: "ui5-daypicker",
-    properties:
-    /** @lends sap.ui.webcomponents.main.DayPicker.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.DayPicker.prototype */{
       /**
        * An array of UTC timestamps representing the selected date or dates depending on the capabilities of the picker component.
        * @type {Array}
@@ -36,7 +32,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
         multiple: true,
         compareValues: true
       },
-
       /**
        * Defines the type of selection used in the day picker component.
        * Accepted property values are:<br>
@@ -53,7 +48,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
         type: _CalendarSelectionMode.default,
         defaultValue: _CalendarSelectionMode.default.Single
       },
-
       /**
        * Defines the visibility of the week numbers column.
        * <br><br>
@@ -69,7 +63,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
       hideWeekNumbers: {
         type: Boolean
       },
-
       /**
        * @type {Object}
        * @private
@@ -82,7 +75,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
         type: Object,
         multiple: true
       },
-
       /**
        * When set, the component will skip all work in onBeforeRendering and will not automatically set the focus on itself
        * @type {boolean}
@@ -92,7 +84,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
         type: Boolean,
         noAttribute: true
       },
-
       /**
        * When selectionMode="Range" and the first day in the range is selected, this is the currently hovered (when using mouse) or focused (when using keyboard) day by the user
        * @private
@@ -101,16 +92,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
         type: String
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.DayPicker.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.main.DayPicker.prototype */{
       /**
        * Fired when the selected date(s) change
        * @public
        * @event
        */
       change: {},
-
       /**
        * Fired when the timestamp changes (user navigates with the keyboard) or clicks with the mouse
        * @public
@@ -119,10 +107,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
       navigate: {}
     }
   };
-
   const isBetween = (x, num1, num2) => x > Math.min(num1, num2) && x < Math.max(num1, num2);
-
   const DAYS_IN_WEEK = 7;
+
   /**
    * @class
    *
@@ -135,84 +122,59 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
    * @tagname ui5-daypicker
    * @public
    */
-
   class DayPicker extends _CalendarPart.default {
     static get metadata() {
       return metadata;
     }
-
     static get template() {
       return _DayPickerTemplate.default;
     }
-
     static get styles() {
       return _DayPicker.default;
     }
-
     onBeforeRendering() {
       const localeData = (0, _getCachedLocaleDataInstance.default)((0, _getLocale.default)());
-
       this._buildWeeks(localeData);
-
       this._buildDayNames(localeData);
     }
+
     /**
      * Builds the _weeks object that represents the month
      * @param localeData
      * @private
      */
-
-
     _buildWeeks(localeData) {
       if (this._hidden) {
         return; // Optimization to not do any work unless the current picker
       }
 
       this._weeks = [];
-
       const firstDayOfWeek = this._getFirstDayOfWeek();
-
       const monthsNames = localeData.getMonths("wide", this._primaryCalendarType);
       const secondaryMonthsNames = this.hasSecondaryCalendarType && localeData.getMonths("wide", this.secondaryCalendarType);
       const nonWorkingDayLabel = DayPicker.i18nBundle.getText(_i18nDefaults.DAY_PICKER_NON_WORKING_DAY);
       const todayLabel = DayPicker.i18nBundle.getText(_i18nDefaults.DAY_PICKER_TODAY);
-
       const tempDate = this._getFirstDay(); // date that will be changed by 1 day 42 times
-
-
       const todayDate = _CalendarDate.default.fromLocalJSDate(new Date(), this._primaryCalendarType); // current day date - calculate once
-
-
       const calendarDate = this._calendarDate; // store the _calendarDate value as this getter is expensive and degrades IE11 perf
-
       const minDate = this._minDate; // store the _minDate (expensive getter)
-
       const maxDate = this._maxDate; // store the _maxDate (expensive getter)
 
       const tempSecondDate = this.hasSecondaryCalendarType && this._getSecondaryDay(tempDate);
-
       let week = [];
-
       for (let i = 0; i < DAYS_IN_WEEK * 6; i++) {
         // always show 6 weeks total, 42 days to avoid jumping
         const timestamp = tempDate.valueOf() / 1000; // no need to round because CalendarDate does it
 
         let dayOfTheWeek = tempDate.getDay() - firstDayOfWeek;
-
         if (dayOfTheWeek < 0) {
           dayOfTheWeek += DAYS_IN_WEEK;
         }
-
         const isFocused = tempDate.getMonth() === calendarDate.getMonth() && tempDate.getDate() === calendarDate.getDate();
-
         const isSelected = this._isDaySelected(timestamp);
-
         const isSelectedBetween = this._isDayInsideSelectionRange(timestamp);
-
         const isOtherMonth = tempDate.getMonth() !== calendarDate.getMonth();
-
         const isWeekend = this._isWeekend(tempDate);
-
         const isDisabled = tempDate.valueOf() < minDate.valueOf() || tempDate.valueOf() > maxDate.valueOf();
         const isToday = tempDate.isSame(todayDate);
         const isFirstDayOfWeek = tempDate.getDay() === firstDayOfWeek;
@@ -233,41 +195,31 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
           ariaDisabled: isOtherMonth ? "true" : undefined,
           disabled: isDisabled
         };
-
         if (isFirstDayOfWeek) {
           day.classes += " ui5-dp-firstday";
         }
-
         if (isSelected) {
           day.classes += " ui5-dp-item--selected";
         }
-
         if (isSelectedBetween) {
           day.classes += " ui5-dp-item--selected-between";
         }
-
         if (isToday) {
           day.classes += " ui5-dp-item--now";
         }
-
         if (isOtherMonth) {
           day.classes += " ui5-dp-item--othermonth";
         }
-
         if (isWeekend) {
           day.classes += " ui5-dp-item--weeekend";
         }
-
         if (isDisabled) {
           day.classes += " ui5-dp-item--disabled";
         }
-
         if (this.hasSecondaryCalendarType) {
           day.classes += " ui5-dp-item--withsecondtype";
         }
-
         week.push(day);
-
         if (dayOfTheWeek === DAYS_IN_WEEK - 1) {
           // 0-indexed so 6 is the last day of the week
           week.unshift({
@@ -275,28 +227,23 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
             isHidden: this.shouldHideWeekNumbers
           });
         }
-
         if (week.length === DAYS_IN_WEEK + 1) {
           // 7 entries for each day + 1 for the week numbers
           this._weeks.push(week);
-
           week = [];
         }
-
         tempDate.setDate(tempDate.getDate() + 1);
-
         if (this.hasSecondaryCalendarType) {
           tempSecondDate.setDate(tempSecondDate.getDate() + 1);
         }
       }
     }
+
     /**
      * Builds the dayNames object (header of the month)
      * @param localeData
      * @private
      */
-
-
     _buildDayNames(localeData) {
       if (this._hidden) {
         return; // Optimization to not do any work unless the current picker
@@ -307,108 +254,90 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
       const aDayNamesAbbreviated = localeData.getDays("abbreviated", this._primaryCalendarType);
       let dayName;
       this._dayNames = [];
-
       this._dayNames.push({
         classes: "ui5-dp-dayname",
         name: DayPicker.i18nBundle.getText(_i18nDefaults.DAY_PICKER_WEEK_NUMBER_TEXT)
       });
-
       for (let i = 0; i < DAYS_IN_WEEK; i++) {
         dayOfTheWeek = i + this._getFirstDayOfWeek();
-
         if (dayOfTheWeek > DAYS_IN_WEEK - 1) {
           // 0-indexed so index of 6 is the maximum allowed
           dayOfTheWeek -= DAYS_IN_WEEK;
         }
-
         dayName = {
           name: aDayNamesWide[dayOfTheWeek],
           ultraShortName: aDayNamesAbbreviated[dayOfTheWeek],
           classes: "ui5-dp-dayname"
         };
-
         this._dayNames.push(dayName);
       }
-
       this._dayNames[1].classes += " ui5-dp-firstday";
-
       if (this.shouldHideWeekNumbers) {
         this._dayNames.shift();
       }
     }
-
     onAfterRendering() {
       if (this._autoFocus && !this._hidden) {
         this.focus();
       }
     }
-
     _onfocusin() {
       this._autoFocus = true;
     }
-
     _onfocusout() {
       this._autoFocus = false;
     }
+
     /**
      * Tells if the day is selected (dark blue)
      * @param timestamp
      * @returns {boolean}
      * @private
      */
-
-
     _isDaySelected(timestamp) {
       if (this.selectionMode === _CalendarSelectionMode.default.Single) {
         return timestamp === this.selectedDates[0];
-      } // Multiple, Range
-
+      }
 
+      // Multiple, Range
       return this.selectedDates.includes(timestamp);
     }
+
     /**
      * Tells if the day is inside a selection range (light blue)
      * @param timestamp
      * @returns {*}
      * @private
      */
-
-
     _isDayInsideSelectionRange(timestamp) {
       // No selection at all (or not in range selection mode)
       if (this.selectionMode !== _CalendarSelectionMode.default.Range || !this.selectedDates.length) {
         return false;
-      } // Only one date selected - the user is hovering with the mouse or navigating with the keyboard to select the second one
-
+      }
 
+      // Only one date selected - the user is hovering with the mouse or navigating with the keyboard to select the second one
       if (this.selectedDates.length === 1 && this._secondTimestamp) {
         return isBetween(timestamp, this.selectedDates[0], this._secondTimestamp);
-      } // Two dates selected - stable range
-
+      }
 
+      // Two dates selected - stable range
       return isBetween(timestamp, this.selectedDates[0], this.selectedDates[1]);
     }
+
     /**
      * Selects/deselects a day
      * @param event
      * @param isShift true if the user did Click+Shift or Enter+Shift (but not Space+Shift)
      * @private
      */
-
-
     _selectDate(event, isShift) {
       const target = event.target;
-
       if (!this._isDayPressed(target)) {
         return;
       }
-
       const timestamp = this._getTimestampFromDom(target);
-
       this._safelySetTimestamp(timestamp);
-
       this._updateSecondTimestamp();
-
       if (this.selectionMode === _CalendarSelectionMode.default.Single) {
         this.selectedDates = [timestamp];
       } else if (this.selectionMode === _CalendarSelectionMode.default.Multiple) {
@@ -420,31 +349,26 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
       } else {
         this.selectedDates = this.selectedDates.length === 1 ? [...this.selectedDates, timestamp] : [timestamp];
       }
-
       this.fireEvent("change", {
         timestamp: this.timestamp,
         dates: this.selectedDates
       });
     }
+
     /**
      * Selects/deselects the whole row (week)
      * @param event
      * @private
      */
-
-
     _selectWeek(event) {
       this._weeks.forEach(week => {
         const dayInThisWeek = week.findIndex(item => {
           const date = _CalendarDate.default.fromTimestamp(parseInt(item.timestamp) * 1000);
-
           return date.getMonth() === this._calendarDate.getMonth() && date.getDate() === this._calendarDate.getDate();
         }) !== -1;
-
         if (dayInThisWeek) {
           // The current day is in this week
           const notAllDaysOfThisWeekSelected = week.some(item => item.timestamp && !this.selectedDates.includes(parseInt(item.timestamp)));
-
           if (notAllDaysOfThisWeekSelected) {
             // even if one day is not selected, select the whole week
             week.filter(item => item.timestamp).forEach(item => {
@@ -458,13 +382,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
           }
         }
       });
-
       this.fireEvent("change", {
         timestamp: this.timestamp,
         dates: this.selectedDates
       });
     }
-
     _toggleTimestampInSelection(timestamp) {
       if (this.selectedDates.includes(timestamp)) {
         this._removeTimestampFromSelection(timestamp);
@@ -472,30 +394,26 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
         this._addTimestampToSelection(timestamp);
       }
     }
-
     _addTimestampToSelection(timestamp) {
       if (!this.selectedDates.includes(timestamp)) {
         this.selectedDates = [...this.selectedDates, timestamp];
       }
     }
-
     _removeTimestampFromSelection(timestamp) {
       this.selectedDates = this.selectedDates.filter(value => value !== timestamp);
     }
+
     /**
      * When at least one day is selected and the user pressed shift
      * @param timestamp
      * @private
      */
-
-
     _multipleSelection(timestamp) {
       const min = Math.min(...this.selectedDates);
       const max = Math.max(...this.selectedDates);
       let start;
       let end;
       let toggle = false;
-
       if (timestamp < min) {
         start = timestamp;
         end = min;
@@ -503,7 +421,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
         // inside the current range - toggle all between the selected and focused
         const distanceToMin = Math.abs(timestamp - min);
         const distanceToMax = Math.abs(timestamp - max);
-
         if (distanceToMin < distanceToMax) {
           start = timestamp;
           end = max;
@@ -511,40 +428,32 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
           start = min;
           end = timestamp;
         }
-
         toggle = true;
       } else {
         start = max;
         end = timestamp;
       }
-
       const startDate = _CalendarDate.default.fromTimestamp(start * 1000);
-
       const endDate = _CalendarDate.default.fromTimestamp(end * 1000);
-
       while (startDate.valueOf() <= endDate.valueOf()) {
         this[toggle ? "_toggleTimestampInSelection" : "_addTimestampToSelection"](startDate.valueOf() / 1000);
         startDate.setDate(startDate.getDate() + 1);
       }
     }
+
     /**
      * Set the hovered day as the _secondTimestamp
      * @param event
      * @private
      */
-
-
     _onmouseover(event) {
       const hoveredItem = event.target.closest(".ui5-dp-item");
-
       if (hoveredItem && this.selectionMode === _CalendarSelectionMode.default.Range && this.selectedDates.length === 1) {
         this._secondTimestamp = this._getTimestampFromDom(hoveredItem);
       }
     }
-
     _onkeydown(event) {
       let preventDefault = true;
-
       if ((0, _Keys.isEnter)(event) || (0, _Keys.isEnterShift)(event)) {
         this._selectDate(event, (0, _Keys.isEnterShift)(event));
       } else if ((0, _Keys.isSpace)(event) || (0, _Keys.isSpaceShift)(event)) {
@@ -574,23 +483,19 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
       } else if ((0, _Keys.isHomeCtrl)(event)) {
         const tempDate = new _CalendarDate.default(this._calendarDate, this._primaryCalendarType);
         tempDate.setDate(1); // Set the first day of the month
-
         this._setTimestamp(tempDate.valueOf() / 1000);
       } else if ((0, _Keys.isEndCtrl)(event)) {
         const tempDate = new _CalendarDate.default(this._calendarDate, this._primaryCalendarType);
         tempDate.setMonth(tempDate.getMonth() + 1);
         tempDate.setDate(0); // Set the last day of the month (0th day of next month)
-
         this._setTimestamp(tempDate.valueOf() / 1000);
       } else {
         preventDefault = false;
       }
-
       if (preventDefault) {
         event.preventDefault();
       }
     }
-
     _onkeyup(event) {
       // Even if Space+Shift was pressed, ignore the shift unless in Multiple selection
       if ((0, _Keys.isSpace)(event) || (0, _Keys.isSpaceShift)(event) && this.selectionMode !== _CalendarSelectionMode.default.Multiple) {
@@ -599,180 +504,152 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
         this._selectWeek(event);
       }
     }
+
     /**
      * Click is the same as Enter: Click+Shift has the same effect as Enter+Shift
      * @param event
      * @private
      */
-
-
     _onclick(event) {
       this._selectDate(event, event.shiftKey);
     }
+
     /**
      * One Home or End, move the focus to the first or last item in the row
      * @param homePressed
      * @private
      */
-
-
     _onHomeOrEnd(homePressed) {
       this._weeks.forEach(week => {
         const dayInThisWeek = week.findIndex(item => {
           const date = _CalendarDate.default.fromTimestamp(parseInt(item.timestamp) * 1000);
-
           return date.getMonth() === this._calendarDate.getMonth() && date.getDate() === this._calendarDate.getDate();
         }) !== -1;
-
         if (dayInThisWeek) {
           // The current day is in this week
           const index = homePressed ? 1 : 7; // select the first (if Home) or last (if End) day of the week
-
           this._setTimestamp(parseInt(week[index].timestamp));
         }
       });
     }
+
     /**
      * Called from Calendar.js
      * @protected
      */
-
-
     _hasPreviousPage() {
       return !(this._calendarDate.getMonth() === this._minDate.getMonth() && this._calendarDate.getYear() === this._minDate.getYear());
     }
+
     /**
      * Called from Calendar.js
      * @protected
      */
-
-
     _hasNextPage() {
       return !(this._calendarDate.getMonth() === this._maxDate.getMonth() && this._calendarDate.getYear() === this._maxDate.getYear());
     }
+
     /**
      * Called from Calendar.js
      * Same as PageUp
      * @protected
      */
-
-
     _showPreviousPage() {
       this._modifyTimestampBy(-1, "month");
     }
+
     /**
      * Called from Calendar.js
      * Same as PageDown
      * @protected
      */
-
-
     _showNextPage() {
       this._modifyTimestampBy(1, "month");
     }
+
     /**
      * Modifies the timestamp by a certain amount of days/months/years
      * @param amount
      * @param unit
      * @private
      */
-
-
     _modifyTimestampBy(amount, unit) {
       // Modify the current timestamp
       this._safelyModifyTimestampBy(amount, unit);
+      this._updateSecondTimestamp();
 
-      this._updateSecondTimestamp(); // Notify the calendar to update its timestamp
-
-
+      // Notify the calendar to update its timestamp
       this.fireEvent("navigate", {
         timestamp: this.timestamp
       });
     }
+
     /**
      * Sets the timestamp to an absolute value
      * @param value
      * @private
      */
-
-
     _setTimestamp(value) {
       this._safelySetTimestamp(value);
-
       this._updateSecondTimestamp();
-
       this.fireEvent("navigate", {
         timestamp: this.timestamp
       });
     }
+
     /**
      * During range selection, when the user is navigating with the keyboard, the currently focused day is considered the "second day"
      * @private
      */
-
-
     _updateSecondTimestamp() {
       if (this.selectionMode === _CalendarSelectionMode.default.Range && this.selectedDates.length === 1) {
         this._secondTimestamp = this.timestamp;
       }
     }
-
     get shouldHideWeekNumbers() {
       if (this._primaryCalendarType !== _CalendarType.default.Gregorian) {
         return true;
       }
-
       return this.hideWeekNumbers;
     }
-
     get hasSecondaryCalendarType() {
       return !!this.secondaryCalendarType;
     }
-
     _isWeekend(oDate) {
       const localeData = (0, _getCachedLocaleDataInstance.default)((0, _getLocale.default)());
       const iWeekDay = oDate.getDay(),
-            iWeekendStart = localeData.getWeekendStart(),
-            iWeekendEnd = localeData.getWeekendEnd();
+        iWeekendStart = localeData.getWeekendStart(),
+        iWeekendEnd = localeData.getWeekendEnd();
       return iWeekDay >= iWeekendStart && iWeekDay <= iWeekendEnd || iWeekendEnd < iWeekendStart && (iWeekDay >= iWeekendStart || iWeekDay <= iWeekendEnd);
     }
-
     _isDayPressed(target) {
       const targetParent = target.parentNode;
       return target.className.indexOf("ui5-dp-item") > -1 || targetParent && targetParent.classList && targetParent.classList.contains("ui5-dp-item");
     }
-
     _getSecondaryDay(tempDate) {
       return new _CalendarDate.default(tempDate, this.secondaryCalendarType);
     }
-
     _getFirstDay() {
       let daysFromPreviousMonth;
+      const firstDayOfWeek = this._getFirstDayOfWeek();
 
-      const firstDayOfWeek = this._getFirstDayOfWeek(); // determine weekday of first day in month
-
-
+      // determine weekday of first day in month
       const firstDay = new _CalendarDate.default(this._calendarDate, this._primaryCalendarType);
       firstDay.setDate(1);
       daysFromPreviousMonth = firstDay.getDay() - firstDayOfWeek;
-
       if (daysFromPreviousMonth < 0) {
         daysFromPreviousMonth = 7 + daysFromPreviousMonth;
       }
-
       if (daysFromPreviousMonth > 0) {
         firstDay.setDate(1 - daysFromPreviousMonth);
       }
-
       return firstDay;
     }
-
     _getFirstDayOfWeek() {
       const localeData = (0, _getCachedLocaleDataInstance.default)((0, _getLocale.default)());
       const confFirstDayOfWeek = (0, _FormatSettings.getFirstDayOfWeek)();
       return Number.isInteger(confFirstDayOfWeek) ? confFirstDayOfWeek : localeData.getFirstDayOfWeek();
     }
-
     get styles() {
       return {
         wrapper: {
@@ -784,13 +661,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/locale/getLocale",
         }
       };
     }
-
     get ariaRoledescription() {
       return this.hasSecondaryCalendarType ? `${this._primaryCalendarType} calendar with secondary ${this.secondaryCalendarType} calendar` : `${this._primaryCalendarType} calendar`;
     }
-
   }
-
   DayPicker.define();
   var _default = DayPicker;
   _exports.default = _default;