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

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

@@ -1,122 +1,37 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/main/thirdparty/ListItemBase", "sap/ui/webc/common/thirdparty/base/types/Integer", "sap/ui/webc/main/thirdparty/types/Priority", "sap/ui/webc/common/thirdparty/icons/decline", "sap/ui/webc/common/thirdparty/icons/message-success", "sap/ui/webc/common/thirdparty/icons/message-error", "sap/ui/webc/common/thirdparty/icons/message-warning", "sap/ui/webc/common/thirdparty/icons/overflow", "./generated/templates/NotificationOverflowActionsPopoverTemplate.lit", "./generated/themes/NotificationOverflowActionsPopover.css"], function (_exports, _Keys, _i18nBundle, _ListItemBase, _Integer, _Priority, _decline, _messageSuccess, _messageError, _messageWarning, _overflow, _NotificationOverflowActionsPopoverTemplate, _NotificationOverflowActionsPopover) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/common/thirdparty/base/decorators/event", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/MarkedEvents", "sap/ui/webc/main/thirdparty/ListItemBase", "sap/ui/webc/common/thirdparty/base/types/Integer", "sap/ui/webc/main/thirdparty/types/Priority", "sap/ui/webc/common/thirdparty/icons/decline", "sap/ui/webc/common/thirdparty/icons/message-success", "sap/ui/webc/common/thirdparty/icons/message-error", "sap/ui/webc/common/thirdparty/icons/message-warning", "sap/ui/webc/common/thirdparty/icons/overflow", "./generated/templates/NotificationOverflowActionsPopoverTemplate.lit", "./generated/themes/NotificationOverflowActionsPopover.css"], function (_exports, _customElement, _Keys, _property, _slot, _event, _i18nBundle, _MarkedEvents, _ListItemBase, _Integer, _Priority, _decline, _messageSuccess, _messageError, _messageWarning, _overflow, _NotificationOverflowActionsPopoverTemplate, _NotificationOverflowActionsPopover) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
+  _customElement = _interopRequireDefault(_customElement);
+  _property = _interopRequireDefault(_property);
+  _slot = _interopRequireDefault(_slot);
+  _event = _interopRequireDefault(_event);
   _ListItemBase = _interopRequireDefault(_ListItemBase);
   _Integer = _interopRequireDefault(_Integer);
   _Priority = _interopRequireDefault(_Priority);
   _NotificationOverflowActionsPopoverTemplate = _interopRequireDefault(_NotificationOverflowActionsPopoverTemplate);
   _NotificationOverflowActionsPopover = _interopRequireDefault(_NotificationOverflowActionsPopover);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Icons
-
-  // Templates
-
-  // Styles
-
+  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 NotificationListItemBase_1;
   /**
-   * @public
+   * Defines the icons corresponding to the notification's priority.
    */
