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

package/src/sap/ui/webc/fiori/thirdparty/ViewSettingsDialog.js

@@ -20,10 +20,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
   _ViewSettingsDialogMode = _interopRequireDefault(_ViewSettingsDialogMode);
   _ViewSettingsDialogTemplate = _interopRequireDefault(_ViewSettingsDialogTemplate);
   _ViewSettingsDialog = _interopRequireDefault(_ViewSettingsDialog);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Template
+
   // Styles
 
   /**
@@ -32,9 +31,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
   const metadata = {
     tag: "ui5-view-settings-dialog",
     managedSlots: true,
-    properties:
-    /** @lends sap.ui.webcomponents.fiori.ViewSettingsDialog.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.fiori.ViewSettingsDialog.prototype */{
       /**
        * Defines the initial sort order.
        *
@@ -45,7 +42,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       sortDescending: {
         type: Boolean
       },
-
       /**
        * Keeps recently focused list in order to focus it on next dialog open.
        *
@@ -55,7 +51,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       _recentlyFocused: {
         type: Object
       },
-
       /**
        * Stores settings of the dialog before the initial open.
        *
@@ -65,7 +60,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       _initialSettings: {
         type: Object
       },
-
       /**
        * Stores settings of the dialog after confirmation.
        *
@@ -75,7 +69,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       _confirmedSettings: {
         type: Object
       },
-
       /**
        * Stores current settings of the dialog.
        *
@@ -85,7 +78,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       _currentSettings: {
         type: Object
       },
-
       /**
        * Defnies the current mode of the component.
        *
@@ -96,7 +88,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
         type: _ViewSettingsDialogMode.default,
         defaultValue: _ViewSettingsDialogMode.default.Sort
       },
-
       /**
        * When in Filter By mode, defines whether we need to show the list of keys, or the list with values.
        *
@@ -108,9 +99,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
         noAttribute: true
       }
     },
-    slots:
-    /** @lends sap.ui.webcomponents.fiori.ViewSettingsDialog.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.fiori.ViewSettingsDialog.prototype */{
       /**
        * Defines the list of items against which the user could sort data.
        * <b>Note:</b> If you want to use this slot, you need to import used item: <code>import "@ui5/webcomponents-fiori/dist/SortItem";</code>
@@ -122,7 +111,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       sortItems: {
         type: HTMLElement
       },
-
       /**
        * Defines the <code>filterItems</code> list.
        * <b>Note:</b> If you want to use this slot, you need to import used item: <code>import "@ui5/webcomponents-fiori/dist/FilterItem";</code>
@@ -135,9 +123,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
         type: HTMLElement
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.fiori.ViewSettingsDialog.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.fiori.ViewSettingsDialog.prototype */{
       /**
        * Fired when confirmation button is activated.
        *
@@ -168,7 +154,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
           }
         }
       },
-
       /**
        * Fired when cancel button is activated.
        *
@@ -199,7 +184,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
           }
         }
       },
-
       /**
        * Fired before the component is opened. <b>This event does not bubble.</b>
        *
@@ -209,6 +193,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       "before-open": {}
     }
   };
+
   /**
    * @class
    * <h3 class="comment-api-title">Overview</h3>
@@ -241,7 +226,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
    * @since 1.0.0-rc.16
    * @public
    */
-
   class ViewSettingsDialog extends _UI5Element.default {
     constructor() {
       super();
@@ -251,138 +235,107 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
         filters: []
       };
     }
-
     onBeforeRendering() {
       if (this._currentSettings.filters && this._currentSettings.filters.length) {
         this._setAdditionalTexts();
       }
-
       if (!this.shouldBuildSort && this.shouldBuildFilter) {
         this._currentMode = _ViewSettingsDialogMode.default.Filter;
       }
     }
-
     _setAdditionalTexts() {
       // Add the additional text to the filter options
       this.filterItems.forEach((filter, index) => {
         let selectedCount = 0;
-
         for (let i = 0; i < filter.values.length; i++) {
           if (this._currentSettings.filters[index].filterOptions[i].selected) {
             selectedCount++;
           }
         }
-
         filter.additionalText = !selectedCount ? "" : selectedCount;
       });
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get metadata() {
       return metadata;
     }
-
     static get dependencies() {
       return [_Bar.default, _Button.default, _Title.default, _Dialog.default, _Label.default, _List.default, _StandardListItem.default, _GroupHeaderListItem.default, _SegmentedButton.default, _SegmentedButtonItem.default];
     }
-
     static get template() {
       return _ViewSettingsDialogTemplate.default;
     }
-
     static get styles() {
       return _ViewSettingsDialog.default;
     }
-
     static async onDefine() {
       ViewSettingsDialog.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents-fiori");
     }
-
     get _selectedFilter() {
       for (let i = 0; i < this._currentSettings.filters.length; i++) {
         if (this._currentSettings.filters[i].selected) {
           return this._currentSettings.filters[i];
         }
       }
-
       return "";
     }
-
     get shouldBuildSort() {
       return !!this.sortItems.length;
     }
-
     get shouldBuildFilter() {
       return !!this.filterItems.length;
     }
-
     get hasPagination() {
       return this.shouldBuildSort && this.shouldBuildFilter;
     }
-
     get _filterByTitle() {
       return `${ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_FILTER_BY)}: ${this._selectedFilter.text}`;
     }
-
     get _dialogTitle() {
       return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_DIALOG_TITLE_SORT);
     }
-
     get _okButtonLabel() {
       return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_SUBMIT_BUTTON);
     }
-
     get _cancelButtonLabel() {
       return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_CANCEL_BUTTON);
     }
-
     get _resetButtonLabel() {
       return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_RESET_BUTTON);
     }
