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

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

@@ -15,24 +15,21 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _TimeSelectionTemplate = _interopRequireDefault(_TimeSelectionTemplate);
   _WheelSlider = _interopRequireDefault(_WheelSlider);
   _TimeSelection = _interopRequireDefault(_TimeSelection);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // default calendar for bundling
+
   // Styles
+
   const capitalizeFirst = str => str.substr(0, 1).toUpperCase() + str.substr(1);
+
   /**
    * @public
    */
-
-
   const metadata = {
     tag: "ui5-time-selection",
     languageAware: true,
     managedSlots: true,
-    properties:
-    /** @lends sap.ui.webcomponents.main.TimeSelection.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.TimeSelection.prototype */{
       /**
        * Defines a formatted time value.
        *
@@ -44,7 +41,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: String,
         defaultValue: undefined
       },
-
       /**
        * Determines the format, displayed in the input field.
        *
@@ -60,7 +56,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       formatPattern: {
         type: String
       },
-
       /**
        * Hides the hours slider regardless of formatPattern
        * This property is only needed for the duration picker use case which requires non-standard slider combinations
@@ -69,7 +64,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       hideHours: {
         type: Boolean
       },
-
       /**
        * Hides the minutes slider regardless of formatPattern
        * This property is only needed for the duration picker use case which requires non-standard slider combinations
@@ -78,7 +72,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       hideMinutes: {
         type: Boolean
       },
-
       /**
        * Hides the seconds slider regardless of formatPattern
        * This property is only needed for the duration picker use case which requires non-standard slider combinations
@@ -87,7 +80,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       hideSeconds: {
         type: Boolean
       },
-
       /**
        * The maximum number of hours to be displayed for the hours slider (only needed for the duration picker use case)
        * @public
@@ -95,7 +87,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       maxHours: {
         type: _Integer.default
       },
-
       /**
        * The maximum number of minutes to be displayed for the minutes slider (only needed for the duration picker use case)
        * @public
@@ -103,7 +94,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       maxMinutes: {
         type: _Integer.default
       },
-
       /**
        * The maximum number of seconds to be displayed for the seconds slider (only needed for the duration picker use case)
        * @public
@@ -127,20 +117,18 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _CalendarType.default
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.TimeSelection.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.main.TimeSelection.prototype */{
       /**
        * Fired when the value changes due to user interaction with the sliders
        */
       change: {},
-
       /**
        * Fired when the expanded/collapsed slider changes (a new slider is expanded or the expanded slider is collapsed)
        */
       sliderChange: {}
     }
   };
+
   /**
    * @class
    *
@@ -152,99 +140,75 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @private
    * @since 1.0.0-rc.12
    */
-
   class TimeSelection extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get styles() {
       return _TimeSelection.default;
     }
-
     static get template() {
       return _TimeSelectionTemplate.default;
     }
-
     static get dependencies() {
       return [_WheelSlider.default];
     }
-
     static async onDefine() {
       [TimeSelection.i18nBundle] = await Promise.all([(0, _i18nBundle.getI18nBundle)("@ui5/webcomponents"), (0, _LocaleData.fetchCldr)((0, _getLocale.default)().getLanguage(), (0, _getLocale.default)().getRegion(), (0, _getLocale.default)().getScript())]);
     }
-
     constructor() {
       super();
     }
-
     get _hoursConfiguration() {
       const hourFormat = this.getFormat().aFormatArray.find(item => item.type.startsWith("hour")); // try to find an entry for the hours
-
       return (0, _TimeSlider.getHoursConfigByFormat)(hourFormat ? hourFormat.type : "hour0_23");
     }
-
     get _neededSliders() {
       const formatArray = this.getFormat().aFormatArray;
       return (0, _TimeSlider.getTimeControlsByFormat)(formatArray, this._hoursConfiguration);
     }
-
     get _hasHoursSlider() {
       return this._neededSliders[0] && !this.hideHours;
     }
-
     get _hasMinutesSlider() {
       return this._neededSliders[1] && !this.hideMinutes;
     }
-
     get _hasSecondsSlider() {
       return this._neededSliders[2] && !this.hideSeconds;
     }
-
     get _hasPeriodsSlider() {
       return this._neededSliders[3];
     }
-
     get secondsArray() {
       return (0, _TimeSlider.getSeconds)(this.maxSeconds ? this.maxSeconds + 1 : undefined, this.secondsStep);
     }
-
     get minutesArray() {
       return (0, _TimeSlider.getMinutes)(this.maxMinutes ? this.maxMinutes + 1 : undefined, this.minutesStep);
     }
-
     get hoursArray() {
       return (0, _TimeSlider.getHours)(this._hoursConfiguration, this.maxHours ? this.maxHours + 1 : undefined);
     }
-
     get periodsArray() {
       return this.getFormat().aDayPeriods.map(x => x.toUpperCase());
     }
-
     get _hoursSliderFocused() {
       return this._currentSlider === "hours";
     }
-
     get _minutesSliderFocused() {
       return this._currentSlider === "minutes";
     }
-
     get _secondsSliderFocused() {
       return this._currentSlider === "seconds";
     }
-
     get _periodSliderFocused() {
       return this._currentSlider === "periods";
     }
-
     get _hours() {
       let hours;
       const dateValue = this.validDateValue;
-
       if (this._hoursConfiguration.isTwelveHoursFormat && dateValue.getHours() > this._hoursConfiguration.maxHour) {
         hours = dateValue.getHours() - 12;
       } else if (this._hoursConfiguration.isTwelveHoursFormat && dateValue.getHours() < this._hoursConfiguration.minHour) {
@@ -252,44 +216,34 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       } else {
         hours = dateValue.getHours();
       }
-
       if (hours.toString().length === 1) {
         hours = `0${hours}`;
       }
-
       return hours.toString();
     }
-
     get _minutes() {
       const minutes = this.validDateValue.getMinutes().toString();
       return minutes.length === 1 ? `0${minutes}` : minutes;
     }
-
     get _seconds() {
       const seconds = this.validDateValue.getSeconds().toString();
       return seconds.length === 1 ? `0${seconds}` : seconds;
     }
-
     get _period() {
       if (!this._hoursConfiguration.isTwelveHoursFormat) {
         return undefined;
       }
-
       let period;
       const dateValue = this.validDateValue;
-
       if (this._hoursConfiguration.minHour === 1) {
         period = dateValue.getHours() >= this._hoursConfiguration.maxHour ? this.periodsArray[1] : this.periodsArray[0];
       } else {
         period = dateValue.getHours() > this._hoursConfiguration.maxHour || dateValue.getHours() === this._hoursConfiguration.minHour ? this.periodsArray[1] : this.periodsArray[0];
       }
-
       return period;
     }
-
     setValue(date) {
       const value = this.formatValue(date);
-
       if (this.isValid(value)) {
         this.value = this.normalizeValue(value);
         this.fireEvent("change", {
@@ -298,69 +252,55 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         });
       }
     }
-
     onHoursChange(event) {
       let hours = event.detail.value;
       const isTwelveHoursFormat = this._hoursConfiguration.isTwelveHoursFormat;
-
       if (isTwelveHoursFormat) {
         if (this._period === this.periodsArray[0]) {
           // AM
           hours = hours === "12" ? 0 : hours;
         }
-
         if (this._period === this.periodsArray[1]) {
           // PM
           hours = hours === "12" ? hours : hours * 1 + 12;
         }
       }
-
       const date = this.validDateValue;
       date.setHours(hours);
       this.setValue(date);
     }
-
     onMinutesChange(event) {
       const minutes = event.detail.value;
       const date = this.validDateValue;
       date.setMinutes(minutes);
       this.setValue(date);
     }
-
     onSecondsChange(event) {
       const seconds = event.detail.value;
       const date = this.validDateValue;
       date.setSeconds(seconds);
       this.setValue(date);
     }
-
     onPeriodChange(event) {
       const period = event.detail.value;
       const date = this.validDateValue;
-
       if (period === this.periodsArray[0] && date.getHours() >= 12) {
         date.setHours(date.getHours() - 12);
       }
-
       if (period === this.periodsArray[1] && date.getHours() < 12) {
         date.setHours(date.getHours() + 12);
       }
-
       this.setValue(date);
     }
-
     isValid(value) {
       return value === "" || this.getFormat().parse(value);
     }
-
     normalizeValue(value) {
       if (value === "") {
         return value;
       }
-
       return this.getFormat().format(this.getFormat().parse(value));
     }
-
     get _formatPattern() {
       const pattern = this.formatPattern;
       const hasHours = !!pattern.match(/H/i);
@@ -368,83 +308,66 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       const localeData = (0, _getCachedLocaleDataInstance.default)((0, _getLocale.default)());
       return fallback ? localeData.getCombinedDateTimePattern("medium", "medium", this._primaryCalendarType) : pattern;
     }
-
     get _isPattern() {
       return this._formatPattern !== "medium" && this._formatPattern !== "short" && this._formatPattern !== "long";
     }
+
     /**
      * Event handler for the "click" and "focusin" events of the sliders
      * @param event
      */
-
-
     selectSlider(event) {
       this._setCurrentSlider(event.target.closest("[ui5-wheelslider]").getAttribute("data-sap-slider"));
     }
-
     _setCurrentSlider(slider) {
       if (this._currentSlider === slider) {
         return;
       }
-
       this._currentSlider = slider;
       this.fireEvent("slider-change", {
         slider
       });
     }
-
     get _currentSliderDOM() {
       return this.shadowRoot.querySelector(`[data-sap-slider="${this._currentSlider}"]`);
     }
-
     get _activeSliders() {
       return ["hours", "minutes", "seconds", "periods"].filter(slider => this[`_has${capitalizeFirst(slider)}Slider`]);
     }
-
     _onfocusin(event) {
       if (!this._currentSlider) {
         this._setCurrentSlider(this._activeSliders[0]);
       }
-
       if (event.target === event.currentTarget) {
         this._currentSliderDOM.focus();
       }
     }
-
     _onfocusout(event) {
       if (!this.shadowRoot.contains(event.relatedTarget)) {
         this._setCurrentSlider("");
       }
     }
-
     async _onkeydown(event) {
       if (!((0, _Keys.isLeft)(event) || (0, _Keys.isRight)(event))) {
         return;
       }
-
       event.preventDefault();
       const activeSliders = this._activeSliders;
       const activeSlider = event.target.closest("[ui5-wheelslider]").getAttribute("data-sap-slider");
       let index = activeSliders.indexOf(activeSlider);
-
       if ((0, _Keys.isLeft)(event)) {
         index = index === 0 ? activeSliders.length - 1 : index - 1;
       } else if ((0, _Keys.isRight)(event)) {
         index = index === activeSliders.length - 1 ? 0 : index + 1;
       }
-
       this._setCurrentSlider(activeSliders[index]);
-
       this._currentSliderDOM.focus();
     }
-
     _handleWheel(e) {
       e.preventDefault();
     }
-
     getFormat() {
       let dateFormat;
-
       if (this._isPattern) {
         dateFormat = _DateFormat.default.getInstance({
           calendarType: this._calendarType,
@@ -456,38 +379,29 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           style: this._formatPattern
         });
       }
-
       return dateFormat;
     }
-
     formatValue(date) {
       return this.getFormat().format(date);
     }
-
     get dateValue() {
       return this.value ? this.getFormat().parse(this.value) : new Date();
     }
-
     get validDateValue() {
       return this.isValid(this.value) ? this.dateValue : new Date();
     }
-
     get hoursSliderTitle() {
       return TimeSelection.i18nBundle.getText(_i18nDefaults.TIMEPICKER_HOURS_LABEL);
     }
-
     get minutesSliderTitle() {
       return TimeSelection.i18nBundle.getText(_i18nDefaults.TIMEPICKER_MINUTES_LABEL);
     }
-
     get secondsSliderTitle() {
       return TimeSelection.i18nBundle.getText(_i18nDefaults.TIMEPICKER_SECONDS_LABEL);
     }
-
     get periodSliderTitle() {
       return TimeSelection.i18nBundle.getText(_i18nDefaults.TIMEPICKER_PERIODS_LABEL);
     }
-
     get classes() {
       return {
         root: {
@@ -496,9 +410,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       };
     }
-
   }
-
   TimeSelection.define();
   var _default = TimeSelection;
   _exports.default = _default;

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

@@ -11,10 +11,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _WrappingType = _interopRequireDefault(_WrappingType);
   _TitleTemplate = _interopRequireDefault(_TitleTemplate);
   _Title = _interopRequireDefault(_Title);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Template
+
   // Styles
 
   /**
@@ -22,9 +21,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    */
   const metadata = {
     tag: "ui5-title",
-    properties:
-    /** @lends sap.ui.webcomponents.main.Title.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.Title.prototype */{
       /**
        * Defines how the text of a component will be displayed when there is not enough space.
        * Available options are:
@@ -41,7 +38,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _WrappingType.default,
         defaultValue: _WrappingType.default.None
       },
-
       /**
        * Defines the component level.
        * Available options are: <code>"H6"</code> to <code>"H1"</code>.
@@ -55,9 +51,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         defaultValue: _TitleLevel.default.H2
       }
     },
-    slots:
-    /** @lends sap.ui.webcomponents.main.Title.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.Title.prototype */{
       /**
        * Defines the text of the component.
        * <br><br>
@@ -72,6 +66,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
     }
   };
+
   /**
    * @class
    *
@@ -91,54 +86,41 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @tagname ui5-title
    * @public
    */
-
   class Title extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get template() {
       return _TitleTemplate.default;
     }
-
     static get styles() {
       return _Title.default;
     }
-
     get normalizedLevel() {
       return this.level.toLowerCase();
     }
-
     get h1() {
       return this.normalizedLevel === "h1";
     }
-
     get h2() {
       return this.normalizedLevel === "h2";
     }
-
     get h3() {
       return this.normalizedLevel === "h3";
     }
-
     get h4() {
       return this.normalizedLevel === "h4";
     }
-
     get h5() {
       return this.normalizedLevel === "h5";
     }
-
     get h6() {
       return this.normalizedLevel === "h6";
     }
-
   }
-
   Title.define();
   var _default = Title;
   _exports.default = _default;