constructor() {
      super();
      this._onResize = this._updateLayout.bind(this);
      this._itemNavigation = new _ItemNavigation.default(this, {
        navigationMode: _NavigationMode.default.Auto,
        getItemsCallback: () => this._getFocusableItems()
      });
    }
@class

<h3 class="comment-api-title">Overview</h3>

The <code>ui5-media-gallery</code> component allows the user to browse through multimedia items. Currently,
the supported items are images and videos. The items should be defined using the <code>ui5-media-gallery-item</code>
component.

The items are initially displayed as thumbnails. When the user selects a thumbnail, the corresponding item
is displayed in larger size.
<br>
The component is responsive by default and adjusts the position of the menu with respect to viewport size,
but the application is able to further customize the layout via the provided API.

<h3>Keyboard Handling</h3>
The <code>ui5-media-gallery</code> provides advanced keyboard handling.
<br>
When the thumbnails menu is focused the following keyboard
shortcuts allow the user to navigate through the thumbnail items:
<br>

<ul>
<li>[UP/DOWN] - Navigates up and down the items</li>
<li>[HOME] - Navigates to first item</li>
<li>[END] - Navigates to the last item</li>
<li>[SPACE/ENTER] - Select an item</li>
</ul>
<br>

<h3>ES6 Module Import</h3>
<code>import "@ui5/webcomponents-fiori/dist/MediaGallery";</code>
<br>
<code>import "@ui5/webcomponents-fiori/dist/MediaGalleryItem";</code>

@constructor
@author SAP SE
@alias sap.ui.webc.fiori.MediaGallery
@extends sap.ui.webc.base.UI5Element
@tagname ui5-media-gallery
@appenddocs sap.ui.webc.fiori.MediaGalleryItem
@public
@since 1.1.0