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

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

@@ -12,17 +12,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/DateFormat
   _CalendarPart = _interopRequireDefault(_CalendarPart);
   _YearPickerTemplate = _interopRequireDefault(_YearPickerTemplate);
   _YearPicker = _interopRequireDefault(_YearPicker);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   /**
    * @public
    */
   const metadata = {
     tag: "ui5-yearpicker",
-    properties:
-    /** @lends sap.ui.webcomponents.main.YearPicker.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.YearPicker.prototype */{
       /**
        * An array of UTC timestamps representing the selected date or dates depending on the capabilities of the picker component.
        * @type {Array}
@@ -42,16 +38,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/DateFormat
         noAttribute: true
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.YearPicker.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.main.YearPicker.prototype */{
       /**
        * Fired when the user selects a year (space/enter/click).
        * @public
        * @event
        */
       change: {},
-
       /**
        * Fired when the timestamp changes - the user navigates with the keyboard or clicks with the mouse.
        * @since 1.0.0-rc.9
@@ -62,7 +55,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/DateFormat
     }
   };
   const PAGE_SIZE = 20; // Total years on a single page
-
   const ROW_SIZE = 4; // Years per row (5 rows of 4 years each)
 
   /**
@@ -77,54 +69,42 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/DateFormat
    * @tagname ui5-yearpicker
    * @public
    */
-
   class YearPicker extends _CalendarPart.default {
     static get metadata() {
       return metadata;
     }
-
     static get styles() {
       return _YearPicker.default;
     }
-
     static get template() {
       return _YearPickerTemplate.default;
     }
-
     onBeforeRendering() {
       this._buildYears();
     }
-
     _buildYears() {
       if (this._hidden) {
         return;
       }
-
       const oYearFormat = _DateFormat.default.getDateInstance({
         format: "y",
         calendarType: this._primaryCalendarType
       }, (0, _getLocale.default)());
-
       this._calculateFirstYear();
-
       this._lastYear = this._firstYear + PAGE_SIZE - 1;
       const calendarDate = this._calendarDate; // store the value of the expensive getter
-
       const minDate = this._minDate; // store the value of the expensive getter
-
       const maxDate = this._maxDate; // store the value of the expensive getter
-
       const tempDate = new _CalendarDate.default(calendarDate, this._primaryCalendarType);
       tempDate.setYear(this._firstYear);
       const intervals = [];
       let timestamp;
-      /* eslint-disable no-loop-func */
 
+      /* eslint-disable no-loop-func */
       for (let i = 0; i < PAGE_SIZE; i++) {
         timestamp = tempDate.valueOf() / 1000;
         const isSelected = this.selectedDates.some(itemTimestamp => {
           const date = _CalendarDate.default.fromTimestamp(itemTimestamp * 1000, this._primaryCalendarType);
-
           return date.getYear() === tempDate.getYear();
         });
         const isFocused = tempDate.getYear() === calendarDate.getYear();
@@ -139,69 +119,59 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/DateFormat
           disabled: isDisabled,
           classes: "ui5-yp-item"
         };
-
         if (isSelected) {
           year.classes += " ui5-yp-item--selected";
         }
-
         if (isDisabled) {
           year.classes += " ui5-yp-item--disabled";
         }
-
         const intervalIndex = parseInt(i / ROW_SIZE);
-
         if (intervals[intervalIndex]) {
           intervals[intervalIndex].push(year);
         } else {
           intervals[intervalIndex] = [year];
         }
-
         tempDate.setYear(tempDate.getYear() + 1);
       }
-
       this._years = intervals;
     }
-
     _calculateFirstYear() {
       const absoluteMaxYear = (0, _ExtremeDates.getMaxCalendarDate)(this._primaryCalendarType).getYear(); // 9999
+      const currentYear = this._calendarDate.getYear();
 
-      const currentYear = this._calendarDate.getYear(); // 1. If first load - center the current year (set first year to be current year minus half page size)
-
-
+      // 1. If first load - center the current year (set first year to be current year minus half page size)
       if (!this._firstYear) {
         this._firstYear = currentYear - PAGE_SIZE / 2;
-      } // 2. If out of range - change by a page (20) - do not center in order to keep the same position as the last page
-
+      }
 
+      // 2. If out of range - change by a page (20) - do not center in order to keep the same position as the last page
       if (currentYear < this._firstYear) {
         this._firstYear -= PAGE_SIZE;
       } else if (currentYear >= this._firstYear + PAGE_SIZE) {
         this._firstYear += PAGE_SIZE;
-      } // 3. If the date was changed by more than 20 years - reset _firstYear completely
-
+      }
 
+      // 3. If the date was changed by more than 20 years - reset _firstYear completely
       if (Math.abs(this._firstYear - currentYear) >= PAGE_SIZE) {
         this._firstYear = currentYear - PAGE_SIZE / 2;
-      } // Keep it in the range between the min and max year
-
+      }
 
+      // Keep it in the range between the min and max year
       this._firstYear = Math.max(this._firstYear, this._minDate.getYear());
-      this._firstYear = Math.min(this._firstYear, this._maxDate.getYear()); // If first year is > 9980, make it 9980 to not show any years beyond 9999
+      this._firstYear = Math.min(this._firstYear, this._maxDate.getYear());
 
+      // If first year is > 9980, make it 9980 to not show any years beyond 9999
       if (this._firstYear > absoluteMaxYear - PAGE_SIZE + 1) {
         this._firstYear = absoluteMaxYear - PAGE_SIZE + 1;
       }
     }