-  const metadata = {
-    managedSlots: true,
-    properties: /** @lends sap.ui.webcomponents.fiori.NotificationListItemBase.prototype */{
-      /**
-       * Defines the <code>titleText</code> of the item.
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      titleText: {
-        type: String
-      },
-      /**
-       * Defines the <code>priority</code> of the item.
-       * Available options are:
-       * <ul>
-       * <li><code>None</code></li>
-       * <li><code>Low</code></li>
-       * <li><code>Medium</code></li>
-       * <li><code>High</code></li>
-       * </ul>
-       * @type {Priority}
-       * @defaultvalue "None"
-       * @public
-       */
-      priority: {
-        type: _Priority.default,
-        defaultValue: _Priority.default.None
-      },
-      /**
-       * Defines if the <code>close</code> button would be displayed.
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      showClose: {
-        type: Boolean
-      },
-      /**
-       * Defines if the <code>notification</code> is new or has been already read.
-       * <br><br>
-       * <b>Note:</b> if set to <code>false</code> the <code>titleText</code> has bold font,
-       * if set to true - it has a normal font.
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      read: {
-        type: Boolean
-      },
-      /**
-       * Defines if a busy indicator would be displayed over the item.
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       * @since 1.0.0-rc.8
-       */
-      busy: {
-        type: Boolean
-      },
-      /**
-       * Defines the delay in milliseconds, after which the busy indicator will show up for this component.
-       *
-       * @type {Integer}
-       * @defaultValue 1000
-       * @public
-       */
-      busyDelay: {
-        type: _Integer.default,
-        defaultValue: 1000
-      }
-    },
-    slots: /** @lends sap.ui.webcomponents.fiori.NotificationListItemBase.prototype */{
-      /**
-       * Defines the actions, displayed in the top-right area.
-       * <br><br>
-       * <b>Note:</b> use the <code>ui5-notification-action</code> component.
-       *
-       * @type {sap.ui.webcomponents.fiori.INotificationAction[]}
-       * @slot
-       * @public
-       */
-      actions: {
-        type: HTMLElement
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.fiori.NotificationListItemBase.prototype */{
-      /**
-       * Fired when the <code>Close</code> button is pressed.
-       *
-       * @event
-       * @public
-       */
-      close: {}
-    }
+  const ICON_PER_PRIORITY = {
+    [_Priority.default.High]: "message-error",
+    [_Priority.default.Medium]: "message-warning",
+    [_Priority.default.Low]: "message-success",
+    [_Priority.default.None]: ""
   };
-
   /**
    * @class
    *
@@ -125,30 +40,19 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
    * @abstract
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.fiori.NotificationListItemBase
-   * @extends ListItemBase
-   * @tagname ui5-li-notification-group
+   * @alias sap.ui.webc.fiori.NotificationListItemBase
+   * @extends sap.ui.webc.main.ListItemBase
    * @since 1.0.0-rc.8
-   * @appenddocs NotificationAction
    * @public
    */
-  class NotificationListItemBase extends _ListItemBase.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get staticAreaTemplate() {
-      return _NotificationOverflowActionsPopoverTemplate.default;
-    }
-    static get staticAreaStyles() {
-      return _NotificationOverflowActionsPopover.default;
-    }
-    static priorityIconsMappings() {
-      return {
-        "High": "message-error",
-        "Medium": "message-warning",
-        "Low": "message-success"
-      };
-    }
+  /**
+   * Fired when the <code>Close</code> button is pressed.
+   *
+   * @event sap.ui.webc.fiori.NotificationListItemBase#close
+   * @param {HTMLElement} item the closed item.
+   * @public
+   */
+  let NotificationListItemBase = NotificationListItemBase_1 = class NotificationListItemBase extends _ListItemBase.default {
     get hasTitleText() {
       return !!this.titleText.length;
     }
@@ -156,7 +60,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
       return this.priority !== _Priority.default.None;
     }
     get priorityIcon() {
-      return NotificationListItemBase.priorityIconsMappings()[this.priority];
+      return ICON_PER_PRIORITY[this.priority];
     }
     get overflowButtonDOM() {
       return this.shadowRoot.querySelector(".ui5-nli-overflow-btn");
@@ -188,7 +92,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
         };
       });
     }
-
     /**
      * Event handlers
      */
@@ -200,22 +103,20 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
     _onBtnOverflowClick() {
       this.openOverflow();
     }