-
     get _ascendingLabel() {
       return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_ORDER_ASCENDING);
     }
-
     get _descendingLabel() {
       return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_ORDER_DESCENDING);
     }
-
     get _sortOrderLabel() {
       return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_SORT_ORDER);
     }
-
     get _filterByLabel() {
       return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_FILTER_BY);
     }
-
     get _sortByLabel() {
       return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_SORT_BY);
     }
-
     get _isPhone() {
       return (0, _Device.isPhone)();
     }
-
     get _sortAscending() {
       return !this.sortDescending;
     }
-
     get _title() {
       return this.showBackButton ? this._filterByTitle : this._dialogTitle;
     }
+
     /**
      * Determines disabled state of the <code>Reset</code> button.
      */
-
-
     get _disableResetButton() {
       return this._dialog && this._sortSetttingsAreInitial && this._filteresAreInitial;
     }
-
     get _sortSetttingsAreInitial() {
       let settingsAreInitial = true;
       ["sortBy", "sortOrder"].forEach(sortList => {
@@ -394,10 +347,8 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       });
       return settingsAreInitial;
     }
-
     get _filteresAreInitial() {
       let filtersAreInitial = true;
-
       this._currentSettings.filters.forEach((filter, index) => {
         for (let i = 0; i < filter.filterOptions.length; i++) {
           if (filter.filterOptions[i].selected !== this._initialSettings.filters[index].filterOptions[i].selected) {
@@ -405,14 +356,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
           }
         }
       });
-
       return filtersAreInitial;
     }
+
     /**
      * Returns the current settings (current state of all lists).
      */
-
-
     get _settings() {
       return {
         sortOrder: JSON.parse(JSON.stringify(this.initSortOrderItems)),
@@ -431,7 +380,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
         })
       };
     }
-
     get initSortByItems() {
       return this.sortItems.map((item, index) => {
         return {
@@ -441,7 +389,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
         };
       });
     }
-
     get initSortOrderItems() {
       return [{
         text: this._ascendingLabel,
@@ -451,45 +398,38 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
         selected: this.sortDescending
       }];
     }
-
     get expandContent() {
       return this._filterStepTwo || !this.hasPagination;
     }
-
     get isModeSort() {
       return this._currentMode === _ViewSettingsDialogMode.default.Sort;
     }
-
     get isModeFilter() {
       return this._currentMode === _ViewSettingsDialogMode.default.Filter;
     }
-
     get showBackButton() {
       return this.isModeFilter && this._filterStepTwo;
     }
-
     get _sortOrderListDomRef() {
       return this.shadowRoot.querySelector("[ui5-list][sort-order]");
     }
-
     get _sortByList() {
       return this.shadowRoot.querySelector("[ui5-list][sort-by]");
     }
-
     get _dialogDomRef() {
       return this.shadowRoot.querySelector("[ui5-dialog]");
     }
+
     /**
      * Shows the dialog.
      * @public
      */