-
     onAfterRendering() {
       if (!this._hidden) {
         this.focus();
       }
     }
-
     _onkeydown(event) {
       let preventDefault = true;
-
       if ((0, _Keys.isEnter)(event)) {
         this._selectYear(event);
       } else if ((0, _Keys.isSpace)(event)) {
@@ -222,128 +192,108 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/localization/DateFormat
         this._onHomeOrEnd((0, _Keys.isHome)(event));
       } else if ((0, _Keys.isHomeCtrl)(event)) {
         this._setTimestamp(parseInt(this._years[0][0].timestamp)); // first year of first row
-
       } else if ((0, _Keys.isEndCtrl)(event)) {
         this._setTimestamp(parseInt(this._years[PAGE_SIZE / ROW_SIZE - 1][ROW_SIZE - 1].timestamp)); // last year of last row
-
       } else {
         preventDefault = false;
       }
-
       if (preventDefault) {
         event.preventDefault();
       }
     }
-
     _onHomeOrEnd(homePressed) {
       this._years.forEach(row => {
         const indexInRow = row.findIndex(item => _CalendarDate.default.fromTimestamp(parseInt(item.timestamp) * 1000).getYear() === this._calendarDate.getYear());
-
         if (indexInRow !== -1) {
           // The current year is on this row
           const index = homePressed ? 0 : ROW_SIZE - 1; // select the first (if Home) or last (if End) year on the row
-
           this._setTimestamp(parseInt(row[index].timestamp));
         }
       });
     }
+
     /**
      * Sets the timestamp to an absolute value
      * @param value
      * @private
      */
-
-
     _setTimestamp(value) {
       this._safelySetTimestamp(value);
-
       this.fireEvent("navigate", {
         timestamp: this.timestamp
       });
     }
+
     /**
      * Modifies timestamp by a given amount of years and, if necessary, loads the prev/next page
      * @param amount
      * @private
      */
-
-
     _modifyTimestampBy(amount) {
       // Modify the current timestamp
-      this._safelyModifyTimestampBy(amount, "year"); // Notify the calendar to update its timestamp
-
+      this._safelyModifyTimestampBy(amount, "year");
 
+      // Notify the calendar to update its timestamp
       this.fireEvent("navigate", {
         timestamp: this.timestamp
       });
     }
-
     _onkeyup(event) {
       if ((0, _Keys.isSpace)(event)) {
         this._selectYear(event);
       }
     }
+
     /**
      * User clicked with the mouser or pressed Enter/Space
      * @param event
      * @private
      */
-
-
     _selectYear(event) {
       event.preventDefault();
-
       if (event.target.className.indexOf("ui5-yp-item") > -1) {
         const timestamp = this._getTimestampFromDom(event.target);
-
         this._safelySetTimestamp(timestamp);
-
         this.fireEvent("change", {
           timestamp: this.timestamp
         });
       }
     }
+
     /**
      * Called from Calendar.js
      * @protected
      */
-
-
     _hasPreviousPage() {
       return this._firstYear > this._minDate.getYear();
     }
+
     /**
      * Called from Calendar.js
      * @protected
      */
-
-
     _hasNextPage() {
       return this._firstYear + PAGE_SIZE - 1 < this._maxDate.getYear();
     }
+
     /**
      * Called by Calendar.js
      * User pressed the "<" button in the calendar header (same as PageUp)
      * @protected
      */
-
-
     _showPreviousPage() {
       this._modifyTimestampBy(-PAGE_SIZE);
     }
+
     /**
      * Called by Calendar.js
      * User pressed the ">" button in the calendar header (same as PageDown)
      * @protected
      */
-
-
     _showNextPage() {
       this._modifyTimestampBy(PAGE_SIZE);
     }
-
   }
-
   YearPicker.define();
   var _default = YearPicker;
   _exports.default = _default;

package/src/sap/ui/webc/main/thirdparty/features/ColorPaletteMoreColors.js