-    _onCustomActionClick(event) {
-      const refItemId = event.target.getAttribute("data-ui5-external-action-item-id");
+    _onCustomActionClick(e) {
+      const refItemId = e.target.getAttribute("data-ui5-external-action-item-id");
       if (refItemId) {
-        this.getActionByID(refItemId).fireEvent("click", {
-          targetRef: event.target
-        }, true);
+        this.getActionByID(refItemId).fireClickEvent(e);
         this.closeOverflow();
       }
     }
-    _onkeydown(event) {
-      super._onkeydown(event);
-      if (event.isMarked === "button") {
+    _onkeydown(e) {
+      super._onkeydown(e);
+      if ((0, _MarkedEvents.getEventMark)(e) === "button") {
         return;
       }
-      if ((0, _Keys.isSpace)(event)) {
-        event.preventDefault();
+      if ((0, _Keys.isSpace)(e)) {
+        e.preventDefault();
       }
     }
     getActionByID(id) {
@@ -234,9 +135,36 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
       return staticAreaItem.querySelector(".ui5-notification-overflow-popover");
     }
     static async onDefine() {
-      NotificationListItemBase.i18nFioriBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents-fiori");
+      NotificationListItemBase_1.i18nFioriBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents-fiori");
     }
-  }
+  };
+  __decorate([(0, _property.default)()], NotificationListItemBase.prototype, "titleText", void 0);
+  __decorate([(0, _property.default)({
+    type: _Priority.default,
+    defaultValue: _Priority.default.None
+  })], NotificationListItemBase.prototype, "priority", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], NotificationListItemBase.prototype, "showClose", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], NotificationListItemBase.prototype, "read", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], NotificationListItemBase.prototype, "busy", void 0);
+  __decorate([(0, _property.default)({
+    validator: _Integer.default,
+    defaultValue: 1000
+  })], NotificationListItemBase.prototype, "busyDelay", void 0);
+  __decorate([(0, _slot.default)()], NotificationListItemBase.prototype, "actions", void 0);
+  NotificationListItemBase = NotificationListItemBase_1 = __decorate([(0, _event.default)("close", {
+    detail: {
+      item: HTMLElement
+    }
+  }), (0, _customElement.default)({
+    staticAreaStyles: _NotificationOverflowActionsPopover.default,
+    staticAreaTemplate: _NotificationOverflowActionsPopoverTemplate.default
+  })], NotificationListItemBase);
   var _default = NotificationListItemBase;
   _exports.default = _default;
 });

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

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler", "sap/ui/webc/common/thirdparty/base/MediaRange", "./types/PageBackgroundDesign", "./generated/templates/PageTemplate.lit", "./generated/themes/Page.css"], function (_exports, _UI5Element, _LitRenderer, _ResizeHandler, _MediaRange, _PageBackgroundDesign, _PageTemplate, _Page) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler", "sap/ui/webc/common/thirdparty/base/MediaRange", "./types/PageBackgroundDesign", "./generated/templates/PageTemplate.lit", "./generated/themes/Page.css"], function (_exports, _UI5Element, _customElement, _property, _slot, _LitRenderer, _ResizeHandler, _MediaRange, _PageBackgroundDesign, _PageTemplate, _Page) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,6 +6,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
+  _customElement = _interopRequireDefault(_customElement);
+  _property = _interopRequireDefault(_property);
+  _slot = _interopRequireDefault(_slot);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _ResizeHandler = _interopRequireDefault(_ResizeHandler);
   _MediaRange = _interopRequireDefault(_MediaRange);
@@ -13,116 +16,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _PageTemplate = _interopRequireDefault(_PageTemplate);
   _Page = _interopRequireDefault(_Page);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Template
