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

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

@@ -18,15 +18,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
   _CalendarSelectionMode = _interopRequireDefault(_CalendarSelectionMode);
   _CalendarTemplate = _interopRequireDefault(_CalendarTemplate);
   _Calendar = _interopRequireDefault(_Calendar);
-
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
   function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Default calendar for bundling
+
   // Template
+
   // Styles
 
   /**
@@ -35,9 +33,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
   const metadata = {
     tag: "ui5-calendar",
     fastNavigation: true,
-    properties:
-    /** @lends sap.ui.webcomponents.main.Calendar.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.Calendar.prototype */{
       /**
        * Defines the type of selection used in the calendar component.
        * Accepted property values are:<br>
@@ -54,7 +50,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
         type: _CalendarSelectionMode.default,
         defaultValue: _CalendarSelectionMode.default.Single
       },
-
       /**
        * Defines the visibility of the week numbers column.
        * <br><br>
@@ -69,7 +64,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
       hideWeekNumbers: {
         type: Boolean
       },
-
       /**
        * Which picker is currently visible to the user: day/month/year
        */
@@ -91,9 +85,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
       }
     },
     managedSlots: true,
-    slots:
-    /** @lends sap.ui.webcomponents.main.Calendar.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.Calendar.prototype */{
       /**
        * Defines the selected date or dates (depending on the <code>selectionMode</code> property) for this calendar as instances of <code>ui5-date</code>
        *
@@ -107,9 +99,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
         invalidateOnChildChange: true
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.Calendar.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.main.Calendar.prototype */{
       /**
        * Fired when the selected dates change.
        * <b>Note:</b> If you call <code>preventDefault()</code> for this event, the component will not
@@ -135,6 +125,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
       "show-year-press": {}
     }
   };
+
   /**
    * @class
    *
@@ -249,65 +240,56 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
    * @public
    * @since 1.0.0-rc.11
    */
-
   class Calendar extends _CalendarPart.default {
     static get metadata() {
       return metadata;
     }
-
     static get template() {
       return _CalendarTemplate.default;
     }
-
     static get styles() {
       return _Calendar.default;
     }
+
     /**
      * @private
      */
-
-
     get _selectedDatesTimestamps() {
       return this.dates.map(date => {
         const value = date.value;
         return value && !!this.getFormat().parse(value) ? this._getTimeStampFromString(value) / 1000 : undefined;
       }).filter(date => !!date);
     }
+
     /**
      * @private
      */
-
-
     _setSelectedDates(selectedDates) {
       const selectedValues = selectedDates.map(timestamp => this.getFormat().format(new Date(timestamp * 1000), true)); // Format as UTC
+      const valuesInDOM = [...this.dates].map(dateElement => dateElement.value);
 
-      const valuesInDOM = [...this.dates].map(dateElement => dateElement.value); // Remove all elements for dates that are no longer selected
-
+      // Remove all elements for dates that are no longer selected
       this.dates.filter(dateElement => !selectedValues.includes(dateElement.value)).forEach(dateElement => {
         this.removeChild(dateElement);
-      }); // Create tags for the selected dates that don't already exist in DOM
+      });
 
+      // Create tags for the selected dates that don't already exist in DOM
       selectedValues.filter(value => !valuesInDOM.includes(value)).forEach(value => {
         const dateElement = document.createElement(CalendarDateComponent.default.getMetadata().getTag());
         dateElement.value = value;
         this.appendChild(dateElement);
       });
     }
-
     async onAfterRendering() {
       await (0, _Render.renderFinished)(); // Await for the current picker to render and then ask if it has previous/next pages
-
       this._previousButtonDisabled = !this._currentPickerDOM._hasPreviousPage();
       this._nextButtonDisabled = !this._currentPickerDOM._hasNextPage();
-
       const yearFormat = _DateFormat.default.getDateInstance({
         format: "y",
         calendarType: this.primaryCalendarType
       });
-
       const localeData = (0, _getCachedLocaleDataInstance.default)((0, _getLocale.default)());
       this._headerMonthButtonText = localeData.getMonthsStandAlone("wide", this.primaryCalendarType)[this._calendarDate.getMonth()];
-
       if (this._currentPicker === "year") {
         const rangeStart = new _CalendarDate.default(this._calendarDate, this._primaryCalendarType);
         const rangeEnd = new _CalendarDate.default(this._calendarDate, this._primaryCalendarType);
@@ -318,61 +300,51 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
         this._headerYearButtonText = String(yearFormat.format(this._localDate, true));
       }
     }
+
     /**
      * The user clicked the "month" button in the header
      */
-
-
     onHeaderShowMonthPress(event) {
       this._currentPickerDOM._autoFocus = false;
       this._currentPicker = "month";
       this.fireEvent("show-month-press", event);
     }
+
     /**
      * The user clicked the "year" button in the header
      */
-
-
     onHeaderShowYearPress(event) {
       this._currentPickerDOM._autoFocus = false;
       this._currentPicker = "year";
       this.fireEvent("show-year-press", event);
     }
-
     get _currentPickerDOM() {
       return this.shadowRoot.querySelector(`[ui5-${this._currentPicker}picker]`);
     }
+
     /**
      * The year clicked the "Previous" button in the header
      */
-
-
     onHeaderPreviousPress() {
       this._currentPickerDOM._showPreviousPage();
     }
+
     /**
      * The year clicked the "Next" button in the header
      */
-
-
     onHeaderNextPress() {
       this._currentPickerDOM._showNextPage();
     }
-
     get secondaryCalendarTypeButtonText() {
       if (!this.secondaryCalendarType) {
         return;
       }
-
       const localDate = new Date(this._timestamp * 1000);
-
       const secondYearFormat = _DateFormat.default.getDateInstance({
         format: "y",
         calendarType: this.secondaryCalendarType
       });
-
       const secondMonthInfo = this._getDisplayedSecondaryMonthText();
-
       const secondYearText = secondYearFormat.format(localDate, true);
       return {
         yearButtonText: secondYearText,
@@ -380,39 +352,30 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
         monthButtonInfo: secondMonthInfo.info
       };
     }
-
     _getDisplayedSecondaryMonthText() {
       const month = this._getDisplayedSecondaryMonths();
-
       const localeData = (0, _getCachedLocaleDataInstance.default)((0, _getLocale.default)());
       const pattern = localeData.getIntervalPattern();
       const secondaryMonthsNames = (0, _getCachedLocaleDataInstance.default)((0, _getLocale.default)()).getMonthsStandAlone("abbreviated", this.secondaryCalendarType);
       const secondaryMonthsNamesWide = (0, _getCachedLocaleDataInstance.default)((0, _getLocale.default)()).getMonthsStandAlone("wide", this.secondaryCalendarType);
-
       if (month.startMonth === month.endMonth) {
         return {
           text: localeData.getMonths("abbreviated", this.secondaryCalendarType)[month.startMonth],
           textInfo: localeData.getMonths("wide", this.secondaryCalendarType)[month.startMonth]
         };
       }
-
       return {
         text: pattern.replace(/\{0\}/, secondaryMonthsNames[month.startMonth]).replace(/\{1\}/, secondaryMonthsNames[month.endMonth]),
         textInfo: pattern.replace(/\{0\}/, secondaryMonthsNamesWide[month.startMonth]).replace(/\{1\}/, secondaryMonthsNamesWide[month.endMonth])
       };
     }
-
     _getDisplayedSecondaryMonths() {
       const localDate = new Date(this._timestamp * 1000);
-
       let firstDate = _CalendarDate.default.fromLocalJSDate(localDate, this._primaryCalendarType);
-
       firstDate.setDate(1);
       firstDate = new _CalendarDate.default(firstDate, this.secondaryCalendarType);
       const startMonth = firstDate.getMonth();
-
       let lastDate = _CalendarDate.default.fromLocalJSDate(localDate, this._primaryCalendarType);
-
       lastDate.setDate(this._getDaysInMonth(lastDate));
       lastDate = new _CalendarDate.default(lastDate, this.secondaryCalendarType);
       const endMonth = lastDate.getMonth();
@@ -421,7 +384,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
         endMonth
       };
     }