-
-
     show() {
       if (!this._dialog) {
         this._sortOrder = this._sortOrderListDomRef;
-        this._sortBy = this._sortByList; // Sorting
+        this._sortBy = this._sortByList;
 
+        // Sorting
         this._initialSettings = this._settings;
         this._currentSettings = this._settings;
         this._confirmedSettings = this._settings;
@@ -497,18 +437,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       } else {
         this._restoreSettings(this._confirmedSettings);
       }
-
       this.fireEvent("before-open", {}, true, false);
-
       this._dialog.show(true);
-
       this._dialog.querySelector("[ui5-list]").focusFirstItem();
     }
-
     _handleModeChange(event) {
       this._currentMode = _ViewSettingsDialogMode.default[event.detail.selectedItem.getAttribute("mode")];
     }
-
     _handleFilterValueItemClick(event) {
       // Update the component state
       this._currentSettings.filters = this._currentSettings.filters.map(filter => {
@@ -519,16 +454,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
             }
           });
         }
-
         return filter;
       });
       this._currentSettings = JSON.parse(JSON.stringify(this._currentSettings));
     }
-
     _navigateToFilters(event) {
       this._filterStepTwo = false;
     }
-
     _changeCurrentFilter(event) {
       this._filterStepTwo = true;
       this._currentSettings.filters = this._currentSettings.filters.map(filter => {
@@ -536,65 +468,56 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
         return filter;
       });
     }
+
     /**
      * Closes the dialog.
      */
-
-
     close() {
       this._dialog && this._dialog.close();
     }
+
     /**
      * Sets focus on recently used control within the dialog.
      */
-
-
     _focusRecentlyUsedControl() {
       if (!this._recentlyFocused || !Object.keys(this._recentlyFocused).length) {
         return;
       }
-
       const recentlyFocusedSelectedItems = this._recentlyFocused.getSelectedItems(),
-            recentlyFocusedItems = this._recentlyFocused.items,
-            slottedNodesExist = recentlyFocusedItems[1] && recentlyFocusedItems[1].assignedNodes && recentlyFocusedItems[1].assignedNodes().length;
-
+        recentlyFocusedItems = this._recentlyFocused.items,
+        slottedNodesExist = recentlyFocusedItems[1] && recentlyFocusedItems[1].assignedNodes && recentlyFocusedItems[1].assignedNodes().length;
       if (recentlyFocusedSelectedItems.length) {
         recentlyFocusedSelectedItems[0].focus();
       } else if (slottedNodesExist) {
         this._recentlyFocused.focusItem(recentlyFocusedItems[1].assignedNodes()[0]);
       }
     }
+
     /**
      * Stores current settings as confirmed and fires <code>confirm</code> event.
      */
-
-
     _confirmSettings() {
       this.close();
       this._confirmedSettings = this._currentSettings;
       this.fireEvent("confirm", this.eventsParams);
     }
+
     /**
      * Sets current settings to recently confirmed ones and fires <code>cancel</code> event.
      */
-
-
     _cancelSettings() {
       this._restoreSettings(this._confirmedSettings);
-
       this.fireEvent("cancel", this.eventsParams);
       this.close();
     }
-
     get eventsParams() {
       const _currentSortOrderSelected = this._currentSettings.sortOrder.filter(item => item.selected)[0],
-            _currentSortBySelected = this._currentSettings.sortBy.filter(item => item.selected)[0],
-            sortOrder = _currentSortOrderSelected && _currentSortOrderSelected.text,
-            sortDescending = !this._currentSettings.sortOrder[0].selected,
-            sortBy = _currentSortBySelected && _currentSortBySelected.text,
-            sortByElementIndex = _currentSortBySelected && _currentSortBySelected.index,
-            sortByItem = this.sortItems[sortByElementIndex];
-
+        _currentSortBySelected = this._currentSettings.sortBy.filter(item => item.selected)[0],
+        sortOrder = _currentSortOrderSelected && _currentSortOrderSelected.text,
+        sortDescending = !this._currentSettings.sortOrder[0].selected,
+        sortBy = _currentSortBySelected && _currentSortBySelected.text,
+        sortByElementIndex = _currentSortBySelected && _currentSortBySelected.index,
+        sortByItem = this.sortItems[sortByElementIndex];
       return {
         sortOrder,
         sortDescending,
@@ -603,10 +526,8 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
         filters: this.selectedFilters
       };
     }