-
-  // Styles
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-page",
-    managedSlots: true,
-    languageAware: true,
-    properties: /** @lends sap.ui.webcomponents.fiori.Page.prototype */{
-      /**
-       * Defines the background color of the <code>ui5-page</code>.
-       * <br><br>
-       * <b>Note:</b> When a ui5-list is placed inside the page, we recommend using “List” to ensure better color contrast.
-       * <br><br>
-       * Available options are:
-       * <ul>
-       * <li><code>Solid</code></li> (default)
-       * <li><code>Transparent</code></li>
-       * <li><code>List</code></li>
-       * </ul>
-       * @type {PageBackgroundDesign}
-       * @defaultvalue "Solid"
-       * @public
-       */
-      backgroundDesign: {
-        type: String,
-        defaultValue: _PageBackgroundDesign.default.Solid
-      },
-      /**
-       * Disables vertical scrolling of page content.
-       * If set to true, there will be no vertical scrolling at all.
-       *
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      disableScrolling: {
-        type: Boolean
-      },
-      /**
-       * Defines if the footer should float over the content.
-       * <br><br>
-       * <b>Note:</b> When set to true the footer floats over the content with a slight offset from the bottom, otherwise it is fixed at the very bottom of the page.
-       * @type {boolean}
-       * @defaultvalue true
-       * @public
-       */
-      floatingFooter: {
-        type: Boolean
-      },
-      /**
-       * Defines the footer visibility.
-       *
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      hideFooter: {
-        type: Boolean
-      },
-      /**
-       * Defines the current media query size.
-       *
-       * @type {string}
-       * @private
-       * @since 1.0.0-rc.15
-       */
-      mediaRange: {
-        type: String
-      }
-    },
-    slots: /** @lends sap.ui.webcomponents.fiori.Page.prototype */{
-      /**
-       * Defines the header HTML Element.
-       *
-       * @type {sap.ui.webcomponents.fiori.IBar}
-       * @slot
-       * @public
-       */
-      header: {
-        type: HTMLElement
-      },
-      /**
-       * Defines the content HTML Element.
-       *
-       * @type {HTMLElement[]}
-       * @slot content
-       * @public
-       */
-      "default": {
-        propertyName: "content",
-        type: HTMLElement
-      },
-      /**
-       * Defines the footer HTML Element.
-       *
-       * @type {sap.ui.webcomponents.fiori.IBar}
-       * @slot
-       * @public
-       */
-      footer: {
-        type: HTMLElement
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.fiori.Page.prototype */{}
+  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;
   };
-
   /**
    * @class
    *
@@ -142,6 +42,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    *
    * <b>Note:</b> <code>ui5-page</code> occipues the whole available space of its parent. In order to achieve the intended design you have to make sure
    * that there is enough space for the <code>ui5-page</code> to be rendered.
+   * <b>Note:</b> In order for the <code>ui5-page</code> to be displayed, the parent element should have fixed height.
    *
    *
    * <h3>ES6 Module Import</h3>
@@ -150,25 +51,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.fiori.Page
-   * @extends UI5Element
+   * @alias sap.ui.webc.fiori.Page
+   * @extends sap.ui.webc.base.UI5Element
    * @tagname ui5-page
    * @since 1.0.0-rc.12
    * @public
    */
-  class Page extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get styles() {
-      return _Page.default;
-    }
-    static get template() {
-      return _PageTemplate.default;
-    }
+  let Page = class Page extends _UI5Element.default {
     constructor() {
       super();
       this._updateMediaRange = this.updateMediaRange.bind(this);
@@ -201,7 +90,34 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         footer: {}
       };
     }
-  }
+  };
+  __decorate([(0, _property.default)({
+    type: _PageBackgroundDesign.default,
+    defaultValue: _PageBackgroundDesign.default.Solid
+  })], Page.prototype, "backgroundDesign", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Page.prototype, "disableScrolling", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Page.prototype, "floatingFooter", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Page.prototype, "hideFooter", void 0);
+  __decorate([(0, _property.default)()], Page.prototype, "mediaRange", void 0);
+  __decorate([(0, _slot.default)()], Page.prototype, "header", void 0);
+  __decorate([(0, _slot.default)({
+    type: HTMLElement,
+    "default": true
+  })], Page.prototype, "content", void 0);
+  __decorate([(0, _slot.default)()], Page.prototype, "footer", void 0);
+  Page = __decorate([(0, _customElement.default)({
+    tag: "ui5-page",
+    languageAware: true,
+    renderer: _LitRenderer.default,
+    styles: _Page.default,
+    template: _PageTemplate.default
+  })], Page);
   Page.define();
   var _default = Page;
   _exports.default = _default;

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

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation", "sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler", "sap/ui/webc/common/thirdparty/base/types/Integer", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/Keys", "./generated/templates/ProductSwitchTemplate.lit", "./generated/i18n/i18n-defaults", "./generated/themes/ProductSwitch.css"], function (_exports, _i18nBundle, _UI5Element, _ItemNavigation, _ResizeHandler, _Integer, _LitRenderer, _Keys, _ProductSwitchTemplate, _i18nDefaults, _ProductSwitch) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation", "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/delegate/ResizeHandler", "sap/ui/webc/common/thirdparty/base/types/Integer", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/Keys", "./generated/templates/ProductSwitchTemplate.lit", "./generated/i18n/i18n-defaults", "./generated/themes/ProductSwitch.css"], function (_exports, _i18nBundle, _UI5Element, _ItemNavigation, _property, _slot, _customElement, _ResizeHandler, _Integer, _LitRenderer, _Keys, _ProductSwitchTemplate, _i18nDefaults, _ProductSwitch) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -7,44 +7,23 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
   _ItemNavigation = _interopRequireDefault(_ItemNavigation);
+  _property = _interopRequireDefault(_property);
+  _slot = _interopRequireDefault(_slot);
+  _customElement = _interopRequireDefault(_customElement);
   _ResizeHandler = _interopRequireDefault(_ResizeHandler);
   _Integer = _interopRequireDefault(_Integer);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _ProductSwitchTemplate = _interopRequireDefault(_ProductSwitchTemplate);
   _ProductSwitch = _interopRequireDefault(_ProductSwitch);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Styles
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-product-switch",
-    properties: /** @lends sap.ui.webcomponents.fiori.ProductSwitch.prototype */{
-      /**
-       * Indicates how many columns are displayed.
-       * @private
-       */
-      desktopColumns: {
-        type: _Integer.default
-      }
-    },
-    managedSlots: true,
-    slots: /** @lends sap.ui.webcomponents.fiori.ProductSwitch.prototype */{
-      /**
-       * Defines the items of the <code>ui5-product-switch</code>.
-       *
-       * @type {sap.ui.webcomponents.fiori.IProductSwitchItem[]}
-       * @slot items
-       * @public
-       */
-      "default": {
-        propertyName: "items",
-        type: HTMLElement
-      }
-    }
+  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 ProductSwitch_1;
   /**
    * @class
    * <h3 class="comment-api-title">Overview</h3>
@@ -72,14 +51,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
    * <code>import "@ui5/webcomponents-fiori/dist/ProductSwitchItem.js";</code> (for <code>ui5-product-switch-item</code>)
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.fiori.ProductSwitch
-   * @extends sap.ui.webcomponents.base.UI5Element
+   * @alias sap.ui.webc.fiori.ProductSwitch
+   * @extends sap.ui.webc.base.UI5Element
    * @tagname ui5-product-switch
-   * @appenddocs ProductSwitchItem
+   * @appenddocs sap.ui.webc.fiori.ProductSwitchItem
    * @public
    * @since 1.0.0-rc.5
    */
