@openui5/sap.ui.webc.fiori 1.115.1 → 1.116.0

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

@@ -1,10 +1,14 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/main/thirdparty/Dialog", "sap/ui/webc/main/thirdparty/Button", "sap/ui/webc/main/thirdparty/Label", "sap/ui/webc/main/thirdparty/GroupHeaderListItem", "sap/ui/webc/main/thirdparty/List", "sap/ui/webc/main/thirdparty/StandardListItem", "sap/ui/webc/main/thirdparty/Title", "sap/ui/webc/main/thirdparty/SegmentedButton", "sap/ui/webc/main/thirdparty/SegmentedButtonItem", "./Bar", "./types/ViewSettingsDialogMode", "sap/ui/webc/common/thirdparty/icons/sort", "sap/ui/webc/common/thirdparty/icons/filter", "sap/ui/webc/common/thirdparty/icons/nav-back", "./generated/i18n/i18n-defaults", "./generated/templates/ViewSettingsDialogTemplate.lit", "./generated/themes/ViewSettingsDialog.css"], function (_exports, _i18nBundle, _Device, _LitRenderer, _UI5Element, _Dialog, _Button, _Label, _GroupHeaderListItem, _List, _StandardListItem, _Title, _SegmentedButton, _SegmentedButtonItem, _Bar, _ViewSettingsDialogMode, _sort, _filter, _navBack, _i18nDefaults, _ViewSettingsDialogTemplate, _ViewSettingsDialog) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/event", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/main/thirdparty/Dialog", "sap/ui/webc/main/thirdparty/Button", "sap/ui/webc/main/thirdparty/Label", "sap/ui/webc/main/thirdparty/GroupHeaderListItem", "sap/ui/webc/main/thirdparty/List", "sap/ui/webc/main/thirdparty/StandardListItem", "sap/ui/webc/main/thirdparty/Title", "sap/ui/webc/main/thirdparty/SegmentedButton", "sap/ui/webc/main/thirdparty/SegmentedButtonItem", "./Bar", "./types/ViewSettingsDialogMode", "sap/ui/webc/common/thirdparty/icons/sort", "sap/ui/webc/common/thirdparty/icons/filter", "sap/ui/webc/common/thirdparty/icons/nav-back", "./generated/i18n/i18n-defaults", "./generated/templates/ViewSettingsDialogTemplate.lit", "./generated/themes/ViewSettingsDialog.css"], function (_exports, _property, _slot, _customElement, _event, _i18nBundle, _Device, _LitRenderer, _UI5Element, _Dialog, _Button, _Label, _GroupHeaderListItem, _List, _StandardListItem, _Title, _SegmentedButton, _SegmentedButtonItem, _Bar, _ViewSettingsDialogMode, _sort, _filter, _navBack, _i18nDefaults, _ViewSettingsDialogTemplate, _ViewSettingsDialog) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
+  _property = _interopRequireDefault(_property);
+  _slot = _interopRequireDefault(_slot);
+  _customElement = _interopRequireDefault(_customElement);
+  _event = _interopRequireDefault(_event);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _UI5Element = _interopRequireDefault(_UI5Element);
   _Dialog = _interopRequireDefault(_Dialog);
@@ -21,179 +25,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
   _ViewSettingsDialogTemplate = _interopRequireDefault(_ViewSettingsDialogTemplate);
   _ViewSettingsDialog = _interopRequireDefault(_ViewSettingsDialog);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Template