-
     _getDaysInMonth(date) {
       const tempCalendarDate = new _CalendarDate.default(date);
       tempCalendarDate.setDate(1);
@@ -429,35 +391,29 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
       tempCalendarDate.setDate(0);
       return tempCalendarDate.getDate();
     }
+
     /**
      * The month button is hidden when the month picker or year picker is shown
      * @returns {boolean}
      * @private
      */
-
-
     get _isHeaderMonthButtonHidden() {
       return this._currentPicker === "month" || this._currentPicker === "year";
     }
-
     get _isDayPickerHidden() {
       return this._currentPicker !== "day";
     }
-
     get _isMonthPickerHidden() {
       return this._currentPicker !== "month";
     }
-
     get _isYearPickerHidden() {
       return this._currentPicker !== "year";
     }
-
     onSelectedDatesChange(event) {
       const timestamp = event.detail.timestamp;
       const selectedDates = event.detail.dates;
       const datesValues = selectedDates.map(ts => {
         const calendarDate = _CalendarDate.default.fromTimestamp(ts * 1000, this._primaryCalendarType);
-
         return this.getFormat().format(calendarDate.toUTCJSDate(), true);
       });
       this.timestamp = timestamp;
@@ -466,65 +422,54 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/dates/Cale
         dates: [...selectedDates],
         values: datesValues
       }, true);