@@ -8,32 +8,24 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/FeaturesRegistry",
   _Dialog = _interopRequireDefault(_Dialog);
   _Button = _interopRequireDefault(_Button);
   _ColorPicker = _interopRequireDefault(_ColorPicker);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   class ColorPaletteMoreColors {
     static get dependencies() {
       return [_Dialog.default, _Button.default, _ColorPicker.default];
     }
-
     static async init() {
       ColorPaletteMoreColors.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
-
     get colorPaletteDialogTitle() {
       return ColorPaletteMoreColors.i18nBundle.getText(_i18nDefaults.COLOR_PALETTE_DIALOG_TITLE);
     }
-
     get colorPaletteDialogOKButton() {
       return ColorPaletteMoreColors.i18nBundle.getText(_i18nDefaults.COLOR_PALETTE_DIALOG_OK_BUTTON);
     }
-
     get colorPaletteCancelButton() {
       return ColorPaletteMoreColors.i18nBundle.getText(_i18nDefaults.COLOR_PALETTE_DIALOG_CANCEL_BUTTON);
     }
-
   }
-
   (0, _FeaturesRegistry.registerFeature)("ColorPaletteMoreColors", ColorPaletteMoreColors);
   var _default = ColorPaletteMoreColors;
   _exports.default = _default;

package/src/sap/ui/webc/main/thirdparty/features/InputElementsFormSupport.js

@@ -5,7 +5,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/FeaturesRegistry"]
     value: true
   });
   _exports.default = void 0;
-
   class FormSupport {
     /**
      *
@@ -15,7 +14,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/FeaturesRegistry"]
     static syncNativeHiddenInput(element, nativeInputUpdateCallback) {
       const needsNativeInput = !!element.name || element.required;
       let nativeInput = element.querySelector("input[data-ui5-form-support]");
-
       if (needsNativeInput && !nativeInput) {
         nativeInput = document.createElement("input");
         nativeInput.style.clip = "rect(0 0 0 0)";
@@ -31,62 +29,49 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/FeaturesRegistry"]
         nativeInput.setAttribute("data-ui5-form-support", "");
         nativeInput.addEventListener("focusin", event => element.focus());
         nativeInput.slot = "formSupport"; // Needed for IE - otherwise input elements are not part of the real DOM tree and are not detected by forms
-
         element.appendChild(nativeInput);
       }
-
       if (!needsNativeInput && nativeInput) {
         element.removeChild(nativeInput);
       }
-
       if (needsNativeInput) {
         nativeInput.name = element.name;
         (nativeInputUpdateCallback || copyDefaultProperties)(element, nativeInput);
       }
     }
-
     static syncNativeFileInput(element, nativeInputUpdateCallback, nativeInputChangeCallback) {
       const needsNativeInput = !!element.name;
       let nativeInput = element.querySelector(`input[type=${element._type || "hidden"}][data-ui5-form-support]`);
-
       if (needsNativeInput && !nativeInput) {
         nativeInput = document.createElement("input");
         nativeInput.type = element._type;
         nativeInput.setAttribute("data-ui5-form-support", "");
         nativeInput.slot = "formSupport"; // Needed to visualize the input in the light dom
-
         nativeInput.style.position = "absolute";
         nativeInput.style.top = "0";
         nativeInput.style.left = "0";
         nativeInput.style.width = "100%";
         nativeInput.style.height = "100%";
         nativeInput.style.opacity = "0";
-
         if (element.multiple) {
           nativeInput.multiple = true;
         }
-
         nativeInput.addEventListener("change", nativeInputChangeCallback);
         element.appendChild(nativeInput);
       }
-
       if (!needsNativeInput && nativeInput) {
         element.removeChild(nativeInput);
       }
-
       if (needsNativeInput) {
         nativeInput.name = element.name;
         (nativeInputUpdateCallback || copyDefaultProperties)(element, nativeInput);
       }
     }
-
     static triggerFormSubmit(element) {
       let currentElement = element.parentElement;
-
       while (currentElement && currentElement.tagName.toLowerCase() !== "form") {
         currentElement = currentElement.parentElement;
       }
-
       if (currentElement) {
         // eslint-disable-next-line no-undef
         currentElement.dispatchEvent(new SubmitEvent("submit", {
@@ -97,15 +82,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/FeaturesRegistry"]
         currentElement.submit();
       }
     }
-
   }
-
   const copyDefaultProperties = (element, nativeInput) => {
     nativeInput.disabled = element.disabled;
     nativeInput.value = element.value;
-  }; // Add form support to the global features registry so that Web Components can find and use it
-
+  };
 
+  // Add form support to the global features registry so that Web Components can find and use it
   (0, _FeaturesRegistry.registerFeature)("FormSupport", FormSupport);
   var _default = FormSupport;
   _exports.default = _default;