-
-  // Styles
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-view-settings-dialog",
-    managedSlots: true,
-    properties: /** @lends sap.ui.webcomponents.fiori.ViewSettingsDialog.prototype */{
-      /**
-       * Defines the initial sort order.
-       *
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      sortDescending: {
-        type: Boolean
-      },
-      /**
-       * Keeps recently focused list in order to focus it on next dialog open.
-       *
-       * @type {Object}
-       * @private
-       */
-      _recentlyFocused: {
-        type: Object
-      },
-      /**
-       * Stores settings of the dialog before the initial open.
-       *
-       * @type {Object}
-       * @private
-       */
-      _initialSettings: {
-        type: Object
-      },
-      /**
-       * Stores settings of the dialog after confirmation.
-       *
-       * @type {Object}
-       * @private
-       */
-      _confirmedSettings: {
-        type: Object
-      },
-      /**
-       * Stores current settings of the dialog.
-       *
-       * @type {Object}
-       * @private
-       */
-      _currentSettings: {
-        type: Object
-      },
-      /**
-       * Defnies the current mode of the component.
-       *
-       * @since 1.0.0-rc.16
-       * @private
-       */
-      _currentMode: {
-        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.
-       *
-       * @since 1.0.0-rc.16
-       * @private
-       */
-      _filterStepTwo: {
-        type: Boolean,
-        noAttribute: true
-      }
-    },
-    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>
-       *
-       * @type {sap.ui.webcomponents.fiori.ISortItem[]}
-       * @slot sortItems
-       * @public
-       */
-      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>
-       *
-       * @type {sap.ui.webcomponents.fiori.IFilterItem[]}
-       * @slot filterItems
-       * @public
-       */
-      filterItems: {
-        type: HTMLElement
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.fiori.ViewSettingsDialog.prototype */{
-      /**
-       * Fired when confirmation button is activated.
-       *
-       * @event sap.ui.webcomponents.fiori.ViewSettingsDialog#confirm
-       * @param {String} sortOrder The current sort order selected.
-       * @param {String} sortBy The currently selected <code>ui5-sort-item</code> text attribute.
-       * @param {HTMLElement} sortByItem The currently selected <code>ui5-sort-item</code>.
-       * @param {Boolean} sortDescending The selected sort order (true = descending, false = ascending).
-       * @param {Array} filterItems The selected filters items.
-       * @public
-       */
-      confirm: {
-        detail: {
-          sortOrder: {
-            type: String
-          },
-          sortBy: {
-            type: String
-          },
-          sortByItem: {
-            type: HTMLElement
-          },
-          sortDescending: {
-            type: Boolean
-          },
-          filters: {
-            type: Array
-          }
-        }
-      },
-      /**
-       * Fired when cancel button is activated.
-       *
-       * @event sap.ui.webcomponents.fiori.ViewSettingsDialog#cancel
-       * @param {String} sortOrder The current sort order selected.
-       * @param {String} sortBy The currently selected <code>ui5-sort-item</code> text attribute.
-       * @param {HTMLElement} sortByItem The currently selected <code>ui5-sort-item</code>.
-       * @param {Boolean} sortDescending The selected sort order (true = descending, false = ascending).
-       * @param {Array} filterItems The selected filters items.
-       * @public
-       */
-      cancel: {
-        detail: {
-          sortOrder: {
-            type: String
-          },
-          sortBy: {
-            type: String
-          },
-          sortByItem: {
-            type: HTMLElement
-          },
-          sortDescending: {
-            type: Boolean
-          },
-          filters: {
-            type: Array
-          }
-        }
-      },
-      /**
-       * Fired before the component is opened. <b>This event does not bubble.</b>
-       *
-       * @public
-       * @event sap.ui.webcomponents.fiori.ViewSettingsDialog#before-open
-       */
-      "before-open": {}
-    }
+  var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+    var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
-
+  var ViewSettingsDialog_1;
   /**
    * @class
    * <h3 class="comment-api-title">Overview</h3>
@@ -219,14 +58,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.fiori.ViewSettingsDialog
-   * @extends UI5Element
+   * @alias sap.ui.webc.fiori.ViewSettingsDialog
+   * @extends sap.ui.webc.base.UI5Element
    * @tagname ui5-view-settings-dialog
-   * @appenddocs SortItem FilterItem FilterItemOption
+   * @appenddocs sap.ui.webc.fiori.SortItem sap.ui.webc.fiori.FilterItem sap.ui.webc.fiori.FilterItemOption
    * @since 1.0.0-rc.16
    * @public
    */
-  class ViewSettingsDialog extends _UI5Element.default {
+  let ViewSettingsDialog = ViewSettingsDialog_1 = class ViewSettingsDialog extends _UI5Element.default {
     constructor() {
       super();
       this._currentSettings = {
@@ -252,26 +91,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
             selectedCount++;
           }
         }
-        filter.additionalText = !selectedCount ? "" : 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");
+      ViewSettingsDialog_1.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents-fiori");
     }
     get _selectedFilter() {
       for (let i = 0; i < this._currentSettings.filters.length; i++) {
@@ -279,7 +103,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
           return this._currentSettings.filters[i];
         }
       }
-      return "";
     }
     get shouldBuildSort() {
       return !!this.sortItems.length;
@@ -291,34 +114,35 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       return this.shouldBuildSort && this.shouldBuildFilter;
     }
     get _filterByTitle() {
-      return `${ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_FILTER_BY)}: ${this._selectedFilter.text}`;
+      const selectedFilterText = this._selectedFilter ? this._selectedFilter.text : "";
+      return `${ViewSettingsDialog_1.i18nBundle.getText(_i18nDefaults.VSD_FILTER_BY)}: ${selectedFilterText}`;
     }
     get _dialogTitle() {
-      return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_DIALOG_TITLE_SORT);
+      return ViewSettingsDialog_1.i18nBundle.getText(_i18nDefaults.VSD_DIALOG_TITLE_SORT);
     }
     get _okButtonLabel() {
-      return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_SUBMIT_BUTTON);
+      return ViewSettingsDialog_1.i18nBundle.getText(_i18nDefaults.VSD_SUBMIT_BUTTON);
     }
     get _cancelButtonLabel() {
-      return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_CANCEL_BUTTON);
+      return ViewSettingsDialog_1.i18nBundle.getText(_i18nDefaults.VSD_CANCEL_BUTTON);
     }
     get _resetButtonLabel() {
-      return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_RESET_BUTTON);
+      return ViewSettingsDialog_1.i18nBundle.getText(_i18nDefaults.VSD_RESET_BUTTON);
     }
     get _ascendingLabel() {
-      return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_ORDER_ASCENDING);
+      return ViewSettingsDialog_1.i18nBundle.getText(_i18nDefaults.VSD_ORDER_ASCENDING);
     }
     get _descendingLabel() {
-      return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_ORDER_DESCENDING);
+      return ViewSettingsDialog_1.i18nBundle.getText(_i18nDefaults.VSD_ORDER_DESCENDING);
     }
     get _sortOrderLabel() {
-      return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_SORT_ORDER);
+      return ViewSettingsDialog_1.i18nBundle.getText(_i18nDefaults.VSD_SORT_ORDER);
     }
     get _filterByLabel() {
-      return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_FILTER_BY);
+      return ViewSettingsDialog_1.i18nBundle.getText(_i18nDefaults.VSD_FILTER_BY);
     }
     get _sortByLabel() {
-      return ViewSettingsDialog.i18nBundle.getText(_i18nDefaults.VSD_SORT_BY);
+      return ViewSettingsDialog_1.i18nBundle.getText(_i18nDefaults.VSD_SORT_BY);
     }
     get _isPhone() {
       return (0, _Device.isPhone)();
@@ -329,7 +153,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
     get _title() {
       return this.showBackButton ? this._filterByTitle : this._dialogTitle;
     }
-
     /**
      * Determines disabled state of the <code>Reset</code> button.
      */
@@ -358,7 +181,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       });
       return filtersAreInitial;
     }