-
     get selectedFilters() {
       const result = [];
-
       this._currentSettings.filters.forEach(filter => {
         const selectedOptions = [];
         filter.filterOptions.forEach(option => {
@@ -614,82 +535,74 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
             selectedOptions.push(option.text);
           }
         });
-
         if (selectedOptions.length) {
           result.push({});
           result[result.length - 1][filter.text] = selectedOptions;
         }
       });
-
       return result;
     }
+
     /**
      * If the dialog is closed by [ESC] key, do the same as if the <code>Cancel</code> button is pressed.
      *
      * @param {event} evt
      */
-
-
     _restoreConfirmedOnEscape(evt) {
       if (evt.detail.escPressed) {
         this._cancelSettings();
-
         this._currentMode = "Sort";
         this._filterStepTwo = false;
       }
     }
+
     /**
      * Resets the control settings to their initial state.
      */
-
-
     _resetSettings() {
       this._restoreSettings(this._initialSettings);
-
       this._filterStepTwo = false;
       this._recentlyFocused = this._sortOrder;
-
       this._focusRecentlyUsedControl();
     }
+
     /**
      * Sets current settings to ones passed as <code>settings</code> argument.
      *
      * @param {Object} settings
      */
-
-
     _restoreSettings(settings) {
       this._currentSettings = JSON.parse(JSON.stringify(settings));
     }
+
     /**
      * Stores <code>Sort Order</code> list as recently used control and its selected item in current state.
      */
-
-
     _onSortOrderChange(event) {
       this._recentlyFocused = this._sortOrder;
       this._currentSettings.sortOrder = this.initSortOrderItems.map(item => {
         item.selected = item.text === event.detail.item.innerText;
         return item;
-      }); // Invalidate
+      });
 
+      // Invalidate
       this._currentSettings = JSON.parse(JSON.stringify(this._currentSettings));
     }
+
     /**
      * Stores <code>Sort By</code> list as recently used control and its selected item in current state.
      */
-
-
     _onSortByChange(event) {
       const selectedItemIndex = Number(event.detail.item.getAttribute("data-ui5-external-action-item-index"));
       this._recentlyFocused = this._sortBy;
       this._currentSettings.sortBy = this.initSortByItems.map((item, index) => {
         item.selected = index === selectedItemIndex;
         return item;
-      }); // Invalidate
-
+      });
+      // Invalidate
       this._currentSettings = JSON.parse(JSON.stringify(this._currentSettings));
     }
+
     /**
      * Sets a JavaScript object, as settings to the <code>ui5-view-settings-dialog</code>.
      * This method can be used after the dialog is initially open, as the dialog need to set its initial settings.
@@ -701,12 +614,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
      * @param {string} settings A value to be set as predefined settings.
      * @public
      */
-
-
     setConfirmedSettings(settings) {
       if (settings && this._dialog && !this._dialog.isOpen()) {
         const tempSettings = JSON.parse(JSON.stringify(this._confirmedSettings));
-
         if (settings.sortOrder) {
           for (let i = 0; i < tempSettings.sortOrder.length; i++) {
             if (tempSettings.sortOrder[i].text === settings.sortOrder) {
@@ -716,7 +626,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
             }
           }
         }
-
         if (settings.sortBy) {
           for (let i = 0; i < tempSettings.sortBy.length; i++) {
             if (tempSettings.sortBy[i].text === settings.sortBy) {
@@ -726,14 +635,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
             }
           }
         }
-
         if (settings.filters) {
           const inputFilters = {};
-
           for (let i = 0; i < settings.filters.length; i++) {
             inputFilters[Object.keys(settings.filters[i])[0]] = settings.filters[i][Object.keys(settings.filters[i])[0]];
           }
-
           for (let i = 0; i < tempSettings.filters.length; i++) {
             for (let j = 0; j < tempSettings.filters[i].filterOptions.length; j++) {
               if (inputFilters[tempSettings.filters[i].text] && inputFilters[tempSettings.filters[i].text].indexOf(tempSettings.filters[i].filterOptions[j].text) > -1) {
@@ -744,13 +650,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
             }
           }
         }
-
         this._confirmedSettings = JSON.parse(JSON.stringify(tempSettings));
       }
     }
-
   }
-
   ViewSettingsDialog.define();
   var _default = ViewSettingsDialog;
   _exports.default = _default;