constructor() {
      super();
      this._currentIndex = 0;
      this._rowSize = 4;
      this._itemNavigation = new _ItemNavigation.default(this, {
        rowSize: this._rowSize,
        getItemsCallback: () => this.items
      });
      this._handleResizeBound = this._handleResize.bind(this);
    }
@class
<h3 class="comment-api-title">Overview</h3>

The <code>ui5-product-switch</code> is an SAP Fiori specific web component that is used in <code>ui5-shellbar</code>
and allows the user to easily switch between products.
<br><br>

<h3>Keyboard Handling</h3>
The <code>ui5-product-switch</code> provides advanced keyboard handling.
When focused, the user can use the following keyboard
shortcuts in order to perform a navigation:
<br>
<ul>
<li>[TAB] - Move focus to the next interactive element after the <code>ui5-product-switch</code></li>
<li>[UP/DOWN] - Navigates up and down the items </li>
<li>[LEFT/RIGHT] - Navigates left and right the items</li>
</ul>
<br>
<br>

<h3>ES6 Module Import</h3>
<code>import "@ui5/webcomponents-fiori/dist/ProductSwitch.js";</code>
<br>
<code>import "@ui5/webcomponents-fiori/dist/ProductSwitchItem.js";</code> (for <code>ui5-product-switch-item</code>)
@constructor
@author SAP SE
@alias sap.ui.webc.fiori.ProductSwitch
@extends sap.ui.webc.base.UI5Element
@tagname ui5-product-switch
@appenddocs sap.ui.webc.fiori.ProductSwitchItem
@public
@since 1.0.0-rc.5