-
       if (!defaultPrevented) {
         this._setSelectedDates(selectedDates);
       }
     }
-
     onSelectedMonthChange(event) {
       this.timestamp = event.detail.timestamp;
       this._currentPicker = "day";
       this._currentPickerDOM._autoFocus = true;
     }
-
     onSelectedYearChange(event) {
       this.timestamp = event.detail.timestamp;
       this._currentPicker = "day";
       this._currentPickerDOM._autoFocus = true;
     }
-
     onNavigate(event) {
       this.timestamp = event.detail.timestamp;
     }
-
     _onkeydown(event) {
       if ((0, _Keys.isF4)(event) && this._currentPicker !== "month") {
         this._currentPicker = "month";
       }
-
       if ((0, _Keys.isF4Shift)(event) && this._currentPicker !== "year") {
         this._currentPicker = "year";
       }
     }
+
     /**
      * Returns an array of UTC timestamps, representing the selected dates.
      * @protected
      * @deprecated
      */
-
-
     get selectedDates() {
       return this._selectedDatesTimestamps;
     }
+
     /**
      * Creates instances of <code>ui5-date</code> inside this <code>ui5-calendar</code> with values, equal to the provided UTC timestamps
      * @protected
      * @deprecated
      * @param selectedDates Array of UTC timestamps
      */
-
-
     set selectedDates(selectedDates) {
       this._setSelectedDates(selectedDates);
     }
-
     static get dependencies() {
       return [CalendarDateComponent.default, _CalendarHeader.default, _DayPicker.default, _MonthPicker.default, _YearPicker.default];
     }
-
   }
-
   Calendar.define();
   var _default = Calendar;
   _exports.default = _default;

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