-
     /**
      * Returns the current settings (current state of all lists).
      */
@@ -419,16 +241,16 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
     get _dialogDomRef() {
       return this.shadowRoot.querySelector("[ui5-dialog]");
     }
-
     /**
      * Shows the dialog.
      * @public
+     * @method
+     * @name sap.ui.webc.fiori.ViewSettingsDialog#show
      */
     show() {
       if (!this._dialog) {
         this._sortOrder = this._sortOrderListDomRef;
         this._sortBy = this._sortByList;
-
         // Sorting
         this._initialSettings = this._settings;
         this._currentSettings = this._settings;
@@ -439,17 +261,18 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       }
       this.fireEvent("before-open", {}, true, false);
       this._dialog.show(true);
-      this._dialog.querySelector("[ui5-list]").focusFirstItem();
+      this._dialog.querySelector("[ui5-list]")?.focusFirstItem();
     }
-    _handleModeChange(event) {
-      this._currentMode = _ViewSettingsDialogMode.default[event.detail.selectedItem.getAttribute("mode")];
+    _handleModeChange(e) {
+      const mode = e.detail.selectedItem.getAttribute("mode");
+      this._currentMode = _ViewSettingsDialogMode.default[mode];
     }
-    _handleFilterValueItemClick(event) {
+    _handleFilterValueItemClick(e) {
       // Update the component state
       this._currentSettings.filters = this._currentSettings.filters.map(filter => {
         if (filter.selected) {
           filter.filterOptions.forEach(option => {
-            if (option.text === event.detail.item.innerText) {
+            if (option.text === e.detail.item.innerText) {
               option.selected = !option.selected;
             }
           });
@@ -458,24 +281,22 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       });
       this._currentSettings = JSON.parse(JSON.stringify(this._currentSettings));
     }
-    _navigateToFilters(event) {
+    _navigateToFilters() {
       this._filterStepTwo = false;
     }
-    _changeCurrentFilter(event) {
+    _changeCurrentFilter(e) {
       this._filterStepTwo = true;
       this._currentSettings.filters = this._currentSettings.filters.map(filter => {
-        filter.selected = filter.text === event.detail.item.innerText;
+        filter.selected = filter.text === e.detail.item.innerText;
         return filter;
       });
     }
-
     /**
      * Closes the dialog.
      */
     close() {
       this._dialog && this._dialog.close();
     }
-
     /**
      * Sets focus on recently used control within the dialog.
      */
@@ -483,16 +304,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       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;
+      const recentlyFocusedSelectedItems = this._recentlyFocused.getSelectedItems();
       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.
      */
@@ -501,7 +317,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       this._confirmedSettings = this._currentSettings;
       this.fireEvent("confirm", this.eventsParams);
     }
-
     /**
      * Sets current settings to recently confirmed ones and fires <code>cancel</code> event.
      */
@@ -542,7 +357,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       });
       return result;
     }
-
     /**
      * If the dialog is closed by [ESC] key, do the same as if the <code>Cancel</code> button is pressed.
      *
@@ -551,21 +365,18 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
     _restoreConfirmedOnEscape(evt) {
       if (evt.detail.escPressed) {
         this._cancelSettings();
-        this._currentMode = "Sort";
+        this._currentMode = _ViewSettingsDialogMode.default.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.
      *
@@ -573,27 +384,26 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
      */
     _restoreSettings(settings) {
       this._currentSettings = JSON.parse(JSON.stringify(settings));
+      this._currentMode = _ViewSettingsDialogMode.default.Sort;
+      this._filterStepTwo = false;
     }
-
     /**
      * Stores <code>Sort Order</code> list as recently used control and its selected item in current state.
      */
-    _onSortOrderChange(event) {
+    _onSortOrderChange(e) {
       this._recentlyFocused = this._sortOrder;
       this._currentSettings.sortOrder = this.initSortOrderItems.map(item => {
-        item.selected = item.text === event.detail.item.innerText;
+        item.selected = item.text === e.detail.item.innerText;
         return item;
       });
-
       // 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"));
+    _onSortByChange(e) {
+      const selectedItemIndex = Number(e.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;
@@ -602,17 +412,21 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       // 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.
      * The <code>ui5-view-settings-dialog</code> throws an event called "before-open", this can be used as trigger point.
      * The object should have the following format:
-     * <code>{
-     *	{ "sortOrder" : "Ascending", "sortBy" : "Name", "filters" : [{"Filter 1": ["Some filter 1", "Some filter 2"]}, {"Filter 2": ["Some filter 4"]}]}
-     * }</code>
-     * @param {string} settings A value to be set as predefined settings.
+     * <code>
+     *  {sortOrder: "Ascending", sortBy: "Name", filters: [{"Filter 1": ["Some filter 1", "Some filter 2"]}, {"Filter 2": ["Some filter 4"]}]}
+     * </code>
+     * @param {Object} settings - predefined settings.
+     * @param {string} settings.sortOrder - sort order
+     * @param {string} settings.sortBy - sort by
+     * @param {Array.<Object>} settings.filters - filters
      * @public
+     * @method
+     * @name sap.ui.webc.fiori.ViewSettingsDialog#setConfirmedSettings
      */
     setConfirmedSettings(settings) {
       if (settings && this._dialog && !this._dialog.isOpen()) {
@@ -653,7 +467,103 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
         this._confirmedSettings = JSON.parse(JSON.stringify(tempSettings));
       }
     }
-  }
+  };
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], ViewSettingsDialog.prototype, "sortDescending", void 0);
+  __decorate([(0, _property.default)({
+    type: Object
+  })], ViewSettingsDialog.prototype, "_recentlyFocused", void 0);
+  __decorate([(0, _property.default)({
+    type: Object
+  })], ViewSettingsDialog.prototype, "_initialSettings", void 0);
+  __decorate([(0, _property.default)({
+    type: Object
+  })], ViewSettingsDialog.prototype, "_confirmedSettings", void 0);
+  __decorate([(0, _property.default)({
+    type: Object
+  })], ViewSettingsDialog.prototype, "_currentSettings", void 0);
+  __decorate([(0, _property.default)({
+    type: _ViewSettingsDialogMode.default,
+    defaultValue: _ViewSettingsDialogMode.default.Sort
+  })], ViewSettingsDialog.prototype, "_currentMode", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean,
+    noAttribute: true
+  })], ViewSettingsDialog.prototype, "_filterStepTwo", void 0);
+  __decorate([(0, _slot.default)()], ViewSettingsDialog.prototype, "sortItems", void 0);
+  __decorate([(0, _slot.default)()], ViewSettingsDialog.prototype, "filterItems", void 0);
+  ViewSettingsDialog = ViewSettingsDialog_1 = __decorate([(0, _customElement.default)({
+    tag: "ui5-view-settings-dialog",
+    renderer: _LitRenderer.default,
+    styles: _ViewSettingsDialog.default,
+    template: _ViewSettingsDialogTemplate.default,
+    dependencies: [_Bar.default, _Button.default, _Title.default, _Dialog.default, _Label.default, _List.default, _StandardListItem.default, _GroupHeaderListItem.default, _SegmentedButton.default, _SegmentedButtonItem.default]
+  })
+  /**
+   * Fired when confirmation button is activated.
+   *
+   * @event sap.ui.webc.fiori.ViewSettingsDialog#confirm
+   * @param {String} sortOrder The current sort order selected.
+   * @param {String} sortBy The currently selected <code>ui5-sort-item</code> text attribute.
+   * @param {HTMLElement} sortByItem The currently selected <code>ui5-sort-item</code>.
+   * @param {Boolean} sortDescending The selected sort order (true = descending, false = ascending).
+   * @param {Array} filters The selected filters items.
+   * @public
+   */, (0, _event.default)("confirm", {
+    detail: {
+      sortOrder: {
+        type: String
+      },
+      sortBy: {
+        type: String
+      },
+      sortByItem: {
+        type: HTMLElement
+      },
+      sortDescending: {
+        type: Boolean
+      },
+      filters: {
+        type: Array
+      }
+    }
+  })
+  /**
+   * Fired when cancel button is activated.
+   *
+   * @event sap.ui.webc.fiori.ViewSettingsDialog#cancel
+   * @param {String} sortOrder The current sort order selected.
+   * @param {String} sortBy The currently selected <code>ui5-sort-item</code> text attribute.
+   * @param {HTMLElement} sortByItem The currently selected <code>ui5-sort-item</code>.
+   * @param {Boolean} sortDescending The selected sort order (true = descending, false = ascending).
+   * @param {Array} filters The selected filters items.
+   * @public
+   */, (0, _event.default)("cancel", {
+    detail: {
+      sortOrder: {
+        type: String
+      },
+      sortBy: {
+        type: String
+      },
+      sortByItem: {
+        type: HTMLElement
+      },
+      sortDescending: {
+        type: Boolean
+      },
+      filters: {
+        type: Array
+      }
+    }
+  })
+  /**
+   * Fired before the component is opened. <b>This event does not bubble.</b>
+   *
+   * @public
+   * @event sap.ui.webc.fiori.ViewSettingsDialog#before-open
+   */, (0, _event.default)("before-open")], ViewSettingsDialog);
   ViewSettingsDialog.define();
   var _default = ViewSettingsDialog;
   _exports.default = _default;