-  class ProductSwitch extends _UI5Element.default {
+  let ProductSwitch = ProductSwitch_1 = class ProductSwitch extends _UI5Element.default {
     constructor() {
       super();
       this._currentIndex = 0;
@@ -88,18 +67,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
         rowSize: this._rowSize,
         getItemsCallback: () => this.items
       });
-    }
-    static get metadata() {
-      return metadata;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get styles() {
-      return _ProductSwitch.default;
-    }
-    static get template() {
-      return _ProductSwitchTemplate.default;
+      this._handleResizeBound = this._handleResize.bind(this);
     }
     static get ROW_MIN_WIDTH() {
       return {
@@ -108,13 +76,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       };
     }
     static async onDefine() {
-      ProductSwitch.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents-fiori");
+      ProductSwitch_1.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents-fiori");
     }
     get _ariaLabelText() {
-      return ProductSwitch.i18nBundle.getText(_i18nDefaults.PRODUCT_SWITCH_CONTAINER_LABEL);
+      return ProductSwitch_1.i18nBundle.getText(_i18nDefaults.PRODUCT_SWITCH_CONTAINER_LABEL);
     }
     onEnterDOM() {
-      this._handleResizeBound = this._handleResize.bind(this);
       _ResizeHandler.default.register(document.body, this._handleResizeBound);
     }
     onExitDOM() {
@@ -133,14 +100,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
         this._setRowSize(4);
       }
     }
-    handleProductSwitchItemClick(event) {
+    handleProductSwitchItemClick(e) {
       this.items.forEach(item => {
         item.selected = false;
       });
-      event.target.selected = true;
+      e.target.selected = true;
     }
-    _onfocusin(event) {
-      const target = event.target;
+    _onfocusin(e) {
+      const target = e.target;
       this._itemNavigation.setCurrentItem(target);
       this._currentIndex = this.items.indexOf(target);
     }
@@ -148,27 +115,40 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/
       this._rowSize = size;
       this._itemNavigation.setRowSize(size);
     }
-    _onkeydown(event) {
-      if ((0, _Keys.isDown)(event)) {
-        this._handleDown(event);
-      } else if ((0, _Keys.isUp)(event)) {
-        this._handleUp(event);
+    _onkeydown(e) {
+      if ((0, _Keys.isDown)(e)) {
+        this._handleDown(e);
+      } else if ((0, _Keys.isUp)(e)) {
+        this._handleUp(e);
       }
     }
-    _handleDown(event) {
+    _handleDown(e) {
       const itemsLength = this.items.length;
       if (this._currentIndex + this._rowSize > itemsLength) {
         // border reached, do nothing
-        event.stopPropagation();
+        e.stopPropagation();
       }
     }
-    _handleUp(event) {
+    _handleUp(e) {
       if (this._currentIndex - this._rowSize < 0) {
         // border reached, do nothing
-        event.stopPropagation();
+        e.stopPropagation();
       }
     }
-  }
+  };
+  __decorate([(0, _property.default)({
+    validator: _Integer.default
+  })], ProductSwitch.prototype, "desktopColumns", void 0);
+  __decorate([(0, _slot.default)({
+    type: HTMLElement,
+    "default": true
+  })], ProductSwitch.prototype, "items", void 0);
+  ProductSwitch = ProductSwitch_1 = __decorate([(0, _customElement.default)({
+    tag: "ui5-product-switch",
+    renderer: _LitRenderer.default,
+    styles: _ProductSwitch.default,
+    template: _ProductSwitchTemplate.default
+  })], ProductSwitch);
   ProductSwitch.define();
   var _default = ProductSwitch;
   _exports.default = _default;