@@ -6,17 +6,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   /**
   * @public
   */
   const metadata = {
     tag: "ui5-date",
-    properties:
-    /** @lends sap.ui.webcomponents.main.CalendarDate.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.CalendarDate.prototype */{
       /**
        * The date formatted according to the <code>formatPattern</code> property of the <code>ui5-calendar</code> that hosts the component
        *
@@ -28,6 +24,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
       }
     }
   };
+
   /**
    * @class
    *
@@ -43,14 +40,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
    * @implements sap.ui.webcomponents.main.ICalendarDate
    * @public
    */
-
   class CalendarDate extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
   }
-
   CalendarDate.define();
   var _default = CalendarDate;
   _exports.default = _default;

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

@@ -12,10 +12,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _Icon = _interopRequireDefault(_Icon);
   _CalendarHeaderTemplate = _interopRequireDefault(_CalendarHeaderTemplate);
   _CalendarHeader = _interopRequireDefault(_CalendarHeader);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Styles
+
   const metadata = {
     tag: "ui5-calendar-header",
     languageAware: true,
@@ -28,7 +27,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       timestamp: {
         type: _Integer.default
       },
-
       /**
        * Already normalized by Calendar
        * @type {CalendarType}
@@ -37,7 +35,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       primaryCalendarType: {
         type: _CalendarType.default
       },
-
       /**
        * Already normalized by Calendar
        * @sience 1.0.0-rc.16
@@ -48,7 +45,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       secondaryCalendarType: {
         type: _CalendarType.default
       },
-
       /**
        * Stores information for month button for secondary calendar type
        * @type {Object}
@@ -83,100 +79,79 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       "show-year-press": {}
     }
   };
-
   class CalendarHeader extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get template() {
       return _CalendarHeaderTemplate.default;
     }
-
     static get styles() {
       return _CalendarHeader.default;
     }
-
     static get dependencies() {
       return [_Icon.default];
     }
-
     static async onDefine() {
       CalendarHeader.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
-
     constructor() {
       super();
     }
-
     onBeforeRendering() {
       this._prevButtonText = CalendarHeader.i18nBundle.getText(_i18nDefaults.CALENDAR_HEADER_PREVIOUS_BUTTON);
       this._nextButtonText = CalendarHeader.i18nBundle.getText(_i18nDefaults.CALENDAR_HEADER_NEXT_BUTTON);
-
       if (this.hasSecondaryCalendarType) {
         this._secondMonthButtonText = this.buttonTextForSecondaryCalendarType.monthButtonText;
         this._secondYearButtonText = this.buttonTextForSecondaryCalendarType.yearButtonText;
       }
     }
-
     onPrevButtonClick(event) {
       this.fireEvent("previous-press", event);
     }
-
     onNextButtonClick(event) {
       this.fireEvent("next-press", event);
     }
-
     onMonthButtonClick(event) {
       this.fireEvent("show-month-press", event);
     }
-
     onMonthButtonKeyDown(event) {
       if ((0, _Keys.isSpace)(event)) {
         event.preventDefault();
       }
-
       if ((0, _Keys.isEnter)(event)) {
         this.fireEvent("show-month-press", event);
       }
     }
-
     onMonthButtonKeyUp(event) {
       if ((0, _Keys.isSpace)(event)) {
         event.preventDefault();
         this.fireEvent("show-month-press", event);
       }
     }
-
     onYearButtonClick(event) {
       this.fireEvent("show-year-press", event);
     }
-
     onYearButtonKeyDown(event) {
       if ((0, _Keys.isSpace)(event)) {
         event.preventDefault();
       }
-
       if ((0, _Keys.isEnter)(event)) {
         this.fireEvent("show-year-press", event);
       }
     }
-
     onYearButtonKeyUp(event) {
       if ((0, _Keys.isSpace)(event)) {
         event.preventDefault();
         this.fireEvent("show-year-press", event);
       }
     }
-
     get hasSecondaryCalendarType() {
       return !!this.secondaryCalendarType;
     }
-
     get classes() {
       return {
         prevButton: {
@@ -189,15 +164,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       };
     }
-
     get accInfo() {
       return {
         ariaLabelMonthButton: this.hasSecondaryCalendarType ? `${this._monthButtonText}, ${this.buttonTextForSecondaryCalendarType.info}` : `${this._monthButtonText}`
       };
     }
-
   }
-
   CalendarHeader.define();
   var _default = CalendarHeader;
   _exports.default = _default;

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

@@ -10,16 +10,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
   _modifyDateBy = _interopRequireDefault(_modifyDateBy);
   _getTodayUTCTimestamp = _interopRequireDefault(_getTodayUTCTimestamp);
   _DateComponentBase = _interopRequireDefault(_DateComponentBase);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   /**
    * @public
    */
   const metadata = {
-    properties:
-    /** @lends sap.ui.webcomponents.main.CalendarPart.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.CalendarPart.prototype */{
       /**
        * The timestamp of the currently focused date. Set this property to move the component's focus to a certain date.
        * <b>Node:</b> Timestamp is 10-digit Integer representing the seconds (not milliseconds) since the Unix Epoch.
@@ -31,6 +27,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
       }
     }
   };
+
   /**
    * @class
    *
@@ -44,90 +41,73 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
    * @extends DateComponentBase
    * @public
    */
-
   class CalendarPart extends _DateComponentBase.default {
     static get metadata() {
       return metadata;
     }
-
     get _minTimestamp() {
       return this._minDate.valueOf() / 1000;
     }
-
     get _maxTimestamp() {
       return this._maxDate.valueOf() / 1000;
     }
+
     /**
      * Returns the effective timestamp to be used by the respective calendar part
      * @protected
      */
-
-
     get _timestamp() {
       let timestamp = this.timestamp !== undefined ? this.timestamp : (0, _getTodayUTCTimestamp.default)(this._primaryCalendarType);
-
       if (timestamp < this._minTimestamp || timestamp > this._maxTimestamp) {
         timestamp = this._minTimestamp;
       }
-
       return timestamp;
     }
-
     get _localDate() {
       return new Date(this._timestamp * 1000);
     }
+
     /**
      * Returns a CalendarDate instance, representing the _timestamp getter - this date is central to all components' rendering logic
      * @protected
      */
-
-
     get _calendarDate() {
       return _CalendarDate.default.fromTimestamp(this._localDate.getTime(), this._primaryCalendarType);
     }
+
     /**
      * Change a timestamp and enforce limits
      *
      * @param timestamp
      * @protected
      */
-
-
     _safelySetTimestamp(timestamp) {
       const min = this._minDate.valueOf() / 1000;
       const max = this._maxDate.valueOf() / 1000;
-
       if (timestamp < min) {
         timestamp = min;
       }
-
       if (timestamp > max) {
         timestamp = max;
       }
-
       this.timestamp = timestamp;
     }
+
     /**
      * Modify a timestamp by a certain amount of days/months/years and enforce limits
      * @param amount
      * @param unit
      * @protected
      */
-
-
     _safelyModifyTimestampBy(amount, unit) {
       const newDate = (0, _modifyDateBy.default)(this._calendarDate, amount, unit);
-
       this._safelySetTimestamp(newDate.valueOf() / 1000);
     }
-
     _getTimestampFromDom(domNode) {
       const oMonthDomRef = domNode.getAttribute("data-sap-timestamp");
       return parseInt(oMonthDomRef);
     }
-
   }
-
   var _default = CalendarPart;
   _exports.default = _default;
 });