@ui5/webcomponents-fiori 1.21.0 → 1.22.0-rc.0

package/dist/custom-elements.json

@@ -1 +1,4098 @@
-{"schemaVersion":"1.0.0","readme":"","modules":[{"kind":"javascript-module","path":"Bar.js","declarations":[{"deprecated":false,"customElement":true,"kind":"Bar","name":"Bar","tagName":"ui5-bar","slots":[{"deprecated":false,"description":"Defines the content in the middle of the bar.","name":"default"},{"deprecated":false,"description":"Defines the content at the end of the bar.","name":"endContent"},{"deprecated":false,"description":"Defines the content at the start of the bar.","name":"startContent"}],"attributes":[{"default":"\"Header\"","deprecated":false,"fieldName":"design","name":"design","type":{"text":"sap.ui.webc.fiori.types.BarDesign"},"description":"Defines the component's design."}],"description":"<h3 class=\"comment-api-title\">Overview</h3> The Bar is a container which is primarily used to hold titles, buttons and input elements and its design and functionality is the basis for page headers and footers. The component consists of three areas to hold its content - startContent slot, default slot and endContent slot. It has the capability to center content, such as a title, while having other components on the left and right side.\n\n<h3>Usage</h3> With the use of the design property, you can set the style of the Bar to appear designed like a Header, Subheader, Footer and FloatingFooter. <br> <b>Note:</b> Do not place a Bar inside another Bar or inside any bar-like component. Doing so may cause unpredictable behavior.\n\n<h3>Responsive Behavior</h3> The default slot will be centered in the available space between the startContent and the endContent areas, therefore it might not always be centered in the entire bar.\n\n<h3>CSS Shadow Parts</h3>\n\n<ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM. <br> The <code>ui5-bar</code> exposes the following CSS Shadow Parts: <ul> <li>bar - Used to style the wrapper of the content of the component</li> </ul>\n\n<h3>Keyboard Handling</h3>\n\n<h4>Fast Navigation</h4> This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up</code>. In order to use this functionality, you need to import the following module: <code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code> <br><br>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/Bar.js\";</code>","members":[{"deprecated":false,"kind":"field","name":"design","privacy":"public","static":false,"type":{"text":"sap.ui.webc.fiori.types.BarDesign"},"default":"\"Header\"","description":"Defines the component's design."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"Bar.js","name":"Bar","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"Bar","module":"Bar.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-bar"}]},{"kind":"javascript-module","path":"BarcodeScannerDialog.js","declarations":[{"deprecated":false,"customElement":true,"kind":"BarcodeScannerDialog","name":"BarcodeScannerDialog","tagName":"ui5-barcode-scanner-dialog","events":[{"deprecated":false,"name":"scan-error","type":"CustomEvent","description":"Fires when the scan fails with error."},{"deprecated":false,"name":"scan-success","type":"CustomEvent","description":"Fires when the scan is completed successfuuly."}],"description":"<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>BarcodeScannerDialog</code> component provides barcode scanning functionality for all devices that support the <code>MediaDevices.getUserMedia()</code> native API. Opening the dialog launches the device camera and scans for known barcode formats. <br> <br> A <code>scanSuccess</code> event fires whenever a barcode is identified and a <code>scanError</code> event fires when the scan failed (for example, due to missing permisions). <br> <br> Internally, the component uses the zxing-js/library third party OSS.\n\nFor a list of supported barcode formats, see the <ui5-link target=\"_blank\" href=\"https://github.com/zxing-js/library\">zxing-js/library</ui5-link> documentation.","members":[{"deprecated":false,"kind":"method","name":"close","privacy":"public","description":"Closes the dialog and the scan session."},{"deprecated":false,"kind":"method","name":"show","privacy":"public","description":"Shows a dialog with the camera videostream. Starts a scan session."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"BarcodeScannerDialog.js","name":"BarcodeScannerDialog","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"BarcodeScannerDialog","module":"BarcodeScannerDialog.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-barcode-scanner-dialog"}]},{"kind":"javascript-module","path":"DynamicSideContent.js","declarations":[{"deprecated":false,"customElement":true,"kind":"DynamicSideContent","name":"DynamicSideContent","tagName":"ui5-dynamic-side-content","slots":[{"deprecated":false,"description":"Defines the main content.","name":"default"},{"deprecated":false,"description":"Defines the side content.","name":"sideContent"}],"events":[{"deprecated":false,"name":"layout-change","type":"CustomEvent","description":"Fires when the current breakpoint has been changed."}],"attributes":[{"default":"false","deprecated":false,"fieldName":"equalSplit","name":"equal-split","type":{"text":"boolean"},"description":"Defines whether the component is in equal split mode. In this mode, the side and the main content take 50:50 percent of the container on all screen sizes except for phone, where the main and side contents are switching visibility using the toggle method."},{"default":"false","deprecated":false,"fieldName":"hideMainContent","name":"hide-main-content","type":{"text":"boolean"},"description":"Defines the visibility of the main content."},{"default":"false","deprecated":false,"fieldName":"hideSideContent","name":"hide-side-content","type":{"text":"boolean"},"description":"Defines the visibility of the side content."},{"default":"\"OnMinimumWidth\"","deprecated":false,"fieldName":"sideContentFallDown","name":"side-content-fall-down","type":{"text":"sap.ui.webc.fiori.types.SideContentFallDown"},"description":"Defines on which breakpoints the side content falls down below the main content.\n\n<br><br> <b>The available values are:</b>\n\n<ul> <li><code>BelowXL</code></li> <li><code>BelowL</code></li> <li><code>BelowM</code></li> <li><code>OnMinimumWidth</code></li> </ul>"},{"default":"\"End\"","deprecated":false,"fieldName":"sideContentPosition","name":"side-content-position","type":{"text":"sap.ui.webc.fiori.types.SideContentPosition"},"description":"Defines whether the side content is positioned before the main content (left side in LTR mode), or after the the main content (right side in LTR mode).\n\n<br><br> <b>The available values are:</b>\n\n<ul> <li><code>Start</code></li> <li><code>End</code></li> </ul>"},{"default":"\"ShowAboveS\"","deprecated":false,"fieldName":"sideContentVisibility","name":"side-content-visibility","type":{"text":"sap.ui.webc.fiori.types.SideContentVisibility"},"description":"Defines on which breakpoints the side content is visible.\n\n<br><br> <b>The available values are:</b>\n\n<ul> <li><code>AlwaysShow</code></li> <li><code>ShowAboveL</code></li> <li><code>ShowAboveM</code></li> <li><code>ShowAboveS</code></li> <li><code>NeverShow</code></li> </ul>"}],"description":"<h3 class=\"comment-api-title\">Overview</h3>\n\nThe DynamicSideContent (<code>ui5-dynamic-side-content</code>) is a layout component that allows additional content to be displayed in a way that flexibly adapts to different screen sizes. The side content appears in a container next to or directly below the main content (it doesn't overlay). When the side content is triggered, the main content becomes narrower (if appearing side-by-side). The side content contains a separate scrollbar when appearing next to the main content.\n\n<h3>Usage</h3>\n\n<i>When to use?</i>\n\nUse this component if you want to display relevant information that is not critical for users to complete a task. Users should have access to all the key functions and critical information in the app even if they do not see the side content. This is important because on smaller screen sizes it may be difficult to display the side content in a way that is easily accessible for the user.\n\n<i>When not to use?</i>\n\nDon't use it if you want to display navigation or critical information that prevents users from completing a task when they have no access to the side content.\n\n<h3>Responsive Behavior</h3>\n\nScreen width > 1440px\n\n<ul><li>Main vs. side content ratio is 75 vs. 25 percent (with a minimum of 320px each).</li> <li>If the application defines a trigger, the side content can be hidden.</li></ul>\n\nScreen width <= 1440px and > 1024px\n\n<ul><li>Main vs. side content ratio is 66.666 vs. 33.333 percent (with a minimum of 320px each). If the side content width falls below 320 px, it automatically slides under the main content, unless the app development team specifies that it should disappear.</li></ul>\n\nScreen width <= 1024px and > 720px\n\n<ul><li>The side content ratio is fixed to 340px, and the main content takes the rest of the width. Only if the <code>sideContentFallDown</code> is set to <code>OnMinimumWidth</code> and screen width is <= 960px and > 720px the side content falls below the main content.</li></ul>\n\nScreen width <= 720px (for example on a mobile device)\n\n<ul><li>In this case, the side content automatically disappears from the screen (unless specified to stay under the content by setting of <code>sideContentVisibility</code> property to <code>AlwaysShow</code>) and can be triggered from a pre-set trigger (specified within the app). When the side content is triggered, it replaces the main content. We recommend that you always place the trigger for the side content in the same location, such as in the app footer.</li></ul>\n\nA special case allows switching the comparison mode between the main and side content. In this case, the screen is split into 50:50 percent for main vs. side content. The responsive behavior of the equal split is the same as in the standard view - the side content disappears on screen widths of less than 720 px and can only be viewed by triggering it.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/DynamicSideContent\";</code>","members":[{"deprecated":false,"kind":"field","name":"equalSplit","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines whether the component is in equal split mode. In this mode, the side and the main content take 50:50 percent of the container on all screen sizes except for phone, where the main and side contents are switching visibility using the toggle method."},{"deprecated":false,"kind":"field","name":"hideMainContent","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines the visibility of the main content."},{"deprecated":false,"kind":"field","name":"hideSideContent","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines the visibility of the side content."},{"deprecated":false,"kind":"field","name":"sideContentFallDown","privacy":"public","static":false,"type":{"text":"sap.ui.webc.fiori.types.SideContentFallDown"},"default":"\"OnMinimumWidth\"","description":"Defines on which breakpoints the side content falls down below the main content.\n\n<br><br> <b>The available values are:</b>\n\n<ul> <li><code>BelowXL</code></li> <li><code>BelowL</code></li> <li><code>BelowM</code></li> <li><code>OnMinimumWidth</code></li> </ul>"},{"deprecated":false,"kind":"field","name":"sideContentPosition","privacy":"public","static":false,"type":{"text":"sap.ui.webc.fiori.types.SideContentPosition"},"default":"\"End\"","description":"Defines whether the side content is positioned before the main content (left side in LTR mode), or after the the main content (right side in LTR mode).\n\n<br><br> <b>The available values are:</b>\n\n<ul> <li><code>Start</code></li> <li><code>End</code></li> </ul>"},{"deprecated":false,"kind":"field","name":"sideContentVisibility","privacy":"public","static":false,"type":{"text":"sap.ui.webc.fiori.types.SideContentVisibility"},"default":"\"ShowAboveS\"","description":"Defines on which breakpoints the side content is visible.\n\n<br><br> <b>The available values are:</b>\n\n<ul> <li><code>AlwaysShow</code></li> <li><code>ShowAboveL</code></li> <li><code>ShowAboveM</code></li> <li><code>ShowAboveS</code></li> <li><code>NeverShow</code></li> </ul>"},{"deprecated":false,"kind":"method","name":"toggleContents","privacy":"public","description":"Toggles visibility of main and side contents on S screen size (mobile device)."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"DynamicSideContent.js","name":"DynamicSideContent","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"DynamicSideContent","module":"DynamicSideContent.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-dynamic-side-content"}]},{"kind":"javascript-module","path":"FilterItem.js","declarations":[{"deprecated":false,"customElement":true,"kind":"FilterItem","name":"FilterItem","tagName":"ui5-filter-item","slots":[{"deprecated":false,"description":"Defines the <code>values</code> list.","name":"values"}],"attributes":[{"default":"\"\"","deprecated":false,"fieldName":"additionalText","name":"additional-text","type":{"text":"string"},"description":"Defines the additional text of the component."},{"default":"\"\"","deprecated":false,"fieldName":"text","name":"text","type":{"text":"string"},"description":"Defines the text of the component."}],"description":"<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>ui5-filter-item</code> <h3>ES6 Module Import</h3>\n\n<code>import @ui5/webcomponents-fiori/dist/FilterItem.js\";</code>","members":[{"deprecated":false,"kind":"field","name":"additionalText","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the additional text of the component."},{"deprecated":false,"kind":"field","name":"text","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the text of the component."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"FilterItem.js","name":"FilterItem","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"FilterItem","module":"FilterItem.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-filter-item"}]},{"kind":"javascript-module","path":"FilterItemOption.js","declarations":[{"deprecated":false,"customElement":true,"kind":"FilterItemOption","name":"FilterItemOption","tagName":"ui5-filter-item-option","attributes":[{"default":"false","deprecated":false,"fieldName":"selected","name":"selected","type":{"text":"boolean"},"description":"Defines if the component is selected."},{"default":"\"\"","deprecated":false,"fieldName":"text","name":"text","type":{"text":"string"},"description":"Defines the text of the component."}],"description":"<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>ui5-filter-item-option</code> <h3>ES6 Module Import</h3>\n\n<code>import @ui5/webcomponents-fiori/dist/FilterItemOption.js\";</code>","members":[{"deprecated":false,"kind":"field","name":"selected","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines if the component is selected."},{"deprecated":false,"kind":"field","name":"text","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the text of the component."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"FilterItemOption.js","name":"FilterItemOption","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"FilterItemOption","module":"FilterItemOption.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-filter-item-option"}]},{"kind":"javascript-module","path":"FlexibleColumnLayout.js","declarations":[{"deprecated":false,"customElement":true,"kind":"FlexibleColumnLayout","name":"FlexibleColumnLayout","tagName":"ui5-flexible-column-layout","slots":[{"deprecated":false,"description":"Defines the content in the end column.","name":"endColumn"},{"deprecated":false,"description":"Defines the content in the middle column.","name":"midColumn"},{"deprecated":false,"description":"Defines the content in the start column.","name":"startColumn"}],"events":[{"deprecated":false,"name":"layout-change","type":"CustomEvent","description":"Fired when the layout changes via user interaction by clicking the arrows or by changing the component size due to resizing."}],"attributes":[{"default":"false","deprecated":false,"fieldName":"hideArrows","name":"hide-arrows","type":{"text":"boolean"},"description":"Defines the visibility of the arrows, used for expanding and shrinking the columns."},{"default":"\"OneColumn\"","deprecated":false,"fieldName":"layout","name":"layout","type":{"text":"sap.ui.webc.fiori.types.FCLLayout"},"description":"Defines the columns layout and their proportion. <br><br> <b>Note:</b> The layout also depends on the screen size - one column for screens smaller than 599px, two columns between 599px and 1023px and three columns for sizes bigger than 1023px. <br><br> <b>For example:</b> layout=<code>TwoColumnsStartExpanded</code> means the layout will display up to two columns in 67%/33% proportion."}],"description":"<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>FlexibleColumnLayout</code> implements the list-detail-detail paradigm by displaying up to three pages in separate columns. There are several possible layouts that can be changed either with the component API, or by pressing the arrows, displayed between the columns.\n\n<h3>Usage</h3>\n\nUse this component for applications that need to display several logical levels of related information side by side (e.g. list of items, item, sub-item, etc.). The Component is flexible in a sense that the application can focus the user's attention on one particular column.\n\n<h3>Responsive Behavior</h3>\n\nThe <code>FlexibleColumnLayout</code> automatically displays the maximum possible number of columns based on <code>layout</code> property and the window size. The component would display 1 column for window size smaller than 599px, up to two columns between 599px and 1023px, and 3 columns for sizes bigger than 1023px.\n\n<br><br> <h3>Keyboard Handling</h3>\n\n<h4>Basic Navigation</h4> <ul> <li>[SPACE, ENTER, RETURN] - If focus is on the layout toggle button (arrow button), once activated, it triggers the associated action (such as expand/collapse the column).</li> <li>This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up</code>. In order to use this functionality, you need to import the following module: <code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code></li> </ul>\n\n<h4>Fast Navigation</h4> This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up</code>. In order to use this functionality, you need to import the following module: <code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code> <br><br>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js\";</code>","members":[{"deprecated":false,"kind":"field","name":"accessibilityRoles","privacy":"public","static":false,"type":{"text":"object"},"description":"An object of strings that defines additional accessibility roles for further customization.\n\nIt supports the following fields: - <code>startColumnRole</code>: the accessibility role for the <code>startColumn</code> - <code>startArrowContainerRole</code>: the accessibility role for the first arrow container (between the <code>begin</code> and <code>mid</code> columns) - <code>midColumnRole</code>: the accessibility role for the <code>midColumn</code> - <code>endArrowContainerRole</code>: the accessibility role for the second arrow container (between the <code>mid</code> and <code>end</code> columns) - <code>endColumnRole</code>: the accessibility role for the <code>endColumn</code>"},{"deprecated":false,"kind":"field","name":"accessibilityTexts","privacy":"public","static":false,"type":{"text":"object"},"description":"An object of strings that defines several additional accessibility texts for even further customization.\n\nIt supports the following fields: - <code>startColumnAccessibleName</code>: the accessibility name for the <code>startColumn</code> region - <code>midColumnAccessibleName</code>: the accessibility name for the <code>midColumn</code> region - <code>endColumnAccessibleName</code>: the accessibility name for the <code>endColumn</code> region - <code>startArrowLeftText</code>: the text that the first arrow (between the <code>begin</code> and <code>mid</code> columns) will have when pointing to the left - <code>startArrowRightText</code>: the text that the first arrow (between the <code>begin</code> and <code>mid</code> columns) will have when pointing to the right - <code>endArrowLeftText</code>: the text that the second arrow (between the <code>mid</code> and <code>end</code> columns) will have when pointing to the left - <code>endArrowRightText</code>: the text that the second arrow (between the <code>mid</code> and <code>end</code> columns) will have when pointing to the right - <code>startArrowContainerAccessibleName</code>: the text that the first arrow container (between the <code>begin</code> and <code>mid</code> columns) will have as <code>aria-label</code> - <code>endArrowContainerAccessibleName</code>: the text that the second arrow container (between the <code>mid</code> and <code>end</code> columns) will have as <code>aria-label</code>"},{"deprecated":false,"kind":"field","name":"columnLayout","privacy":"public","static":false,"type":{"text":"array"},"default":"[\"100%\", 0, 0]","description":"Returns the current column layout, based on both the <code>layout</code> property and the screen size. <br><br> <b>For example:</b> [\"67%\", \"33%\", 0], [\"100%\", 0, 0], [\"25%\", \"50%\", \"25%\"], etc, where the numbers represents the width of the start, middle and end columns."},{"deprecated":false,"kind":"field","name":"endColumnVisible","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Returns if the <code>end</code> column is visible."},{"deprecated":false,"kind":"field","name":"hideArrows","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines the visibility of the arrows, used for expanding and shrinking the columns."},{"deprecated":false,"kind":"field","name":"layout","privacy":"public","static":false,"type":{"text":"sap.ui.webc.fiori.types.FCLLayout"},"default":"\"OneColumn\"","description":"Defines the columns layout and their proportion. <br><br> <b>Note:</b> The layout also depends on the screen size - one column for screens smaller than 599px, two columns between 599px and 1023px and three columns for sizes bigger than 1023px. <br><br> <b>For example:</b> layout=<code>TwoColumnsStartExpanded</code> means the layout will display up to two columns in 67%/33% proportion."},{"deprecated":false,"kind":"field","name":"midColumnVisible","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Returns if the <code>middle</code> column is visible."},{"deprecated":false,"kind":"field","name":"startColumnVisible","privacy":"public","static":false,"type":{"text":"boolean"},"default":"true","description":"Returns if the <code>start</code> column is visible."},{"deprecated":false,"kind":"field","name":"visibleColumns","privacy":"public","static":false,"type":{"text":"sap.ui.webc.base.types.Integer"},"default":"1","description":"Returns the number of currently visible columns."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"FlexibleColumnLayout.js","name":"FlexibleColumnLayout","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"FlexibleColumnLayout","module":"FlexibleColumnLayout.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-flexible-column-layout"}]},{"kind":"javascript-module","path":"IllustratedMessage.js","declarations":[{"deprecated":false,"customElement":true,"kind":"IllustratedMessage","name":"IllustratedMessage","tagName":"ui5-illustrated-message","slots":[{"deprecated":false,"description":"Defines the component actions.","name":"default"},{"deprecated":false,"description":"Defines the subtitle of the component. <br><br> <b>Note:</b> Using this slot, the default subtitle text of illustration and the value of <code>subtitleText</code> property will be overwritten.","name":"subtitle"},{"deprecated":false,"description":"Defines the title of the component. <br><br> <b>Note:</b> Using this slot, the default title text of illustration and the value of <code>title</code> property will be overwritten.","name":"title"}],"attributes":[{"default":"\"\"","deprecated":false,"fieldName":"accessibleNameRef","name":"accessible-name-ref","type":{"text":"string"},"description":"Receives id(or many ids) of the elements that label the component."},{"default":"\"BeforeSearch\"","deprecated":false,"fieldName":"name","name":"name","type":{"text":"sap.ui.webc.fiori.types.IllustrationMessageType"},"description":"Defines the illustration name that will be displayed in the component. <br><br> <b>Note:</b> By default the <code>BeforeSearch</code> illustration is loaded. <br> When using an illustration type, other than the default, it should be loaded in addition: <br> <code>import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\";</code> <br><br> <b>Note:</b> TNT illustrations cointain <code>Tnt</code> prefix in their name. You can import them removing the <code>Tnt</code> prefix like this: <br> <code>import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js\";</code>"},{"default":"\"Auto\"","deprecated":false,"fieldName":"size","name":"size","type":{"text":"sap.ui.webc.fiori.types.IllustrationMessageSize"},"description":"Determines which illustration breakpoint variant is used. <br><br>\n\nAs <code>IllustratedMessage</code> adapts itself around the <code>Illustration</code>, the other elements of the component are displayed differently on the different breakpoints/illustration sizes."},{"default":"\"\"","deprecated":false,"fieldName":"subtitleText","name":"subtitle-text","type":{"text":"string"},"description":"Defines the subtitle of the component. <br><br> <b>Note:</b> Using this property, the default subtitle text of illustration will be overwritten. <br><br> <b>Note:</b> Using <code>subtitle</code> slot, the default of this property will be overwritten."},{"default":"\"H2\"","deprecated":false,"fieldName":"titleLevel","name":"title-level","type":{"text":"sap.ui.webc.main.types.TitleLevel"},"description":"Defines the semantic level of the title.\n\n<b>Note:</b> Used for accessibility purposes only."},{"default":"\"\"","deprecated":false,"fieldName":"titleText","name":"title-text","type":{"text":"string"},"description":"Defines the title of the component. <br><br> <b>Note:</b> Using this property, the default title text of illustration will be overwritten."}],"description":"<h3 class=\"comment-api-title\">Overview</h3> An IllustratedMessage is a recommended combination of a solution-oriented message, an engaging illustration, and conversational tone to better communicate an empty or a success state than just show a message alone.\n\nEach illustration has default internationalised title and subtitle texts. Also they can be managed with <code>titleText</code> and <code>subtitleText</code> properties.\n\nTo display the desired illustration, use the <code>name</code> property, where you can find the list of all available illustrations. <br><br> <b>Note:</b> By default the “BeforeSearch” illustration is loaded. To use other illustrations, make sure you import them in addition, for example: <br> <code>import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\"</code> <br> <b>Note:</b> Illustrations starting with the “Tnt” prefix are part of another illustration set. For example to use the “TntSuccess” illustration, add the following import:: <br> <code>import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/Success.js\"</code>\n\n<h3>Structure</h3> The IllustratedMessage consists of the following elements, which are displayed below each other in the following order: <br> <ul> <li>Illustration</li> <li>Title</li> <li>Subtitle</li> <li>Actions</li> </ul>\n\n<h3>Usage</h3> <code>ui5-illustrated-message</code> is meant to be used inside container component, for example a <code>ui5-card</code>, a <code>ui5-dialog</code> or a <code>ui5-page</code>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";</code>","members":[{"deprecated":false,"kind":"field","name":"accessibleNameRef","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Receives id(or many ids) of the elements that label the component."},{"deprecated":false,"kind":"field","name":"name","privacy":"public","static":false,"type":{"text":"sap.ui.webc.fiori.types.IllustrationMessageType"},"default":"\"BeforeSearch\"","description":"Defines the illustration name that will be displayed in the component. <br><br> <b>Note:</b> By default the <code>BeforeSearch</code> illustration is loaded. <br> When using an illustration type, other than the default, it should be loaded in addition: <br> <code>import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\";</code> <br><br> <b>Note:</b> TNT illustrations cointain <code>Tnt</code> prefix in their name. You can import them removing the <code>Tnt</code> prefix like this: <br> <code>import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js\";</code>"},{"deprecated":false,"kind":"field","name":"size","privacy":"public","static":false,"type":{"text":"sap.ui.webc.fiori.types.IllustrationMessageSize"},"default":"\"Auto\"","description":"Determines which illustration breakpoint variant is used. <br><br>\n\nAs <code>IllustratedMessage</code> adapts itself around the <code>Illustration</code>, the other elements of the component are displayed differently on the different breakpoints/illustration sizes."},{"deprecated":false,"kind":"field","name":"subtitleText","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the subtitle of the component. <br><br> <b>Note:</b> Using this property, the default subtitle text of illustration will be overwritten. <br><br> <b>Note:</b> Using <code>subtitle</code> slot, the default of this property will be overwritten."},{"deprecated":false,"kind":"field","name":"titleLevel","privacy":"public","static":false,"type":{"text":"sap.ui.webc.main.types.TitleLevel"},"default":"\"H2\"","description":"Defines the semantic level of the title.\n\n<b>Note:</b> Used for accessibility purposes only."},{"deprecated":false,"kind":"field","name":"titleText","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the title of the component. <br><br> <b>Note:</b> Using this property, the default title text of illustration will be overwritten."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"IllustratedMessage.js","name":"IllustratedMessage","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"IllustratedMessage","module":"IllustratedMessage.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-illustrated-message"}]},{"kind":"javascript-module","path":"MediaGallery.js","declarations":[{"deprecated":false,"customElement":true,"kind":"MediaGallery","name":"MediaGallery","tagName":"ui5-media-gallery","slots":[{"deprecated":false,"description":"Defines the component items.\n\n<br><br> <b>Note:</b> Only one selected item is allowed.\n\n<br><br> <b>Note:</b> Use the <code>ui5-media-gallery-item</code> component to define the desired items.","name":"default"}],"events":[{"deprecated":false,"name":"display-area-click","type":"CustomEvent","description":"Fired when the display area is clicked.<br> The display area is the central area that contains the enlarged content of the currently selected item."},{"deprecated":false,"name":"overflow-click","type":"CustomEvent","description":"Fired when the thumbnails overflow button is clicked."},{"deprecated":false,"name":"selection-change","type":"CustomEvent","description":"Fired when selection is changed by user interaction."}],"attributes":[{"default":"false","deprecated":false,"fieldName":"interactiveDisplayArea","name":"interactive-display-area","type":{"text":"boolean"},"description":"If enabled, a <code>display-area-click</code> event is fired when the user clicks or taps on the display area. <br> The display area is the central area that contains the enlarged content of the currently selected item."},{"default":"\"Auto\"","deprecated":false,"fieldName":"layout","name":"layout","type":{"text":"sap.ui.webc.fiori.types.MediaGalleryLayout"},"description":"Determines the layout of the component."},{"default":"\"Left\"","deprecated":false,"fieldName":"menuHorizontalAlign","name":"menu-horizontal-align","type":{"text":"sap.ui.webc.fiori.types.MediaGalleryMenuHorizontalAlign"},"description":"Determines the horizontal alignment of the thumbnails menu vs. the central display area."},{"default":"\"Bottom\"","deprecated":false,"fieldName":"menuVerticalAlign","name":"menu-vertical-align","type":{"text":"sap.ui.webc.fiori.types.MediaGalleryMenuVerticalAlign"},"description":"Determines the vertical alignment of the thumbnails menu vs. the central display area."},{"default":"false","deprecated":false,"fieldName":"showAllThumbnails","name":"show-all-thumbnails","type":{"text":"boolean"},"description":"If set to <code>true</code>, all thumbnails are rendered in a scrollable container. If <code>false</code>, only up to five thumbnails are rendered, followed by an overflow button that shows the count of the remaining thumbnails."}],"description":"<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <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.\n\nThe 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.\n\n<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>\n\n<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>\n\n<h3>ES6 Module Import</h3> <code>import \"@ui5/webcomponents-fiori/dist/MediaGallery\";</code> <br> <code>import \"@ui5/webcomponents-fiori/dist/MediaGalleryItem\";</code>","members":[{"deprecated":false,"kind":"field","name":"interactiveDisplayArea","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"If enabled, a <code>display-area-click</code> event is fired when the user clicks or taps on the display area. <br> The display area is the central area that contains the enlarged content of the currently selected item."},{"deprecated":false,"kind":"field","name":"layout","privacy":"public","static":false,"type":{"text":"sap.ui.webc.fiori.types.MediaGalleryLayout"},"default":"\"Auto\"","description":"Determines the layout of the component."},{"deprecated":false,"kind":"field","name":"menuHorizontalAlign","privacy":"public","static":false,"type":{"text":"sap.ui.webc.fiori.types.MediaGalleryMenuHorizontalAlign"},"default":"\"Left\"","description":"Determines the horizontal alignment of the thumbnails menu vs. the central display area."},{"deprecated":false,"kind":"field","name":"menuVerticalAlign","privacy":"public","static":false,"type":{"text":"sap.ui.webc.fiori.types.MediaGalleryMenuVerticalAlign"},"default":"\"Bottom\"","description":"Determines the vertical alignment of the thumbnails menu vs. the central display area."},{"deprecated":false,"kind":"field","name":"showAllThumbnails","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"If set to <code>true</code>, all thumbnails are rendered in a scrollable container. If <code>false</code>, only up to five thumbnails are rendered, followed by an overflow button that shows the count of the remaining thumbnails."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"MediaGallery.js","name":"MediaGallery","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"MediaGallery","module":"MediaGallery.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-media-gallery"}]},{"kind":"javascript-module","path":"MediaGalleryItem.js","declarations":[{"deprecated":false,"customElement":true,"kind":"MediaGalleryItem","name":"MediaGalleryItem","tagName":"ui5-media-gallery-item","slots":[{"deprecated":false,"description":"Defines the content of the component.","name":"default"},{"deprecated":false,"description":"Defines the content of the thumbnail.","name":"thumbnail"}],"attributes":[{"default":"false","deprecated":false,"fieldName":"disabled","name":"disabled","type":{"text":"boolean"},"description":"Defines whether the component is in disabled state."},{"default":"\"Square\"","deprecated":false,"fieldName":"layout","name":"layout","type":{"text":"sap.ui.webc.fiori.types.MediaGalleryItemLayout"},"description":"Determines the layout of the item container. <br><br> Available options are: <ul> <li><code>Square</code></li> <li><code>Wide</code></li> </ul>"},{"default":"false","deprecated":false,"fieldName":"selected","name":"selected","type":{"text":"boolean"},"description":"Defines the selected state of the component."}],"description":"<h3 class=\"comment-api-title\">Overview</h3> The <code>ui5-media-gallery-item</code> web component represents the items displayed in the <code>ui5-media-gallery</code> web component. <br><br> <b>Note:</b> <code>ui5-media-gallery-item</code> is not supported when used outside of <code>ui5-media-gallery</code>. <br><br>\n\n<h3>Keyboard Handling</h3> The <code>ui5-media-gallery</code> provides advanced keyboard handling. When focused, the user can use the following keyboard shortcuts in order to perform a navigation: <br> <ul> <li>[SPACE/ENTER/RETURN] - Trigger <code>ui5-click</code> event</li> </ul>\n\n<h3>ES6 Module Import</h3> <code>import \"@ui5/webcomponents-fiori/dist/MediaGalleryItem.js\";</code> (comes with <code>ui5-media-gallery</code>)","members":[{"deprecated":false,"kind":"field","name":"disabled","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines whether the component is in disabled state."},{"deprecated":false,"kind":"field","name":"layout","privacy":"public","static":false,"type":{"text":"sap.ui.webc.fiori.types.MediaGalleryItemLayout"},"default":"\"Square\"","description":"Determines the layout of the item container. <br><br> Available options are: <ul> <li><code>Square</code></li> <li><code>Wide</code></li> </ul>"},{"deprecated":false,"kind":"field","name":"selected","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines the selected state of the component."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"MediaGalleryItem.js","name":"MediaGalleryItem","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"MediaGalleryItem","module":"MediaGalleryItem.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-media-gallery-item"}]},{"kind":"javascript-module","path":"NotificationAction.js","declarations":[{"deprecated":false,"customElement":true,"kind":"NotificationAction","name":"NotificationAction","tagName":"ui5-notification-action","events":[{"deprecated":false,"name":"click","type":"CustomEvent","description":"Fired, when the action is pressed."}],"attributes":[{"default":"\"Transparent\"","deprecated":false,"fieldName":"design","name":"design","type":{"text":"sap.ui.webc.main.types.ButtonDesign"},"description":"Defines the action design."},{"default":"false","deprecated":false,"fieldName":"disabled","name":"disabled","type":{"text":"boolean"},"description":"Defines if the action is disabled. <br><br> <b>Note:</b> a disabled action can't be pressed or focused, and it is not in the tab chain."},{"default":"\"\"","deprecated":false,"fieldName":"icon","name":"icon","type":{"text":"string"},"description":"Defines the <code>icon</code> source URI. <br><br> <b>Note:</b> SAP-icons font provides numerous built-in icons. To find all the available icons, see the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>."},{"default":"\"\"","deprecated":false,"fieldName":"text","name":"text","type":{"text":"string"},"description":"Defines the text of the <code>ui5-notification-action</code>."}],"description":"The <code>ui5-notification-action</code> represents an abstract action, used in the <code>ui5-li-notification</code> and the <code>ui5-li-notification-group</code> items.","members":[{"deprecated":false,"kind":"field","name":"design","privacy":"public","static":false,"type":{"text":"sap.ui.webc.main.types.ButtonDesign"},"default":"\"Transparent\"","description":"Defines the action design."},{"deprecated":false,"kind":"field","name":"disabled","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines if the action is disabled. <br><br> <b>Note:</b> a disabled action can't be pressed or focused, and it is not in the tab chain."},{"deprecated":false,"kind":"field","name":"icon","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the <code>icon</code> source URI. <br><br> <b>Note:</b> SAP-icons font provides numerous built-in icons. To find all the available icons, see the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>."},{"deprecated":false,"kind":"field","name":"text","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the text of the <code>ui5-notification-action</code>."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"NotificationAction.js","name":"NotificationAction","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"NotificationAction","module":"NotificationAction.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-notification-action"}]},{"kind":"javascript-module","path":"NotificationListGroupItem.js","declarations":[{"deprecated":false,"customElement":true,"kind":"NotificationListGroupItem","name":"NotificationListGroupItem","tagName":"ui5-li-notification-group","slots":[{"deprecated":false,"description":"Defines the items of the <code>ui5-li-notification-group</code>, usually <code>ui5-li-notification</code> items.","name":"default"}],"events":[{"deprecated":false,"name":"toggle","type":"CustomEvent","description":"Fired when the <code>ui5-li-notification-group</code> is expanded/collapsed by user interaction."}],"attributes":[{"default":"false","deprecated":false,"fieldName":"collapsed","name":"collapsed","type":{"text":"boolean"},"description":"Defines if the group is collapsed or expanded."},{"default":"false","deprecated":false,"fieldName":"showCounter","name":"show-counter","type":{"text":"boolean"},"description":"Defines if the items <code>counter</code> would be displayed."}],"description":"<h3 class=\"comment-api-title\">Overview</h3> The <code>ui5-li-notification-group</code> is a special type of list item, that unlike others can group items within self, usually <code>ui5-li-notification</code> items. <br>\n\nThe component consists of: <ul> <li><code>Toggle</code> button to expand and collapse the group</li> <li><code>Priority</code> icon to display the priority of the group</li> <li><code>TitleText</code> to entitle the group</li> <li>Custom actions - with the use of <code>ui5-notification-action</code></li> <li>Items of the group</li> </ul>\n\n<h3>Usage</h3> The component can be used in a standard <code>ui5-list</code>.\n\n<h3>CSS Shadow Parts</h3>\n\n<ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM. <br> The <code>ui5-li-notification-group</code> exposes the following CSS Shadow Parts: <ul> <li>title-text - Used to style the titleText of the notification list group item</li> </ul>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/NotificationListGroupItem.js\";</code> <br> <code>import \"@ui5/webcomponents/dist/NotificationAction.js\";</code> (optional)","members":[{"deprecated":false,"kind":"field","name":"collapsed","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines if the group is collapsed or expanded."},{"deprecated":false,"kind":"field","name":"showCounter","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines if the items <code>counter</code> would be displayed."}],"superclass":{"module":"NotificationListItemBase.js","name":"NotificationListItemBase","package":"@ui5/webcomponents-fiori"}}],"exports":[{"declaration":{"module":"NotificationListGroupItem.js","name":"NotificationListGroupItem","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"NotificationListGroupItem","module":"NotificationListGroupItem.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-li-notification-group"}]},{"kind":"javascript-module","path":"NotificationListItem.js","declarations":[{"deprecated":false,"customElement":true,"kind":"NotificationListItem","name":"NotificationListItem","tagName":"ui5-li-notification","slots":[{"deprecated":false,"description":"Defines the avatar, displayed in the <code>ui5-li-notification</code>.\n\n<br><br> <b>Note:</b> Consider using the <code>ui5-avatar</code> to display icons, initials or images. <br> <b>Note:</b>In order to be complaint with the UX guidlines and for best experience, we recommend using avatars with 2rem X 2rem in size (32px X 32px). In case you are using the <code>ui5-avatar</code> you can set its <code>size</code> property to <code>XS</code> to get the required size - <code>&lt;ui5-avatar size=\"XS\">&lt;/ui5-avatar></code>.","name":"avatar"},{"deprecated":false,"description":"Defines the content of the <code>ui5-li-notification</code>, usually a description of the notification.\n\n<br><br> <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.","name":"default"},{"deprecated":false,"description":"Defines the elements, displayed in the footer of the of the component.","name":"footnotes"}],"attributes":[{"default":"\"None\"","deprecated":false,"fieldName":"wrappingType","name":"wrapping-type","type":{"text":"sap.ui.webc.main.types.WrappingType"},"description":"Defines if the <code>titleText</code> and <code>description</code> should wrap, they truncate by default.\n\n<br><br> <b>Note:</b> by default the <code>titleText</code> and <code>description</code>, and a <code>ShowMore/Less</code> button would be displayed."}],"description":"<h3 class=\"comment-api-title\">Overview</h3> The <code>ui5-li-notification</code> is a type of list item, meant to display notifications. <br>\n\nThe component has a rich set of various properties that allows the user to set <code>avatar</code>, <code>titleText</code>, descriptive <code>content</code> and <code>footnotes</code> to fully describe a notification. <br>\n\nThe user can: <ul> <li>display a <code>Close</code> button</li> <li>can control whether the <code>titleText</code> and <code>description</code> should wrap or truncate and display a <code>ShowMore</code> button to switch between less and more information</li> <li>add custom actions by using the <code>ui5-notification-action</code> component</li> </ul>\n\n<h3>Usage</h3> The component can be used in a standard <code>ui5-list</code>.\n\n<h3>CSS Shadow Parts</h3>\n\n<ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM. <br> The <code>ui5-li-notification</code> exposes the following CSS Shadow Parts: <ul> <li>title-text - Used to style the titleText of the notification list item</li> </ul>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/NotificationListItem.js\";</code> <br> <code>import \"@ui5/webcomponents/dist/NotificationAction.js\";</code> (optional)","members":[{"deprecated":false,"kind":"field","name":"wrappingType","privacy":"public","static":false,"type":{"text":"sap.ui.webc.main.types.WrappingType"},"default":"\"None\"","description":"Defines if the <code>titleText</code> and <code>description</code> should wrap, they truncate by default.\n\n<br><br> <b>Note:</b> by default the <code>titleText</code> and <code>description</code>, and a <code>ShowMore/Less</code> button would be displayed."}],"superclass":{"module":"NotificationListItemBase.js","name":"NotificationListItemBase","package":"@ui5/webcomponents-fiori"}}],"exports":[{"declaration":{"module":"NotificationListItem.js","name":"NotificationListItem","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"NotificationListItem","module":"NotificationListItem.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-li-notification"}]},{"kind":"javascript-module","path":"NotificationListItemBase.js","declarations":[{"deprecated":false,"customElement":true,"kind":"NotificationListItemBase","name":"NotificationListItemBase","slots":[{"deprecated":false,"description":"Defines the actions, displayed in the top-right area. <br><br> <b>Note:</b> use the <code>ui5-notification-action</code> component.","name":"actions"}],"events":[{"deprecated":false,"name":"close","type":"CustomEvent","description":"Fired when the <code>Close</code> button is pressed."}],"attributes":[{"default":"false","deprecated":false,"fieldName":"busy","name":"busy","type":{"text":"boolean"},"description":"Defines if a busy indicator would be displayed over the item."},{"default":"1000","deprecated":false,"fieldName":"busyDelay","name":"busy-delay","type":{"text":"sap.ui.webc.base.types.Integer"},"description":"Defines the delay in milliseconds, after which the busy indicator will show up for this component."},{"default":"\"None\"","deprecated":false,"fieldName":"priority","name":"priority","type":{"text":"sap.ui.webc.main.types.Priority"},"description":"Defines the <code>priority</code> of the item."},{"default":"false","deprecated":false,"fieldName":"read","name":"read","type":{"text":"boolean"},"description":"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."},{"default":"false","deprecated":false,"fieldName":"showClose","name":"show-close","type":{"text":"boolean"},"description":"Defines if the <code>close</code> button would be displayed."},{"default":"\"\"","deprecated":false,"fieldName":"titleText","name":"title-text","type":{"text":"string"},"description":"Defines the <code>titleText</code> of the item."}],"description":"The base class of the <code>NotificationListItem</code> and <code>NotificationListGroupItem</code>.","members":[{"deprecated":false,"kind":"field","name":"busy","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines if a busy indicator would be displayed over the item."},{"deprecated":false,"kind":"field","name":"busyDelay","privacy":"public","static":false,"type":{"text":"sap.ui.webc.base.types.Integer"},"default":"1000","description":"Defines the delay in milliseconds, after which the busy indicator will show up for this component."},{"deprecated":false,"kind":"field","name":"priority","privacy":"public","static":false,"type":{"text":"sap.ui.webc.main.types.Priority"},"default":"\"None\"","description":"Defines the <code>priority</code> of the item."},{"deprecated":false,"kind":"field","name":"read","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"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."},{"deprecated":false,"kind":"field","name":"showClose","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines if the <code>close</code> button would be displayed."},{"deprecated":false,"kind":"field","name":"titleText","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the <code>titleText</code> of the item."}],"superclass":{"module":"ListItemBase.js","name":"ListItemBase","package":"@ui5/webcomponents"}}],"exports":[{"declaration":{"module":"NotificationListItemBase.js","name":"NotificationListItemBase","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"NotificationListItemBase","module":"NotificationListItemBase.js"},"deprecated":false,"kind":"custom-element-definition"}]},{"kind":"javascript-module","path":"Page.js","declarations":[{"deprecated":false,"customElement":true,"kind":"Page","name":"Page","tagName":"ui5-page","slots":[{"deprecated":false,"description":"Defines the content HTML Element.","name":"default"},{"deprecated":false,"description":"Defines the footer HTML Element.","name":"footer"},{"deprecated":false,"description":"Defines the header HTML Element.","name":"header"}],"attributes":[{"default":"\"Solid\"","deprecated":false,"fieldName":"backgroundDesign","name":"background-design","type":{"text":"sap.ui.webc.fiori.types.PageBackgroundDesign"},"description":"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>"},{"default":"false","deprecated":false,"fieldName":"disableScrolling","name":"disable-scrolling","type":{"text":"boolean"},"description":"Disables vertical scrolling of page content. If set to true, there will be no vertical scrolling at all."},{"default":"true","deprecated":false,"fieldName":"floatingFooter","name":"floating-footer","type":{"text":"boolean"},"description":"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."},{"default":"false","deprecated":false,"fieldName":"hideFooter","name":"hide-footer","type":{"text":"boolean"},"description":"Defines the footer visibility."}],"description":"<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-page</code> is a container component that holds one whole screen of an application. The page has three distinct areas that can hold content - a header, content area and a footer. <h3>Structure</h3> <h4>Header</h4> The top most area of the page is occupied by the header. The standard header includes a navigation button and a title. <h4>Content</h4> The content occupies the main part of the page. Only the content area is scrollable by default. This can be prevented by setting <code>enableScrolling</code> to <code>false</code>. <h4>Footer</h4> The footer is optional and occupies the fixed bottom part of the page. Alternatively, the footer can be floating above the bottom part of the content. This is enabled with the <code>floatingFooter</code> property.\n\n<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.\n\n<h3>CSS Shadow Parts</h3>\n\n<ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM. <br> The <code>ui5-page</code> exposes the following CSS Shadow Parts: <ul> <li>content - Used to style the content section of the component</li> </ul>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/Page.js\";</code>","members":[{"deprecated":false,"kind":"field","name":"backgroundDesign","privacy":"public","static":false,"type":{"text":"sap.ui.webc.fiori.types.PageBackgroundDesign"},"default":"\"Solid\"","description":"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>"},{"deprecated":false,"kind":"field","name":"disableScrolling","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Disables vertical scrolling of page content. If set to true, there will be no vertical scrolling at all."},{"deprecated":false,"kind":"field","name":"floatingFooter","privacy":"public","static":false,"type":{"text":"boolean"},"default":"true","description":"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."},{"deprecated":false,"kind":"field","name":"hideFooter","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines the footer visibility."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"Page.js","name":"Page","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"Page","module":"Page.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-page"}]},{"kind":"javascript-module","path":"ProductSwitch.js","declarations":[{"deprecated":false,"customElement":true,"kind":"ProductSwitch","name":"ProductSwitch","tagName":"ui5-product-switch","slots":[{"deprecated":false,"description":"Defines the items of the <code>ui5-product-switch</code>.","name":"default"}],"description":"<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <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>\n\n<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>\n\n<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>)","superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"ProductSwitch.js","name":"ProductSwitch","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"ProductSwitch","module":"ProductSwitch.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-product-switch"}]},{"kind":"javascript-module","path":"ProductSwitchItem.js","declarations":[{"deprecated":false,"customElement":true,"kind":"ProductSwitchItem","name":"ProductSwitchItem","tagName":"ui5-product-switch-item","events":[{"deprecated":false,"name":"click","type":"CustomEvent","description":"Fired when the <code>ui5-product-switch-item</code> is activated either with a click/tap or by using the Enter or Space key."}],"attributes":[{"default":"\"\"","deprecated":false,"fieldName":"icon","name":"icon","type":{"text":"string"},"description":"Defines the icon to be displayed as a graphical element within the component. <br><br> Example: <br> <pre>ui5-product-switch-item icon=\"palette\"</pre>\n\nSee all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>."},{"default":"\"\"","deprecated":false,"fieldName":"subtitleText","name":"subtitle-text","type":{"text":"string"},"description":"Defines the subtitle of the component."},{"deprecated":false,"fieldName":"target","name":"target","type":{"text":"string"},"description":"Defines a target where the <code>targetSrc</code> content must be open. <br><br> Available options are: <ul> <li><code>_self</code></li> <li><code>_top</code></li> <li><code>_blank</code></li> <li><code>_parent</code></li> <li><code>_search</code></li> </ul>"},{"default":"\"\"","deprecated":false,"fieldName":"targetSrc","name":"target-src","type":{"text":"string"},"description":"Defines the component target URI. Supports standard hyperlink behavior."},{"default":"\"\"","deprecated":false,"fieldName":"titleText","name":"title-text","type":{"text":"string"},"description":"Defines the title of the component."}],"description":"<h3 class=\"comment-api-title\">Overview</h3> The <code>ui5-product-switch-item</code> web component represents the items displayed in the <code>ui5-product-switch</code> web component. <br><br> <b>Note:</b> <code>ui5-product-switch-item</code> is not supported when used outside of <code>ui5-product-switch</code>. <br><br>\n\n<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>[SPACE/ENTER/RETURN] - Trigger <code>ui5-click</code> event</li> </ul>\n\n<h3>ES6 Module Import</h3> <code>import \"@ui5/webcomponents-fiori/dist/ProductSwitchItem.js\";</code>","members":[{"deprecated":false,"kind":"field","name":"icon","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the icon to be displayed as a graphical element within the component. <br><br> Example: <br> <pre>ui5-product-switch-item icon=\"palette\"</pre>\n\nSee all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>."},{"deprecated":false,"kind":"field","name":"subtitleText","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the subtitle of the component."},{"deprecated":false,"kind":"field","name":"target","privacy":"public","static":false,"type":{"text":"string"},"description":"Defines a target where the <code>targetSrc</code> content must be open. <br><br> Available options are: <ul> <li><code>_self</code></li> <li><code>_top</code></li> <li><code>_blank</code></li> <li><code>_parent</code></li> <li><code>_search</code></li> </ul>"},{"deprecated":false,"kind":"field","name":"targetSrc","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the component target URI. Supports standard hyperlink behavior."},{"deprecated":false,"kind":"field","name":"titleText","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the title of the component."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"ProductSwitchItem.js","name":"ProductSwitchItem","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"ProductSwitchItem","module":"ProductSwitchItem.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-product-switch-item"}]},{"kind":"javascript-module","path":"ShellBar.js","declarations":[{"deprecated":false,"customElement":true,"kind":"ShellBar","name":"ShellBar","tagName":"ui5-shellbar","slots":[{"deprecated":false,"description":"Defines the <code>ui5-shellbar</code> aditional items. <br><br> <b>Note:</b> You can use the &nbsp;&lt;ui5-shellbar-item>&lt;/ui5-shellbar-item>.","name":"default"},{"deprecated":false,"description":"Defines the logo of the <code>ui5-shellbar</code>. For example, you can use <code>ui5-avatar</code> or <code>img</code> elements as logo.","name":"logo"},{"deprecated":false,"description":"Defines the items displayed in menu after a click on the primary title. <br><br> <b>Note:</b> You can use the &nbsp;&lt;ui5-li>&lt;/ui5-li> and its ancestors.","name":"menuItems"},{"deprecated":false,"description":"You can pass <code>ui5-avatar</code> to set the profile image/icon. If no profile slot is set - profile will be excluded from actions.\n\nNote: We recommend not using the <code>size</code> attribute of <code>ui5-avatar</code> because it should have specific size by design in the context of <code>ui5-shellbar</code> profile.","name":"profile"},{"deprecated":false,"description":"Defines the <code>ui5-input</code>, that will be used as a search field.","name":"searchField"},{"deprecated":false,"description":"Defines a <code>ui5-button</code> in the bar that will be placed in the beginning. We encourage this slot to be used for a back or home button. It gets overstyled to match ShellBar's styling.","name":"startButton"}],"events":[{"deprecated":false,"name":"co-pilot-click","type":"CustomEvent","description":"Fired, when the co pilot is activated."},{"deprecated":false,"name":"logo-click","type":"CustomEvent","description":"Fired, when the logo is activated."},{"deprecated":false,"name":"menu-item-click","type":"CustomEvent","description":"Fired, when a menu item is activated <b>Note:</b> You can prevent closing of overflow popover by calling <code>event.preventDefault()</code>."},{"deprecated":false,"name":"notifications-click","type":"CustomEvent","description":"Fired, when the notification icon is activated."},{"deprecated":false,"name":"product-switch-click","type":"CustomEvent","description":"Fired, when the product switch icon is activated. <b>Note:</b> You can prevent closing of overflow popover by calling <code>event.preventDefault()</code>."},{"deprecated":false,"name":"profile-click","type":"CustomEvent","description":"Fired, when the profile slot is present."}],"attributes":[{"default":"\"\"","deprecated":false,"fieldName":"notificationsCount","name":"notifications-count","type":{"text":"string"},"description":"Defines the <code>notificationsCount</code>, displayed in the notification icon top-right corner."},{"default":"\"\"","deprecated":false,"fieldName":"primaryTitle","name":"primary-title","type":{"text":"string"},"description":"Defines the <code>primaryTitle</code>. <br><br> <b>Note:</b> The <code>primaryTitle</code> would be hidden on S screen size (less than approx. 700px)."},{"default":"\"\"","deprecated":false,"fieldName":"secondaryTitle","name":"secondary-title","type":{"text":"string"},"description":"Defines the <code>secondaryTitle</code>. <br><br> <b>Note:</b> The <code>secondaryTitle</code> would be hidden on S and M screen sizes (less than approx. 1300px)."},{"default":"false","deprecated":false,"fieldName":"showCoPilot","name":"show-co-pilot","type":{"text":"boolean"},"description":"Defines, if the product CoPilot icon would be displayed. <br><b>Note:</b> By default the co-pilot is displayed as static SVG. If you need an animated co-pilot, you can import the <code>\"@ui5/webcomponents-fiori/dist/features/CoPilotAnimation.js\"</code> module as add-on feature."},{"default":"false","deprecated":false,"fieldName":"showNotifications","name":"show-notifications","type":{"text":"boolean"},"description":"Defines, if the notification icon would be displayed."},{"default":"false","deprecated":false,"fieldName":"showProductSwitch","name":"show-product-switch","type":{"text":"boolean"},"description":"Defines, if the product switch icon would be displayed."},{"default":"false","deprecated":false,"fieldName":"showSearchField","name":"show-search-field","type":{"text":"boolean"},"description":"Defines, if the Search Field would be displayed when there is a valid <code>searchField</code> slot. <br><b>Note:</b> By default the Search Field is not displayed."}],"description":"<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-shellbar</code> is meant to serve as an application header and includes numerous built-in features, such as: logo, profile image/icon, title, search field, notifications and so on. <br><br>\n\n<h3>Stable DOM Refs</h3>\n\nYou can use the following stable DOM refs for the <code>ui5-shellbar</code>: <ul> <li>logo</li> <li>copilot</li> <li>notifications</li> <li>overflow</li> <li>profile</li> <li>product-switch</li> </ul>\n\n<h3>CSS Shadow Parts</h3>\n\n<ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM. <br> The <code>ui5-shellbar</code> exposes the following CSS Shadow Parts: <ul> <li>root - Used to style the outermost wrapper of the <code>ui5-shellbar</code></li> </ul>\n\n<h3>Keyboard Handling</h3>\n\n<h4>Fast Navigation</h4> This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up</code>. In order to use this functionality, you need to import the following module: <code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code> <br><br>\n\n<h3>ES6 Module Import</h3> <code>import \"@ui5/webcomponents-fiori/dist/ShellBar\";</code>","members":[{"deprecated":false,"kind":"field","name":"accessibilityAttributes","privacy":"public","static":false,"type":{"text":"object"},"description":"An object of strings that defines several additional accessibility attribute values for customization depending on the use case.\n\nIt supports the following fields:\n\n<ul> <li><code>expanded</code>: Indicates whether the anchor element, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values: <ul> <li><code>true</code></li> <li><code>false</code></li> </ul> </li> <li><code>hasPopup</code>: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the anchor element. Accepts the following string values: <ul> <li><code>Dialog</code></li> <li><code>Grid</code></li> <li><code>ListBox</code></li> <li><code>Menu</code></li> <li><code>Tree</code></li> </ul> </li> </ul>"},{"deprecated":false,"kind":"field","name":"accessibilityRoles","privacy":"public","static":false,"type":{"text":"object"},"description":"An object of strings that defines additional accessibility roles for further customization.\n\nIt supports the following fields: - <code>logoRole</code>: the accessibility role for the <code>logo</code>"},{"deprecated":false,"kind":"field","name":"accessibilityTexts","privacy":"public","static":false,"type":{"text":"object"},"description":"An object of strings that defines several additional accessibility texts for even further customization.\n\nIt supports the following fields: - <code>profileButtonTitle</code>: defines the tooltip for the profile button - <code>logoTitle</code>: defines the tooltip for the logo"},{"deprecated":false,"kind":"field","name":"copilotDomRef","privacy":"public","static":false,"type":{"text":"HTMLElement"},"description":"Returns the <code>copilot</code> DOM ref."},{"deprecated":false,"kind":"field","name":"logoDomRef","privacy":"public","static":false,"type":{"text":"HTMLElement"},"description":"Returns the <code>logo</code> DOM ref."},{"deprecated":false,"kind":"field","name":"notificationsCount","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the <code>notificationsCount</code>, displayed in the notification icon top-right corner."},{"deprecated":false,"kind":"field","name":"notificationsDomRef","privacy":"public","static":false,"type":{"text":"HTMLElement"},"description":"Returns the <code>notifications</code> icon DOM ref."},{"deprecated":false,"kind":"field","name":"overflowDomRef","privacy":"public","static":false,"type":{"text":"HTMLElement"},"description":"Returns the <code>overflow</code> icon DOM ref."},{"deprecated":false,"kind":"field","name":"primaryTitle","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the <code>primaryTitle</code>. <br><br> <b>Note:</b> The <code>primaryTitle</code> would be hidden on S screen size (less than approx. 700px)."},{"deprecated":false,"kind":"field","name":"productSwitchDomRef","privacy":"public","static":false,"type":{"text":"HTMLElement"},"description":"Returns the <code>product-switch</code> icon DOM ref."},{"deprecated":false,"kind":"field","name":"profileDomRef","privacy":"public","static":false,"type":{"text":"HTMLElement"},"description":"Returns the <code>profile</code> icon DOM ref."},{"deprecated":false,"kind":"field","name":"secondaryTitle","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the <code>secondaryTitle</code>. <br><br> <b>Note:</b> The <code>secondaryTitle</code> would be hidden on S and M screen sizes (less than approx. 1300px)."},{"deprecated":false,"kind":"field","name":"showCoPilot","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines, if the product CoPilot icon would be displayed. <br><b>Note:</b> By default the co-pilot is displayed as static SVG. If you need an animated co-pilot, you can import the <code>\"@ui5/webcomponents-fiori/dist/features/CoPilotAnimation.js\"</code> module as add-on feature."},{"deprecated":false,"kind":"field","name":"showNotifications","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines, if the notification icon would be displayed."},{"deprecated":false,"kind":"field","name":"showProductSwitch","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines, if the product switch icon would be displayed."},{"deprecated":false,"kind":"field","name":"showSearchField","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines, if the Search Field would be displayed when there is a valid <code>searchField</code> slot. <br><b>Note:</b> By default the Search Field is not displayed."},{"deprecated":false,"kind":"method","name":"closeOverflow","privacy":"public","description":"Closes the overflow area. Useful to manually close the overflow after having suppressed automatic closing with preventDefault() of ShellbarItem's press event"}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"ShellBar.js","name":"ShellBar","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"ShellBar","module":"ShellBar.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-shellbar"}]},{"kind":"javascript-module","path":"ShellBarItem.js","declarations":[{"deprecated":false,"customElement":true,"kind":"ShellBarItem","name":"ShellBarItem","tagName":"ui5-shellbar-item","events":[{"deprecated":false,"name":"click","type":"CustomEvent","description":"Fired, when the item is pressed."}],"attributes":[{"default":"\"\"","deprecated":false,"fieldName":"count","name":"count","type":{"text":"string"},"description":"Defines the count displayed in the top-right corner."},{"default":"\"\"","deprecated":false,"fieldName":"icon","name":"icon","type":{"text":"string"},"description":"Defines the name of the item's icon."},{"default":"\"\"","deprecated":false,"fieldName":"text","name":"text","type":{"text":"string"},"description":"Defines the item text. <br><br> <b>Note:</b> The text is only displayed inside the overflow popover list view."}],"description":"The <code>ui5-shellbar-item</code> represents a custom item, that might be added to the <code>ui5-shellbar</code>. <br><br> <h3>ES6 Module Import</h3> <code>import \"@ui5/webcomponents-fiori/dist/ShellBarItem\";</code>","members":[{"deprecated":false,"kind":"field","name":"count","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the count displayed in the top-right corner."},{"deprecated":false,"kind":"field","name":"icon","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the name of the item's icon."},{"deprecated":false,"kind":"field","name":"text","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the item text. <br><br> <b>Note:</b> The text is only displayed inside the overflow popover list view."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"ShellBarItem.js","name":"ShellBarItem","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"ShellBarItem","module":"ShellBarItem.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-shellbar-item"}]},{"kind":"javascript-module","path":"SideNavigation.js","declarations":[{"deprecated":false,"customElement":true,"kind":"SideNavigation","name":"SideNavigation","tagName":"ui5-side-navigation","slots":[{"deprecated":false,"description":"Defines the main items of the <code>ui5-side-navigation</code>. Use the <code>ui5-side-navigation-item</code> component for the top-level items, and the <code>ui5-side-navigation-sub-item</code> component for second-level items, nested inside the items.","name":"default"},{"deprecated":false,"description":"Defines the fixed items at the bottom of the <code>ui5-side-navigation</code>. Use the <code>ui5-side-navigation-item</code> component for the fixed items, and optionally the <code>ui5-side-navigation-sub-item</code> component to provide second-level items inside them.\n\n<b>Note:</b> In order to achieve the best user experience, it is recommended that you keep the fixed items \"flat\" (do not pass sub-items)","name":"fixedItems"},{"deprecated":false,"description":"Defines the header of the <code>ui5-side-navigation</code>.\n\n<br><br> <b>Note:</b> The header is displayed when the component is expanded - the property <code>collapsed</code> is false;","name":"header"}],"events":[{"deprecated":false,"name":"selection-change","type":"CustomEvent","description":"Fired when the selection has changed via user interaction"}],"attributes":[{"default":"false","deprecated":false,"fieldName":"collapsed","name":"collapsed","type":{"text":"boolean"},"description":"Defines whether the <code>ui5-side-navigation</code> is expanded or collapsed."}],"description":"<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>SideNavigation</code> is used as a standard menu in applications. It consists of three containers: header (top-aligned), main navigation section (top-aligned) and the secondary section (bottom-aligned). <ul> <li>The header is meant for displaying user related information - profile data, avatar, etc.</li> <li>The main navigation section is related to the user’s current work context</li> <li>The secondary section is mostly used to link additional information that may be of interest (legal information, developer communities, external help, contact information and so on). </li> </ul>\n\n<h3>Usage</h3>\n\nUse the available <code>ui5-side-navigation-item</code> and <code>ui5-side-navigation-sub-item</code> components to build your menu. The items can consist of text only or an icon with text. The use or non-use of icons must be consistent for all items on one level. You must not combine entries with and without icons on the same level. We strongly recommend that you do not use icons on the second level.\n\n<h3>Keyboard Handling</h3>\n\n<h4>Fast Navigation</h4> This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up</code>. In order to use this functionality, you need to import the following module: <code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code> <br><br>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/SideNavigation.js\";</code> <br> <code>import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";</code> (for <code>ui5-side-navigation-item</code>) <br> <code>import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";</code> (for <code>ui5-side-navigation-sub-item</code>)","members":[{"deprecated":false,"kind":"field","name":"collapsed","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines whether the <code>ui5-side-navigation</code> is expanded or collapsed."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"SideNavigation.js","name":"SideNavigation","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"SideNavigation","module":"SideNavigation.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-side-navigation"}]},{"kind":"javascript-module","path":"SideNavigationItem.js","declarations":[{"deprecated":false,"customElement":true,"kind":"SideNavigationItem","name":"SideNavigationItem","tagName":"ui5-side-navigation-item","slots":[{"deprecated":false,"description":"Defines nested items by passing <code>ui5-side-navigation-sub-item</code> to the default slot.","name":"default"}],"attributes":[{"default":"false","deprecated":false,"fieldName":"expanded","name":"expanded","type":{"text":"boolean"},"description":"Defines if the item is expanded"},{"default":"false","deprecated":false,"fieldName":"wholeItemToggleable","name":"whole-item-toggleable","type":{"text":"boolean"},"description":"Defines whether clicking the whole item or only pressing the icon will show/hide the sub items (if present). If set to true, clicking the whole item will toggle the sub items, and it won't fire the <code>click</code> event. By default, only clicking the arrow icon will toggle the sub items."}],"description":"<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-side-navigation-item</code> is used within <code>ui5-side-navigation</code> only. Via the <code>ui5-side-navigation-item</code> you control the content of the <code>SideNavigation</code>.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";</code>","members":[{"deprecated":false,"kind":"field","name":"expanded","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines if the item is expanded"},{"deprecated":false,"kind":"field","name":"wholeItemToggleable","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines whether clicking the whole item or only pressing the icon will show/hide the sub items (if present). If set to true, clicking the whole item will toggle the sub items, and it won't fire the <code>click</code> event. By default, only clicking the arrow icon will toggle the sub items."}],"superclass":{"module":"SideNavigationItemBase.js","name":"SideNavigationItemBase","package":"@ui5/webcomponents-fiori"}}],"exports":[{"declaration":{"module":"SideNavigationItem.js","name":"SideNavigationItem","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"SideNavigationItem","module":"SideNavigationItem.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-side-navigation-item"}]},{"kind":"javascript-module","path":"SideNavigationItemBase.js","declarations":[{"deprecated":false,"customElement":true,"kind":"SideNavigationItemBase","name":"SideNavigationItemBase","events":[{"deprecated":false,"name":"click","type":"CustomEvent","description":"Fired when the component is activated either with a click/tap or by using the Enter or Space key."}],"attributes":[{"default":"\"\"","deprecated":false,"fieldName":"href","name":"href","type":{"text":"string"},"description":"Defines the link target URI. Supports standard hyperlink behavior. If a JavaScript action should be triggered, this should not be set, but instead an event handler for the <code>click</code> event should be registered."},{"default":"\"\"","deprecated":false,"fieldName":"icon","name":"icon","type":{"text":"string"},"description":"Defines the icon of the item. <br><br>\n\nThe SAP-icons font provides numerous options. <br> See all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>."},{"default":"false","deprecated":false,"fieldName":"selected","name":"selected","type":{"text":"boolean"},"description":"Defines whether the item is selected"},{"default":"\"\"","deprecated":false,"fieldName":"target","name":"target","type":{"text":"string"},"description":"Defines the component target. <br><br> <b>Notes:</b>\n\n<ul> <li><code>_self</code></li> <li><code>_top</code></li> <li><code>_blank</code></li> <li><code>_parent</code></li> <li><code>_search</code></li> </ul>\n\n<b>This property must only be used when the <code>href</code> property is set.</b>"},{"default":"\"\"","deprecated":false,"fieldName":"text","name":"text","type":{"text":"string"},"description":"Defines the text of the item."}],"description":"A class to serve as a foundation for the <code>SideNavigationItem</code> and <code>SideNavigationSubItem</code> classes.","members":[{"deprecated":false,"kind":"field","name":"href","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the link target URI. Supports standard hyperlink behavior. If a JavaScript action should be triggered, this should not be set, but instead an event handler for the <code>click</code> event should be registered."},{"deprecated":false,"kind":"field","name":"icon","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the icon of the item. <br><br>\n\nThe SAP-icons font provides numerous options. <br> See all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>."},{"deprecated":false,"kind":"field","name":"selected","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines whether the item is selected"},{"deprecated":false,"kind":"field","name":"target","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the component target. <br><br> <b>Notes:</b>\n\n<ul> <li><code>_self</code></li> <li><code>_top</code></li> <li><code>_blank</code></li> <li><code>_parent</code></li> <li><code>_search</code></li> </ul>\n\n<b>This property must only be used when the <code>href</code> property is set.</b>"},{"deprecated":false,"kind":"field","name":"text","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the text of the item."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"SideNavigationItemBase.js","name":"SideNavigationItemBase","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"SideNavigationItemBase","module":"SideNavigationItemBase.js"},"deprecated":false,"kind":"custom-element-definition"}]},{"kind":"javascript-module","path":"SideNavigationSubItem.js","declarations":[{"deprecated":false,"customElement":true,"kind":"SideNavigationSubItem","name":"SideNavigationSubItem","tagName":"ui5-side-navigation-sub-item","description":"<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-side-navigation-sub-item</code> is intended to be used inside a <code>ui5-side-navigation-item</code> only.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";</code>","superclass":{"module":"SideNavigationItemBase.js","name":"SideNavigationItemBase","package":"@ui5/webcomponents-fiori"}}],"exports":[{"declaration":{"module":"SideNavigationSubItem.js","name":"SideNavigationSubItem","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"SideNavigationSubItem","module":"SideNavigationSubItem.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-side-navigation-sub-item"}]},{"kind":"javascript-module","path":"SortItem.js","declarations":[{"deprecated":false,"customElement":true,"kind":"SortItem","name":"SortItem","tagName":"ui5-sort-item","attributes":[{"default":"false","deprecated":false,"fieldName":"selected","name":"selected","type":{"text":"boolean"},"description":"Defines if the component is selected."},{"default":"\"\"","deprecated":false,"fieldName":"text","name":"text","type":{"text":"string"},"description":"Defines the text of the component."}],"description":"<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>ui5-sort-item</code> <h3>ES6 Module Import</h3>\n\n<code>import @ui5/webcomponents-fiori/dist/SortItem.js\";</code>","members":[{"deprecated":false,"kind":"field","name":"selected","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines if the component is selected."},{"deprecated":false,"kind":"field","name":"text","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the text of the component."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"SortItem.js","name":"SortItem","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"SortItem","module":"SortItem.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-sort-item"}]},{"kind":"javascript-module","path":"Timeline.js","declarations":[{"deprecated":false,"customElement":true,"kind":"Timeline","name":"Timeline","tagName":"ui5-timeline","slots":[{"deprecated":false,"description":"Determines the content of the <code>ui5-timeline</code>.","name":"default"}],"attributes":[{"deprecated":false,"fieldName":"accessibleName","name":"accessible-name","type":{"text":"string"},"description":"Defines the accessible ARIA name of the component."},{"default":"\"Vertical\"","deprecated":false,"fieldName":"layout","name":"layout","type":{"text":"sap.ui.webc.fiori.types.TimelineLayout"},"description":"Defines the items orientation.\n\n<br><br> <b>Note:</b> Available options are: <ul> <li><code>Vertical</code></li> <li><code>Horizontal</code></li> </ul>"}],"description":"<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-timeline</code> component shows entries (such as objects, events, or posts) in chronological order. A common use case is to provide information about changes to an object, or events related to an object. These entries can be generated by the system (for example, value XY changed from A to B), or added manually. There are two distinct variants of the timeline: basic and social. The basic timeline is read-only, while the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.","members":[{"deprecated":false,"kind":"field","name":"accessibleName","privacy":"public","static":false,"type":{"text":"string"},"description":"Defines the accessible ARIA name of the component."},{"deprecated":false,"kind":"field","name":"layout","privacy":"public","static":false,"type":{"text":"sap.ui.webc.fiori.types.TimelineLayout"},"default":"\"Vertical\"","description":"Defines the items orientation.\n\n<br><br> <b>Note:</b> Available options are: <ul> <li><code>Vertical</code></li> <li><code>Horizontal</code></li> </ul>"}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"Timeline.js","name":"Timeline","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"Timeline","module":"Timeline.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-timeline"}]},{"kind":"javascript-module","path":"TimelineItem.js","declarations":[{"deprecated":false,"customElement":true,"kind":"TimelineItem","name":"TimelineItem","tagName":"ui5-timeline-item","slots":[{"deprecated":false,"description":"Determines the description of the <code>ui5-timeline-item</code>.","name":"default"}],"events":[{"deprecated":false,"name":"name-click","type":"CustomEvent","description":"Fired when the item name is pressed either with a click/tap or by using the Enter or Space key. <br><br> <b>Note:</b> The event will not be fired if the <code>name-clickable</code> attribute is not set."}],"attributes":[{"default":"\"\"","deprecated":false,"fieldName":"icon","name":"icon","type":{"text":"string"},"description":"Defines the icon to be displayed as graphical element within the <code>ui5-timeline-item</code>. SAP-icons font provides numerous options. <br><br>\n\nSee all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>."},{"default":"\"\"","deprecated":false,"fieldName":"name","name":"name","type":{"text":"string"},"description":"Defines the name of the item, displayed before the <code>title-text</code>."},{"default":"false","deprecated":false,"fieldName":"nameClickable","name":"name-clickable","type":{"text":"boolean"},"description":"Defines if the <code>name</code> is clickable."},{"default":"\"\"","deprecated":false,"fieldName":"subtitleText","name":"subtitle-text","type":{"text":"string"},"description":"Defines the subtitle text of the component."},{"default":"\"\"","deprecated":false,"fieldName":"titleText","name":"title-text","type":{"text":"string"},"description":"Defines the title text of the component."}],"description":"<h3 class=\"comment-api-title\">Overview</h3>\n\nAn entry posted on the timeline.","members":[{"deprecated":false,"kind":"field","name":"icon","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the icon to be displayed as graphical element within the <code>ui5-timeline-item</code>. SAP-icons font provides numerous options. <br><br>\n\nSee all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>."},{"deprecated":false,"kind":"field","name":"name","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the name of the item, displayed before the <code>title-text</code>."},{"deprecated":false,"kind":"field","name":"nameClickable","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines if the <code>name</code> is clickable."},{"deprecated":false,"kind":"field","name":"subtitleText","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the subtitle text of the component."},{"deprecated":false,"kind":"field","name":"titleText","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the title text of the component."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"TimelineItem.js","name":"TimelineItem","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"TimelineItem","module":"TimelineItem.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-timeline-item"}]},{"kind":"javascript-module","path":"UploadCollection.js","declarations":[{"deprecated":false,"customElement":true,"kind":"UploadCollection","name":"UploadCollection","tagName":"ui5-upload-collection","slots":[{"deprecated":false,"description":"Defines the items of the <code>ui5-upload-collection</code>. <br><b>Note:</b> Use <code>ui5-upload-collection-item</code> for the intended design.","name":"default"},{"deprecated":false,"description":"Defines the <code>ui5-upload-collection</code> header. <br><br> <b>Note:</b> If <code>header</code> slot is provided, the labelling of the <code>UploadCollection</code> is a responsibility of the application developer. <code>accessibleName</code> should be used.","name":"header"}],"events":[{"deprecated":false,"name":"drop","type":"NativeEvent","description":"Fired when an element is dropped inside the drag and drop overlay. <br><br> <b>Note:</b> The <code>drop</code> event is fired only when elements are dropped within the drag and drop overlay and ignored for the other parts of the <code>ui5-upload-collection</code>."},{"deprecated":false,"name":"item-delete","type":"CustomEvent","description":"Fired when the delete button of any item is pressed."},{"deprecated":false,"name":"selection-change","type":"CustomEvent","description":"Fired when selection is changed by user interaction in <code>SingleSelect</code> and <code>MultiSelect</code> modes."}],"attributes":[{"default":"\"\"","deprecated":false,"fieldName":"accessibleName","name":"accessible-name","type":{"text":"string"},"description":"Defines the accessible ARIA name of the component."},{"default":"false","deprecated":false,"fieldName":"hideDragOverlay","name":"hide-drag-overlay","type":{"text":"boolean"},"description":"By default there will be drag and drop overlay shown over the <code>ui5-upload-collection</code> when files are dragged. If you don't intend to use drag and drop, set this property. <br><br> <b>Note:</b> It is up to the application developer to add handler for <code>drop</code> event and handle it. <code>ui5-upload-collection</code> only displays an overlay."},{"default":"\"None\"","deprecated":false,"fieldName":"mode","name":"mode","type":{"text":"sap.ui.webc.main.types.ListMode"},"description":"Defines the mode of the <code>ui5-upload-collection</code>.\n\n<br><b>Note:</b> Mode \"Delete\" has no effect. The delete button is controlled by the <code>hideDeleteButton</code> property of UploadCollectionItem</li>"},{"default":"\"\"","deprecated":false,"fieldName":"noDataDescription","name":"no-data-description","type":{"text":"string"},"description":"Allows you to set your own text for the 'No data' description."},{"default":"\"\"","deprecated":false,"fieldName":"noDataText","name":"no-data-text","type":{"text":"string"},"description":"Allows you to set your own text for the 'No data' text."}],"description":"<h3 class=\"comment-api-title\">Overview</h3> This component allows you to represent files before uploading them to a server, with the help of <code>ui5-upload-collection-item</code>. It also allows you to show already uploaded files.\n\n<h3>ES6 Module Import</h3> <code>import \"@ui5/webcomponents-fiori/dist/UploadCollection.js\";</code> <br> <code>import \"@ui5/webcomponents-fiori/dist/UploadCollectionItem.js\";</code> (for <code>ui5-upload-collection-item</code>)","members":[{"deprecated":false,"kind":"field","name":"accessibleName","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the accessible ARIA name of the component."},{"deprecated":false,"kind":"field","name":"hideDragOverlay","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"By default there will be drag and drop overlay shown over the <code>ui5-upload-collection</code> when files are dragged. If you don't intend to use drag and drop, set this property. <br><br> <b>Note:</b> It is up to the application developer to add handler for <code>drop</code> event and handle it. <code>ui5-upload-collection</code> only displays an overlay."},{"deprecated":false,"kind":"field","name":"mode","privacy":"public","static":false,"type":{"text":"sap.ui.webc.main.types.ListMode"},"default":"\"None\"","description":"Defines the mode of the <code>ui5-upload-collection</code>.\n\n<br><b>Note:</b> Mode \"Delete\" has no effect. The delete button is controlled by the <code>hideDeleteButton</code> property of UploadCollectionItem</li>"},{"deprecated":false,"kind":"field","name":"noDataDescription","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Allows you to set your own text for the 'No data' description."},{"deprecated":false,"kind":"field","name":"noDataText","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Allows you to set your own text for the 'No data' text."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"UploadCollection.js","name":"UploadCollection","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"UploadCollection","module":"UploadCollection.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-upload-collection"}]},{"kind":"javascript-module","path":"UploadCollectionItem.js","declarations":[{"deprecated":false,"customElement":true,"kind":"UploadCollectionItem","name":"UploadCollectionItem","tagName":"ui5-upload-collection-item","slots":[{"deprecated":false,"description":"Hold the description of the <code>ui5-upload-collection-item</code>. Will be shown below the file name.","name":"default"},{"deprecated":false,"description":"A thumbnail, which will be shown in the beginning of the <code>ui5-upload-collection-item</code>. <br><br> <b>Note:</b> Use <code>ui5-icon</code> or <code>img</code> for the intended design.","name":"thumbnail"}],"events":[{"deprecated":false,"name":"file-name-click","type":"CustomEvent","description":"Fired when the file name is clicked. <br><br> <b>Note:</b> This event is only available when <code>fileNameClickable</code> property is <code>true</code>."},{"deprecated":false,"name":"rename","type":"CustomEvent","description":"Fired when the <code>fileName</code> property gets changed. <br><br> <b>Note:</b> An edit button is displayed on each item, when the <code>ui5-upload-collection-item</code> <code>type</code> property is set to <code>Detail</code>."},{"deprecated":false,"name":"retry","type":"CustomEvent","description":"Fired when the retry button is pressed. <br><br> <b>Note:</b> Retry button is displayed when <code>uploadState</code> property is set to <code>Error</code>."},{"deprecated":false,"name":"terminate","type":"CustomEvent","description":"Fired when the terminate button is pressed. <br><br> <b>Note:</b> Terminate button is displayed when <code>uploadState</code> property is set to <code>Uploading</code>."}],"attributes":[{"default":"false","deprecated":false,"fieldName":"disableDeleteButton","name":"disable-delete-button","type":{"text":"boolean"},"description":"Disables the delete button."},{"default":"null","deprecated":false,"fieldName":"file","name":"file","type":{"text":"File"},"description":"Holds an instance of <code>File</code> associated with this item."},{"default":"\"\"","deprecated":false,"fieldName":"fileName","name":"file-name","type":{"text":"string"},"description":"The name of the file."},{"default":"false","deprecated":false,"fieldName":"fileNameClickable","name":"file-name-clickable","type":{"text":"boolean"},"description":"If set to <code>true</code> the file name will be clickable and it will fire <code>file-name-click</code> event upon click."},{"default":"false","deprecated":false,"fieldName":"hideDeleteButton","name":"hide-delete-button","type":{"text":"boolean"},"description":"By default, the delete button will always be shown, regardless of the <code>ui5-upload-collection</code>'s property <code>mode</code>. Setting this property to <code>true</code> will hide the delete button."},{"default":"false","deprecated":false,"fieldName":"hideRetryButton","name":"hide-retry-button","type":{"text":"boolean"},"description":"Hides the retry button when <code>uploadState</code> property is <code>Error</code>."},{"default":"false","deprecated":false,"fieldName":"hideTerminateButton","name":"hide-terminate-button","type":{"text":"boolean"},"description":"Hides the terminate button when <code>uploadState</code> property is <code>Uploading</code>."},{"default":"0","deprecated":false,"fieldName":"progress","name":"progress","type":{"text":"sap.ui.webc.base.types.Integer"},"description":"The upload progress in percentage. <br><br> <b>Note:</b> Expected values are in the interval [0, 100]."},{"default":"\"Ready\"","deprecated":false,"fieldName":"uploadState","name":"upload-state","type":{"text":"sap.ui.webc.fiori.types.UploadState"},"description":"If set to <code>Uploading</code> or <code>Error</code>, a progress indicator showing the <code>progress</code> is displayed. Also if set to <code>Error</code>, a refresh button is shown. When this icon is pressed <code>retry</code> event is fired. If set to <code>Uploading</code>, a terminate button is shown. When this icon is pressed <code>terminate</code> event is fired."}],"description":"<h3 class=\"comment-api-title\">Overview</h3> A component to be used within the <code>ui5-upload-collection</code>.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/UploadCollectionItem.js\";</code>","members":[{"deprecated":false,"kind":"field","name":"disableDeleteButton","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Disables the delete button."},{"deprecated":false,"kind":"field","name":"file","privacy":"public","static":false,"type":{"text":"File"},"default":"null","description":"Holds an instance of <code>File</code> associated with this item."},{"deprecated":false,"kind":"field","name":"fileName","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"The name of the file."},{"deprecated":false,"kind":"field","name":"fileNameClickable","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"If set to <code>true</code> the file name will be clickable and it will fire <code>file-name-click</code> event upon click."},{"deprecated":false,"kind":"field","name":"hideDeleteButton","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"By default, the delete button will always be shown, regardless of the <code>ui5-upload-collection</code>'s property <code>mode</code>. Setting this property to <code>true</code> will hide the delete button."},{"deprecated":false,"kind":"field","name":"hideRetryButton","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Hides the retry button when <code>uploadState</code> property is <code>Error</code>."},{"deprecated":false,"kind":"field","name":"hideTerminateButton","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Hides the terminate button when <code>uploadState</code> property is <code>Uploading</code>."},{"deprecated":false,"kind":"field","name":"progress","privacy":"public","static":false,"type":{"text":"sap.ui.webc.base.types.Integer"},"default":"0","description":"The upload progress in percentage. <br><br> <b>Note:</b> Expected values are in the interval [0, 100]."},{"deprecated":false,"kind":"field","name":"uploadState","privacy":"public","static":false,"type":{"text":"sap.ui.webc.fiori.types.UploadState"},"default":"\"Ready\"","description":"If set to <code>Uploading</code> or <code>Error</code>, a progress indicator showing the <code>progress</code> is displayed. Also if set to <code>Error</code>, a refresh button is shown. When this icon is pressed <code>retry</code> event is fired. If set to <code>Uploading</code>, a terminate button is shown. When this icon is pressed <code>terminate</code> event is fired."}],"superclass":{"module":"ListItem.js","name":"ListItem","package":"@ui5/webcomponents"}}],"exports":[{"declaration":{"module":"UploadCollectionItem.js","name":"UploadCollectionItem","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"UploadCollectionItem","module":"UploadCollectionItem.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-upload-collection-item"}]},{"kind":"javascript-module","path":"ViewSettingsDialog.js","declarations":[{"deprecated":false,"customElement":true,"kind":"ViewSettingsDialog","name":"ViewSettingsDialog","tagName":"ui5-view-settings-dialog","slots":[{"deprecated":false,"description":"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>","name":"filterItems"},{"deprecated":false,"description":"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>","name":"sortItems"}],"events":[{"deprecated":false,"name":"before-open","type":"CustomEvent","description":"Fired before the component is opened. <b>This event does not bubble.</b>"},{"deprecated":false,"name":"cancel","type":"CustomEvent","description":"Fired when cancel button is activated."},{"deprecated":false,"name":"confirm","type":"CustomEvent","description":"Fired when confirmation button is activated."}],"attributes":[{"default":"false","deprecated":false,"fieldName":"sortDescending","name":"sort-descending","type":{"text":"boolean"},"description":"Defines the initial sort order."}],"description":"<h3 class=\"comment-api-title\">Overview</h3> The <code>ui5-view-settings-dialog</code> component helps the user to sort data within a list or a table. It consists of several lists like <code>Sort order</code> which is built-in and <code>Sort By</code> and <code>Filter By</code> lists, for which you must be provide items(<code>ui5-sort-item</code> & <code>ui5-filter-item</code> respectively) These options can be used to create sorters for a table.\n\nThe <code>ui5-view-settings-dialog</code> interrupts the current application processing as it is the only focused UI element and the main screen is dimmed/blocked. The <code>ui5-view-settings-dialog</code> is modal, which means that user action is required before returning to the parent window is possible.\n\n<h3>Structure</h3> A <code>ui5-view-settings-dialog</code> consists of a header, content, and a footer for action buttons. The <code>ui5-view-settings-dialog</code> is usually displayed at the center of the screen.\n\n<h3>Responsive Behavior</h3> <code>ui5-view-settings-dialog</code> stretches on full screen on phones.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/ViewSettingsDialog\";</code>","members":[{"deprecated":false,"kind":"field","name":"sortDescending","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines the initial sort order."},{"deprecated":false,"kind":"method","name":"setConfirmedSettings","privacy":"public","description":"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 needs to set its initial settings.<br> The <code>ui5-view-settings-dialog</code> throws an event called \"before-open\", which can be used as a trigger point.<br> The object should have the following format:<br> <pre>\n{\n\tsortOrder: \"Ascending\",\n\tsortBy: \"Name\",\n\tfilters: [\n\t\t{\"Filter 1\": [\"Some filter 1\", \"Some filter 2\"]},\n\t\t{\"Filter 2\": [\"Some filter 4\"]},\n\t]\n}\n</pre>","parameters":[{"deprecated":false,"name":"settings","type":{"text":"Object"},"description":"predefined settings."}]},{"deprecated":false,"kind":"method","name":"show","privacy":"public","description":"Shows the dialog."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"ViewSettingsDialog.js","name":"ViewSettingsDialog","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"ViewSettingsDialog","module":"ViewSettingsDialog.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-view-settings-dialog"}]},{"kind":"javascript-module","path":"Wizard.js","declarations":[{"deprecated":false,"customElement":true,"kind":"Wizard","name":"Wizard","tagName":"ui5-wizard","slots":[{"deprecated":false,"description":"Defines the steps. <br><br> <b>Note:</b> Use the available <code>ui5-wizard-step</code> component.","name":"default"}],"events":[{"deprecated":false,"name":"step-change","type":"CustomEvent","description":"Fired when the step is changed by user interaction - either with scrolling, or by clicking on the steps within the component header."}],"attributes":[{"default":"\"MultipleSteps\"","deprecated":false,"fieldName":"contentLayout","name":"content-layout","type":{"text":"sap.ui.webc.fiori.types.WizardContentLayout"},"description":"Defines how the content of the <code>ui5-wizard</code> would be visualized."}],"description":"<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-wizard</code> helps users to complete a complex task by dividing it into sections and guiding them through it. It has two main areas - a navigation area at the top showing the step sequence and a content area below it.\n\n<h3>Structure</h3> <h4>Navigation area</h4> The top most area of the <code>ui5-wizard</code> is occupied by the navigation area. It shows the sequence of steps, where the recommended number of steps is between 3 and 8 steps. <ul> <li> Steps can have different visual representations - numbers or icons.</li> <li> Steps might have labels for better readability - titleText and subTitleText.</li> <li> Steps are defined by using the <code>ui5-wizard-step</code> as slotted element within the <code>ui5-wizard</code>.</li> </ul>\n\n<b>Note:</b> If no selected step is defined, the first step will be auto selected. <br> <b>Note:</b> If multiple selected steps are defined, the last step will be selected.\n\n<h3>CSS Shadow Parts</h3>\n\n<ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM. <br> The <code>ui5-wizard</code> exposes the following CSS Shadow Parts: <ul> <li>navigator - Used to style the progress navigator of the <code>ui5-wizard</code>.</li> <li>step-content - Used to style a <code>ui5-wizard-step</code> container.</li> </ul>\n\n<h3>Keyboard Handling</h3> The user can navigate using the following keyboard shortcuts: <br>\n\n<h4>Wizard Progress Navigation</h4> <ul> <li>[LEFT], [DOWN] - Focus moves backward to the WizardProgressNavAnchors.</li> <li>[UP], [RIGHT] - Focus moves forward to the WizardProgressNavAnchor.</li> <li>[SPACE] or [ENTER], [RETURN] - Selects an active step</li> <li>[HOME] or [PAGE UP] - Focus goes to the first step</li> <li>[END] or [PAGE DOWN] - Focus goes to the last step</li> </ul>\n\n<h4>Fast Navigation</h4> This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up</code>. In order to use this functionality, you need to import the following module: <code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code>\n\n<h4>Content</h4> The content occupies the main part of the page. It can hold any type of HTML elements. It's defined by using the <code>ui5-wizard-step</code> as slotted element within the <code>ui5-wizard</code>.\n\n<h3>Scrolling</h3> The component handles user scrolling by selecting the closest step, based on the current scroll position and scrolls to particular place, when the user clicks on the step within the navigation area. <br><br>\n\n<b>Important:</b> In order the component's scrolling behaviour to work, it has to be limited from the outside parent element in terms of height. The component or its parent has to be given percentage or absolute height. Otherwise, the component will be scrolled out with the entire page. <br><br> <b>For example:</b> <br><br> <code>&lt;ui5-dialog style=\"height: 80%\"&gt;<br></code> <code>&#9;&lt;ui5-wizard&gt;&lt;/ui5-wizard&gt;<br></code> <code>&lt;/ui5-dialog&gt;</code>\n\n<h4>Moving to next step</h4> The <code>ui5-wizard-step</code> provides the necessary API and it's up to the user of the component to use it to move to the next step. You have to set its <code>selected</code> property (and remove the <code>disabled</code> one if set) to <code>true</code>. The <code>ui5-wizard</code> will automatically scroll to the content of the newly selected step. <br><br>\n\nThe Fiori 3 guidelines recommends having a \"nextStep\" button in the content area. You can place a button, or any other type of element to trigger step change, inside the <code>ui5-wizard-step</code>, and show/hide it when certain fields are filled or user defined criteria is met.\n\n<h3>Usage</h3> <h4>When to use:</h4> When the user has to accomplish a long or unfamiliar task.\n\n<h4>When not to use:</h4> When the task has less than 3 steps.\n\n<h3>Responsive Behavior</h3> On small widths the step's titleText, subtitleText and separators in the navigation area shrink and from particular point the steps are grouped together and overlap. Tapping on them will show a popover to select the step to navigate to. On mobile device, the grouped steps are presented within a dialog.\n\n<h3>ES6 Module Import</h3> <code>import \"@ui5/webcomponents-fiori/dist/Wizard.js\";</code> (includes &lt;ui5-wizard-step/&gt;)","members":[{"deprecated":false,"kind":"field","name":"contentLayout","privacy":"public","static":false,"type":{"text":"sap.ui.webc.fiori.types.WizardContentLayout"},"default":"\"MultipleSteps\"","description":"Defines how the content of the <code>ui5-wizard</code> would be visualized."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"Wizard.js","name":"Wizard","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"Wizard","module":"Wizard.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-wizard"}]},{"kind":"javascript-module","path":"WizardStep.js","declarations":[{"deprecated":false,"customElement":true,"kind":"WizardStep","name":"WizardStep","tagName":"ui5-wizard-step","slots":[{"deprecated":false,"description":"Defines the step content.","name":"default"}],"attributes":[{"default":"false","deprecated":false,"fieldName":"branching","name":"branching","type":{"text":"boolean"},"description":"When <code>branching</code> is enabled a dashed line would be displayed after the step, meant to indicate that the next step is not yet known and depends on user choice in the current step. <br><br>\n\n<b>Note:</b> It is recommended to use <code>branching</code> on the last known step and later add new steps when it becomes clear how the wizard flow should continue."},{"default":"false","deprecated":false,"fieldName":"disabled","name":"disabled","type":{"text":"boolean"},"description":"Defines if the step is <code>disabled</code>. When disabled the step is displayed, but the user can't select the step by clicking or navigate to it with scrolling. <br><br>\n\n<b>Note:</b> Step can't be <code>selected</code> and <code>disabled</code> at the same time. In this case the <code>selected</code> property would take precedence."},{"default":"\"\"","deprecated":false,"fieldName":"icon","name":"icon","type":{"text":"string"},"description":"Defines the <code>icon</code> of the step. <br><br>\n\n<b>Note:</b> The icon is displayed in the <code>ui5-wizard</code> navigation header. <br><br>\n\nThe SAP-icons font provides numerous options. See all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>."},{"default":"false","deprecated":false,"fieldName":"selected","name":"selected","type":{"text":"boolean"},"description":"Defines the step's <code>selected</code> state - the step that is currently active. <br><br>\n\n<b>Note:</b> Step can't be <code>selected</code> and <code>disabled</code> at the same time. In this case the <code>selected</code> property would take precedence."},{"default":"\"\"","deprecated":false,"fieldName":"subtitleText","name":"subtitle-text","type":{"text":"string"},"description":"Defines the <code>subtitleText</code> of the step. <br><br>\n\n<b>Note:</b> the text is displayed in the <code>ui5-wizard</code> navigation header."},{"default":"\"\"","deprecated":false,"fieldName":"titleText","name":"title-text","type":{"text":"string"},"description":"Defines the <code>titleText</code> of the step. <br><br>\n\n<b>Note:</b> The text is displayed in the <code>ui5-wizard</code> navigation header."}],"description":"<h3 class=\"comment-api-title\">Overview</h3>\n\nA component that represents a logical step as part of the <code>ui5-wizard</code>. It is meant to aggregate arbitrary HTML elements that form the content of a single step.\n\n<h3>Structure</h3> <ul> <li>Each wizard step has arbitrary content.</li> <li>Each wizard step might have texts - defined by the <code>titleText</code> and <code>subtitleText</code> properties.</li> <li>Each wizard step might have an icon - defined by the <code>icon</code> property.</li> <li>Each wizard step might display a number in place of the <code>icon</code>, when it's missing.</li> </ul>\n\n<h3>Usage</h3> The <code>ui5-wizard-step</code> component should be used only as slot of the <code>ui5-wizard</code> component and should not be used standalone.","members":[{"deprecated":false,"kind":"field","name":"branching","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"When <code>branching</code> is enabled a dashed line would be displayed after the step, meant to indicate that the next step is not yet known and depends on user choice in the current step. <br><br>\n\n<b>Note:</b> It is recommended to use <code>branching</code> on the last known step and later add new steps when it becomes clear how the wizard flow should continue."},{"deprecated":false,"kind":"field","name":"disabled","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines if the step is <code>disabled</code>. When disabled the step is displayed, but the user can't select the step by clicking or navigate to it with scrolling. <br><br>\n\n<b>Note:</b> Step can't be <code>selected</code> and <code>disabled</code> at the same time. In this case the <code>selected</code> property would take precedence."},{"deprecated":false,"kind":"field","name":"icon","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the <code>icon</code> of the step. <br><br>\n\n<b>Note:</b> The icon is displayed in the <code>ui5-wizard</code> navigation header. <br><br>\n\nThe SAP-icons font provides numerous options. See all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>."},{"deprecated":false,"kind":"field","name":"selected","privacy":"public","static":false,"type":{"text":"boolean"},"default":"false","description":"Defines the step's <code>selected</code> state - the step that is currently active. <br><br>\n\n<b>Note:</b> Step can't be <code>selected</code> and <code>disabled</code> at the same time. In this case the <code>selected</code> property would take precedence."},{"deprecated":false,"kind":"field","name":"subtitleText","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the <code>subtitleText</code> of the step. <br><br>\n\n<b>Note:</b> the text is displayed in the <code>ui5-wizard</code> navigation header."},{"deprecated":false,"kind":"field","name":"titleText","privacy":"public","static":false,"type":{"text":"string"},"default":"\"\"","description":"Defines the <code>titleText</code> of the step. <br><br>\n\n<b>Note:</b> The text is displayed in the <code>ui5-wizard</code> navigation header."}],"superclass":{"module":"UI5Element.js","name":"UI5Element","package":"@ui5/webcomponents-base"}}],"exports":[{"declaration":{"module":"WizardStep.js","name":"WizardStep","package":"@ui5/webcomponents-fiori"},"deprecated":false,"kind":"js","name":"default"},{"declaration":{"name":"WizardStep","module":"WizardStep.js"},"deprecated":false,"kind":"custom-element-definition","name":"ui5-wizard-step"}]}]}
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "dist/fcl-utils/FCLLayout.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getLayoutsByMedia",
+          "declaration": {
+            "name": "getLayoutsByMedia",
+            "module": "dist/fcl-utils/FCLLayout.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getNextLayoutByStartArrow",
+          "declaration": {
+            "name": "getNextLayoutByStartArrow",
+            "module": "dist/fcl-utils/FCLLayout.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getNextLayoutByEndArrow",
+          "declaration": {
+            "name": "getNextLayoutByEndArrow",
+            "module": "dist/fcl-utils/FCLLayout.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "LayoutConfiguration",
+          "declaration": {
+            "name": "LayoutConfiguration",
+            "module": "dist/fcl-utils/FCLLayout.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FCLLayout",
+          "declaration": {
+            "name": "FCLLayout",
+            "module": "dist/fcl-utils/FCLLayout.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/features/CoPilotAnimation.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/illustrations/AllIllustrations.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/BarDesign.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "BarDesign",
+            "module": "dist/types/BarDesign.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/FCLLayout.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FCLLayout",
+            "module": "dist/types/FCLLayout.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/IllustrationMessageSize.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IllustrationMessageSize",
+            "module": "dist/types/IllustrationMessageSize.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/IllustrationMessageType.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IllustrationMessageType",
+            "module": "dist/types/IllustrationMessageType.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/MediaGalleryItemLayout.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "MediaGalleryItemLayout",
+            "module": "dist/types/MediaGalleryItemLayout.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/MediaGalleryLayout.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "MediaGalleryLayout",
+            "module": "dist/types/MediaGalleryLayout.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/MediaGalleryMenuHorizontalAlign.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "MediaGalleryMenuHorizontalAlign",
+            "module": "dist/types/MediaGalleryMenuHorizontalAlign.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/MediaGalleryMenuVerticalAlign.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "MediaGalleryMenuVerticalAlign",
+            "module": "dist/types/MediaGalleryMenuVerticalAlign.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/PageBackgroundDesign.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "PageBackgroundDesign",
+            "module": "dist/types/PageBackgroundDesign.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/SideContentFallDown.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SideContentFallDown",
+            "module": "dist/types/SideContentFallDown.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/SideContentPosition.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SideContentPosition",
+            "module": "dist/types/SideContentPosition.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/SideContentVisibility.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SideContentVisibility",
+            "module": "dist/types/SideContentVisibility.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/TimelineLayout.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TimelineLayout",
+            "module": "dist/types/TimelineLayout.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/UploadCollectionDnDMode.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UploadCollectionDnDOverlayMode",
+            "module": "dist/types/UploadCollectionDnDMode.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/UploadState.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UploadState",
+            "module": "dist/types/UploadState.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/ViewSettingsDialogMode.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ViewSettingsDialogMode",
+            "module": "dist/types/ViewSettingsDialogMode.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/types/WizardContentLayout.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "WizardContentLayout",
+            "module": "dist/types/WizardContentLayout.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/upload-utils/UploadCollectionBodyDnD.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "attachBodyDnDHandler",
+          "declaration": {
+            "name": "attachBodyDnDHandler",
+            "module": "dist/upload-utils/UploadCollectionBodyDnD.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "detachBodyDnDHandler",
+          "declaration": {
+            "name": "detachBodyDnDHandler",
+            "module": "dist/upload-utils/UploadCollectionBodyDnD.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "draggingFiles",
+          "declaration": {
+            "name": "draggingFiles",
+            "module": "dist/upload-utils/UploadCollectionBodyDnD.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DnDEventListener",
+          "declaration": {
+            "name": "DnDEventListener",
+            "module": "dist/upload-utils/UploadCollectionBodyDnD.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DnDEventListenerParam",
+          "declaration": {
+            "name": "DnDEventListenerParam",
+            "module": "dist/upload-utils/UploadCollectionBodyDnD.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/Assets-static.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/Assets.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/Bar.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\nThe Bar is a container which is primarily used to hold titles, buttons and input elements\nand its design and functionality is the basis for page headers and footers.\nThe component consists of three areas to hold its content - startContent slot, default slot and endContent slot.\nIt has the capability to center content, such as a title, while having other components on the left and right side.\n\n<h3>Usage</h3>\nWith the use of the design property, you can set the style of the Bar to appear designed like a Header, Subheader, Footer and FloatingFooter.\n<br>\n<b>Note:</b> Do not place a Bar inside another Bar or inside any bar-like component. Doing so may cause unpredictable behavior.\n\n<h3>Responsive Behavior</h3>\nThe default slot will be centered in the available space between the startContent and the endContent areas,\ntherefore it might not always be centered in the entire bar.\n\n<h3>Keyboard Handling</h3>\n\n<h4>Fast Navigation</h4>\nThis component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down /  Ctrl + Alt(Option) + Up</code>.\nIn order to use this functionality, you need to import the following module:\n<code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code>\n<br><br>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/Bar.js\";</code>",
+          "name": "Bar",
+          "cssParts": [
+            {
+              "description": "Used to style the wrapper of the content of the component",
+              "name": "bar"
+            }
+          ],
+          "slots": [
+            {
+              "name": "startContent",
+              "description": "Defines the content at the start of the bar."
+            },
+            {
+              "name": "default",
+              "description": "Defines the content in the middle of the bar."
+            },
+            {
+              "name": "endContent",
+              "description": "Defines the content at the end of the bar."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "design",
+              "type": {
+                "text": "BarDesign",
+                "references": [
+                  {
+                    "name": "BarDesign",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/BarDesign.js"
+                  }
+                ]
+              },
+              "description": "Defines the component's design.",
+              "default": "\"Header\"",
+              "privacy": "public"
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-bar",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Bar",
+            "module": "dist/Bar.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-bar",
+          "declaration": {
+            "name": "Bar",
+            "module": "dist/Bar.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/BarcodeScannerDialog.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>BarcodeScannerDialog</code> component provides barcode scanning functionality for all devices that support the <code>MediaDevices.getUserMedia()</code> native API.\nOpening the dialog launches the device camera and scans for known barcode formats.\n<br>\n<br>\nA <code>scanSuccess</code> event fires whenever a barcode is identified\nand a <code>scanError</code> event fires when the scan failed (for example, due to missing permisions).\n<br>\n<br>\nInternally, the component  uses the zxing-js/library third party OSS.\n\nFor a list of supported barcode formats, see the <ui5-link target=\"_blank\" href=\"https://github.com/zxing-js/library\">zxing-js/library</ui5-link> documentation.",
+          "name": "BarcodeScannerDialog",
+          "members": [
+            {
+              "kind": "method",
+              "name": "show",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Shows a dialog with the camera videostream. Starts a scan session.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Closes the dialog and the scan session.",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "scan-success",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fires when the scan is completed successfuuly."
+            },
+            {
+              "name": "scan-error",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fires when the scan fails with error."
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-barcode-scanner-dialog",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "BarcodeScannerDialog",
+            "module": "dist/BarcodeScannerDialog.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "BarcodeScannerDialogScanErrorEventDetail",
+          "declaration": {
+            "name": "BarcodeScannerDialogScanErrorEventDetail",
+            "module": "dist/BarcodeScannerDialog.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "BarcodeScannerDialogScanSuccessEventDetail",
+          "declaration": {
+            "name": "BarcodeScannerDialogScanSuccessEventDetail",
+            "module": "dist/BarcodeScannerDialog.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-barcode-scanner-dialog",
+          "declaration": {
+            "name": "BarcodeScannerDialog",
+            "module": "dist/BarcodeScannerDialog.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/DynamicSideContent.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe DynamicSideContent (<code>ui5-dynamic-side-content</code>) is a layout component that allows additional content\nto be displayed in a way that flexibly adapts to different screen sizes. The side\ncontent appears in a container next to or directly below the main content\n(it doesn't overlay). When the side content is triggered, the main content becomes\nnarrower (if appearing side-by-side). The side content contains a separate scrollbar\nwhen appearing next to the main content.\n\n\n<h3>Usage</h3>\n\n<i>When to use?</i>\n\nUse this component if you want to display relevant information that is not critical\nfor users to complete a task. Users should have access to all the key functions and\ncritical information in the app even if they do not see the side content. This is\nimportant because on smaller screen sizes it may be difficult to display the side\ncontent in a way that is easily accessible for the user.\n\n<i>When not to use?</i>\n\nDon't use it if you want to display navigation or critical information that prevents\nusers from completing a task when they have no access to the side content.\n\n\n<h3>Responsive Behavior</h3>\n\nScreen width > 1440px\n\n<ul><li>Main vs. side content ratio is 75 vs. 25 percent (with a minimum of 320px\neach).</li>\n<li>If the application defines a trigger, the side content can be hidden.</li></ul>\n\nScreen width <= 1440px and > 1024px\n\n<ul><li>Main vs. side content ratio is 66.666 vs. 33.333 percent (with a minimum of\n320px each). If the side content width falls below 320 px, it automatically slides\nunder the main content, unless the app development team specifies that it should\ndisappear.</li></ul>\n\nScreen width <= 1024px and > 720px\n\n<ul><li>The side content ratio is fixed to 340px, and the main content takes the rest\nof the width. Only if the <code>sideContentFallDown</code> is set to <code>OnMinimumWidth</code>\nand screen width is <= 960px and > 720px the side content falls below the main content.</li></ul>\n\nScreen width <= 720px (for example on a mobile device)\n\n<ul><li>In this case, the side content automatically disappears from the screen (unless\nspecified to stay under the content by setting of <code>sideContentVisibility</code>\nproperty to <code>AlwaysShow</code>) and can be triggered from a pre-set trigger\n(specified within the app). When the side content is triggered, it replaces the main\ncontent. We recommend that you always place the trigger for the side content in the\nsame location, such as in the app footer.</li></ul>\n\nA special case allows switching the comparison mode between the main and side content.\nIn this case, the screen is split into 50:50 percent for main vs. side content. The\nresponsive behavior of the equal split is the same as in the standard view - the\nside content disappears on screen widths of less than 720 px and can only be\nviewed by triggering it.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/DynamicSideContent\";</code>",
+          "name": "DynamicSideContent",
+          "slots": [
+            {
+              "description": "Defines the main content.",
+              "name": "default"
+            },
+            {
+              "name": "sideContent",
+              "description": "Defines the side content."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "hideMainContent",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines the visibility of the main content.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "hideSideContent",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines the visibility of the side content.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "sideContentPosition",
+              "type": {
+                "text": "SideContentPosition",
+                "references": [
+                  {
+                    "name": "SideContentPosition",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/SideContentPosition.js"
+                  }
+                ]
+              },
+              "description": "Defines whether the side content is positioned before the main content (left side\nin LTR mode), or after the the main content (right side in LTR mode).\n\n<br><br>\n<b>The available values are:</b>\n\n<ul>\n<li><code>Start</code></li>\n<li><code>End</code></li>\n</ul>",
+              "default": "\"End\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "sideContentVisibility",
+              "type": {
+                "text": "SideContentVisibility",
+                "references": [
+                  {
+                    "name": "SideContentVisibility",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/SideContentVisibility.js"
+                  }
+                ]
+              },
+              "description": "Defines on which breakpoints the side content is visible.\n\n<br><br>\n<b>The available values are:</b>\n\n<ul>\n<li><code>AlwaysShow</code></li>\n<li><code>ShowAboveL</code></li>\n<li><code>ShowAboveM</code></li>\n<li><code>ShowAboveS</code></li>\n<li><code>NeverShow</code></li>\n</ul>",
+              "default": "\"ShowAboveS\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "sideContentFallDown",
+              "type": {
+                "text": "SideContentFallDown",
+                "references": [
+                  {
+                    "name": "SideContentFallDown",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/SideContentFallDown.js"
+                  }
+                ]
+              },
+              "description": "Defines on which breakpoints the side content falls down below the main content.\n\n<br><br>\n<b>The available values are:</b>\n\n<ul>\n<li><code>BelowXL</code></li>\n<li><code>BelowL</code></li>\n<li><code>BelowM</code></li>\n<li><code>OnMinimumWidth</code></li>\n</ul>",
+              "default": "\"OnMinimumWidth\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "equalSplit",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines whether the component is in equal split mode. In this mode, the side and\nthe main content take 50:50 percent of the container on all screen sizes\nexcept for phone, where the main and side contents are switching visibility\nusing the toggle method.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "toggleContents",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Toggles visibility of main and side contents on S screen size (mobile device).",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "layout-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fires when the current breakpoint has been changed."
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-dynamic-side-content",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DynamicSideContent",
+            "module": "dist/DynamicSideContent.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DynamicSideContentLayoutChangeEventDetail",
+          "declaration": {
+            "name": "DynamicSideContentLayoutChangeEventDetail",
+            "module": "dist/DynamicSideContent.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-dynamic-side-content",
+          "declaration": {
+            "name": "DynamicSideContent",
+            "module": "dist/DynamicSideContent.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/FilterItem.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>ui5-filter-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @ui5/webcomponents-fiori/dist/FilterItem.js\";</code>",
+          "name": "FilterItem",
+          "slots": [
+            {
+              "name": "values",
+              "description": "Defines the <code>values</code> list."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the text of the component.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "additionalText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the additional text of the component.",
+              "default": "\"\"",
+              "privacy": "public"
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-filter-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FilterItem",
+            "module": "dist/FilterItem.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-filter-item",
+          "declaration": {
+            "name": "FilterItem",
+            "module": "dist/FilterItem.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/FilterItemOption.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>ui5-filter-item-option</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @ui5/webcomponents-fiori/dist/FilterItemOption.js\";</code>",
+          "name": "FilterItemOption",
+          "members": [
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the text of the component.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if the component is selected.",
+              "default": "false",
+              "privacy": "public"
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-filter-item-option",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FilterItemOption",
+            "module": "dist/FilterItemOption.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-filter-item-option",
+          "declaration": {
+            "name": "FilterItemOption",
+            "module": "dist/FilterItemOption.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/FlexibleColumnLayout.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>FlexibleColumnLayout</code> implements the list-detail-detail paradigm by displaying up to three pages in separate columns.\nThere are several possible layouts that can be changed either with the component API, or by pressing the arrows, displayed between the columns.\n\n<h3>Usage</h3>\n\nUse this component for applications that need to display several logical levels of related information side by side (e.g. list of items, item, sub-item, etc.).\nThe Component is flexible in a sense that the application can focus the user's attention on one particular column.\n\n<h3>Responsive Behavior</h3>\n\nThe <code>FlexibleColumnLayout</code> automatically displays the maximum possible number of columns based on <code>layout</code> property and the window size.\nThe component would display 1 column for window size smaller than 599px, up to two columns between 599px and 1023px,\nand 3 columns for sizes bigger than 1023px.\n\n<br><br>\n<h3>Keyboard Handling</h3>\n\n<h4>Basic Navigation</h4>\n<ul>\n<li>[SPACE, ENTER, RETURN] - If focus is on the layout toggle button (arrow button), once activated, it triggers the associated action (such as expand/collapse the column).</li>\n<li>This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down /  Ctrl + Alt(Option) + Up</code>.\nIn order to use this functionality, you need to import the following module:\n<code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code></li>\n</ul>\n\n<h4>Fast Navigation</h4>\nThis component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down /  Ctrl + Alt(Option) + Up</code>.\nIn order to use this functionality, you need to import the following module:\n<code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code>\n<br><br>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js\";</code>",
+          "name": "FlexibleColumnLayout",
+          "slots": [
+            {
+              "name": "startColumn",
+              "description": "Defines the content in the start column."
+            },
+            {
+              "name": "midColumn",
+              "description": "Defines the content in the middle column."
+            },
+            {
+              "name": "endColumn",
+              "description": "Defines the content in the end column."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "layout",
+              "type": {
+                "text": "FCLLayout",
+                "references": [
+                  {
+                    "name": "FCLLayout",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/FCLLayout.js"
+                  }
+                ]
+              },
+              "description": "Defines the columns layout and their proportion.\n<br><br>\n<b>Note:</b> The layout also depends on the screen size - one column for screens smaller than 599px,\ntwo columns between 599px and 1023px and three columns for sizes bigger than 1023px.\n<br><br>\n<b>For example:</b> layout=<code>TwoColumnsStartExpanded</code> means the layout will display up to two columns\nin 67%/33% proportion.",
+              "default": "\"OneColumn\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "hideArrows",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines the visibility of the arrows,\nused for expanding and shrinking the columns.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "accessibilityTexts",
+              "type": {
+                "text": "AccessiblilityTexts",
+                "references": [
+                  {
+                    "name": "AccessiblilityTexts",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/FlexibleColumnLayout.js"
+                  }
+                ]
+              },
+              "description": "An object of strings that defines several additional accessibility texts for even further customization.\n\nIt supports the following fields:\n - <code>startColumnAccessibleName</code>: the accessibility name for the <code>startColumn</code> region\n - <code>midColumnAccessibleName</code>: the accessibility name for the <code>midColumn</code> region\n - <code>endColumnAccessibleName</code>: the accessibility name for the <code>endColumn</code> region\n - <code>startArrowLeftText</code>: the text that the first arrow (between the <code>begin</code> and <code>mid</code> columns) will have when pointing to the left\n - <code>startArrowRightText</code>: the text that the first arrow (between the <code>begin</code> and <code>mid</code> columns) will have when pointing to the right\n - <code>endArrowLeftText</code>: the text that the second arrow (between the <code>mid</code> and <code>end</code> columns) will have when pointing to the left\n - <code>endArrowRightText</code>: the text that the second arrow (between the <code>mid</code> and <code>end</code> columns) will have when pointing to the right\n - <code>startArrowContainerAccessibleName</code>: the text that the first arrow container (between the <code>begin</code> and <code>mid</code> columns) will have as <code>aria-label</code>\n - <code>endArrowContainerAccessibleName</code>: the text that the second arrow container (between the <code>mid</code> and <code>end</code> columns) will have as <code>aria-label</code>",
+              "default": "{}",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "accessibilityRoles",
+              "type": {
+                "text": "AccessibilityRoles",
+                "references": [
+                  {
+                    "name": "AccessibilityRoles",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/FlexibleColumnLayout.js"
+                  }
+                ]
+              },
+              "description": "An object of strings that defines additional accessibility roles for further customization.\n\nIt supports the following fields:\n - <code>startColumnRole</code>: the accessibility role for the <code>startColumn</code>\n - <code>startArrowContainerRole</code>: the accessibility role for the first arrow container (between the <code>begin</code> and <code>mid</code> columns)\n - <code>midColumnRole</code>: the accessibility role for the <code>midColumn</code>\n - <code>endArrowContainerRole</code>: the accessibility role for the second arrow container (between the <code>mid</code> and <code>end</code> columns)\n - <code>endColumnRole</code>: the accessibility role for the <code>endColumn</code>",
+              "default": "{}",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "columnLayout",
+              "type": {
+                "text": "ColumnLayout | undefined",
+                "references": [
+                  {
+                    "name": "ColumnLayout",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/FlexibleColumnLayout.js"
+                  }
+                ]
+              },
+              "description": "Returns the current column layout, based on both the <code>layout</code> property and the screen size.\n<br><br>\n<b>For example:</b> [\"67%\", \"33%\", 0], [\"100%\", 0, 0], [\"25%\", \"50%\", \"25%\"], etc,\nwhere the numbers represents the width of the start, middle and end columns.",
+              "default": "undefined",
+              "privacy": "public",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "startColumnVisible",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Returns if the <code>start</code> column is visible.",
+              "default": "true",
+              "privacy": "public",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "midColumnVisible",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Returns if the <code>middle</code> column is visible.",
+              "default": "false",
+              "privacy": "public",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "endColumnVisible",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Returns if the <code>end</code> column is visible.",
+              "default": "false",
+              "privacy": "public",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "visibleColumns",
+              "type": {
+                "text": "number"
+              },
+              "description": "Returns the number of currently visible columns.",
+              "default": "1",
+              "privacy": "public",
+              "readonly": true
+            }
+          ],
+          "events": [
+            {
+              "name": "layout-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the layout changes via user interaction by clicking the arrows\nor by changing the component size due to resizing."
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-flexible-column-layout",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "FlexibleColumnLayout",
+            "module": "dist/FlexibleColumnLayout.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MEDIA",
+          "declaration": {
+            "name": "MEDIA",
+            "module": "dist/FlexibleColumnLayout.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FlexibleColumnLayoutLayoutChangeEventDetail",
+          "declaration": {
+            "name": "FlexibleColumnLayoutLayoutChangeEventDetail",
+            "module": "dist/FlexibleColumnLayout.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-flexible-column-layout",
+          "declaration": {
+            "name": "FlexibleColumnLayout",
+            "module": "dist/FlexibleColumnLayout.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/IllustratedMessage.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\nAn IllustratedMessage is a recommended combination of a solution-oriented message, an engaging\nillustration, and conversational tone to better communicate an empty or a success state than just show\na message alone.\n\nEach illustration has default internationalised title and subtitle texts. Also they can be managed with\n<code>titleText</code> and <code>subtitleText</code> properties.\n\nTo display the desired illustration, use the <code>name</code> property, where you can find the list of all available illustrations.\n<br><br>\n<b>Note:</b> By default the “BeforeSearch” illustration is loaded. To use other illustrations, make sure you import them in addition, for example:\n<br>\n<code>import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\"</code>\n<br>\n<b>Note:</b> Illustrations starting with the “Tnt” prefix are part of another illustration set. For example to use the “TntSuccess” illustration, add the following import::\n<br>\n<code>import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/Success.js\"</code>\n\n<h3>Structure</h3>\nThe IllustratedMessage consists of the following elements, which are displayed below each other in the following order:\n<br>\n<ul>\n<li>Illustration</li>\n<li>Title</li>\n<li>Subtitle</li>\n<li>Actions</li>\n</ul>\n\n<h3>Usage</h3>\n<code>ui5-illustrated-message</code> is meant to be used inside container component, for example a <code>ui5-card</code>,\na <code>ui5-dialog</code> or a <code>ui5-page</code>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";</code>",
+          "name": "IllustratedMessage",
+          "slots": [
+            {
+              "name": "title",
+              "description": "Defines the title of the component.\n<br><br>\n<b>Note:</b> Using this slot, the default title text of illustration and the value of <code>title</code> property will be overwritten."
+            },
+            {
+              "name": "subtitle",
+              "description": "Defines the subtitle of the component.\n<br><br>\n<b>Note:</b> Using this slot, the default subtitle text of illustration and the value of <code>subtitleText</code> property will be overwritten."
+            },
+            {
+              "name": "default",
+              "description": "Defines the component actions."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "IllustrationMessageType",
+                "references": [
+                  {
+                    "name": "IllustrationMessageType",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/IllustrationMessageType.js"
+                  }
+                ]
+              },
+              "description": "Defines the illustration name that will be displayed in the component.\n<br><br>\n<b>Note:</b> By default the <code>BeforeSearch</code> illustration is loaded.\n<br>\nWhen using an illustration type, other than the default, it should be loaded in addition:\n<br>\n<code>import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\";</code>\n<br><br>\n<b>Note:</b> TNT illustrations cointain <code>Tnt</code> prefix in their name.\nYou can import them removing the <code>Tnt</code> prefix like this:\n<br>\n<code>import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js\";</code>",
+              "default": "\"BeforeSearch\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "IllustrationMessageSize",
+                "references": [
+                  {
+                    "name": "IllustrationMessageSize",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/IllustrationMessageSize.js"
+                  }
+                ]
+              },
+              "description": "Determines which illustration breakpoint variant is used.\n<br><br>\n\nAs <code>IllustratedMessage</code> adapts itself around the <code>Illustration</code>, the other\nelements of the component are displayed differently on the different breakpoints/illustration sizes.",
+              "default": "\"Auto\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "subtitleText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the subtitle of the component.\n<br><br>\n<b>Note:</b> Using this property, the default subtitle text of illustration will be overwritten.\n<br><br>\n<b>Note:</b> Using <code>subtitle</code> slot, the default of this property will be overwritten.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "titleText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the title of the component.\n<br><br>\n<b>Note:</b> Using this property, the default title text of illustration will be overwritten.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleNameRef",
+              "type": {
+                "text": "string"
+              },
+              "description": "Receives id(or many ids) of the elements that label the component.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "titleLevel",
+              "type": {
+                "text": "TitleLevel",
+                "references": [
+                  {
+                    "name": "TitleLevel",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/TitleLevel.js"
+                  }
+                ]
+              },
+              "description": "Defines the semantic level of the title.\n\n<b>Note:</b> Used for accessibility purposes only.",
+              "default": "\"H2\"",
+              "privacy": "public"
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-illustrated-message",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "IllustratedMessage",
+            "module": "dist/IllustratedMessage.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-illustrated-message",
+          "declaration": {
+            "name": "IllustratedMessage",
+            "module": "dist/IllustratedMessage.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/Interfaces.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "IBar",
+          "declaration": {
+            "name": "IBar",
+            "module": "dist/Interfaces.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "IMediaGalleryItem",
+          "declaration": {
+            "name": "IMediaGalleryItem",
+            "module": "dist/Interfaces.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "IProductSwitchItem",
+          "declaration": {
+            "name": "IProductSwitchItem",
+            "module": "dist/Interfaces.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ITimelineItem",
+          "declaration": {
+            "name": "ITimelineItem",
+            "module": "dist/Interfaces.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "IUploadCollectionItem",
+          "declaration": {
+            "name": "IUploadCollectionItem",
+            "module": "dist/Interfaces.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/MediaGallery.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-media-gallery</code> component allows the user to browse through multimedia items. Currently,\nthe supported items are images and videos. The items should be defined using the <code>ui5-media-gallery-item</code>\ncomponent.\n\nThe items are initially displayed as thumbnails. When the user selects a thumbnail, the corresponding item\nis displayed in larger size.\n<br>\nThe component is responsive by default and adjusts the position of the menu with respect to viewport size,\nbut the application is able to further customize the layout via the provided API.\n\n<h3>Keyboard Handling</h3>\nThe <code>ui5-media-gallery</code> provides advanced keyboard handling.\n<br>\nWhen the thumbnails menu is focused the following keyboard\nshortcuts allow the user to navigate through the thumbnail items:\n<br>\n\n<ul>\n<li>[UP/DOWN] - Navigates up and down the items</li>\n<li>[HOME] - Navigates to first item</li>\n<li>[END] - Navigates to the last item</li>\n<li>[SPACE/ENTER] - Select an item</li>\n</ul>\n<br>\n\n<h3>ES6 Module Import</h3>\n<code>import \"@ui5/webcomponents-fiori/dist/MediaGallery\";</code>\n<br>\n<code>import \"@ui5/webcomponents-fiori/dist/MediaGalleryItem\";</code>",
+          "name": "MediaGallery",
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the component items.\n\n<br><br>\n<b>Note:</b> Only one selected item is allowed.\n\n<br><br>\n<b>Note:</b> Use the <code>ui5-media-gallery-item</code> component to define the desired items."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "showAllThumbnails",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If set to <code>true</code>, all thumbnails are rendered in a scrollable container.\nIf <code>false</code>, only up to five thumbnails are rendered, followed by\nan overflow button that shows the count of the remaining thumbnails.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "interactiveDisplayArea",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If enabled, a <code>display-area-click</code> event is fired\nwhen the user clicks or taps on the display area.\n<br>\nThe display area is the central area that contains\nthe enlarged content of the currently selected item.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "layout",
+              "type": {
+                "text": "MediaGalleryLayout",
+                "references": [
+                  {
+                    "name": "MediaGalleryLayout",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/MediaGalleryLayout.js"
+                  }
+                ]
+              },
+              "description": "Determines the layout of the component.",
+              "default": "\"Auto\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "menuHorizontalAlign",
+              "type": {
+                "text": "MediaGalleryMenuHorizontalAlign",
+                "references": [
+                  {
+                    "name": "MediaGalleryMenuHorizontalAlign",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/MediaGalleryMenuHorizontalAlign.js"
+                  }
+                ]
+              },
+              "description": "Determines the horizontal alignment of the thumbnails menu\nvs. the central display area.",
+              "default": "\"Left\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "menuVerticalAlign",
+              "type": {
+                "text": "MediaGalleryMenuVerticalAlign",
+                "references": [
+                  {
+                    "name": "MediaGalleryMenuVerticalAlign",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/MediaGalleryMenuVerticalAlign.js"
+                  }
+                ]
+              },
+              "description": "Determines the vertical alignment of the thumbnails menu\nvs. the central display area.",
+              "default": "\"Bottom\"",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "selection-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when selection is changed by user interaction."
+            },
+            {
+              "name": "overflow-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the thumbnails overflow button is clicked."
+            },
+            {
+              "name": "display-area-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the display area is clicked.<br>\nThe display area is the central area that contains\nthe enlarged content of the currently selected item."
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-media-gallery",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "MediaGallery",
+            "module": "dist/MediaGallery.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MediaGallerySelectionChangeEventDetail",
+          "declaration": {
+            "name": "MediaGallerySelectionChangeEventDetail",
+            "module": "dist/MediaGallery.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-media-gallery",
+          "declaration": {
+            "name": "MediaGallery",
+            "module": "dist/MediaGallery.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/MediaGalleryItem.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\nThe <code>ui5-media-gallery-item</code> web component represents the items displayed in the\n<code>ui5-media-gallery</code> web component.\n<br><br>\n<b>Note:</b> <code>ui5-media-gallery-item</code> is not supported when used outside of <code>ui5-media-gallery</code>.\n<br><br>\n\n<h3>Keyboard Handling</h3>\nThe <code>ui5-media-gallery</code> provides advanced keyboard handling.\nWhen focused, the user can use the following keyboard\nshortcuts in order to perform a navigation:\n<br>\n<ul>\n<li>[SPACE/ENTER/RETURN] - Trigger <code>ui5-click</code> event</li>\n</ul>\n\n<h3>ES6 Module Import</h3>\n<code>import \"@ui5/webcomponents-fiori/dist/MediaGalleryItem.js\";</code> (comes with <code>ui5-media-gallery</code>)",
+          "name": "MediaGalleryItem",
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the content of the component."
+            },
+            {
+              "name": "thumbnail",
+              "description": "Defines the content of the thumbnail."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines the selected state of the component.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines whether the component is in disabled state.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "layout",
+              "type": {
+                "text": "MediaGalleryItemLayout",
+                "references": [
+                  {
+                    "name": "MediaGalleryItemLayout",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/MediaGalleryItemLayout.js"
+                  }
+                ]
+              },
+              "description": "Determines the layout of the item container.\n<br><br>\nAvailable options are:\n<ul>\n<li><code>Square</code></li>\n<li><code>Wide</code></li>\n</ul>",
+              "default": "\"Square\"",
+              "privacy": "public"
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-media-gallery-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "MediaGalleryItem",
+            "module": "dist/MediaGalleryItem.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-media-gallery-item",
+          "declaration": {
+            "name": "MediaGalleryItem",
+            "module": "dist/MediaGalleryItem.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/NotificationAction.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The <code>ui5-notification-action</code> represents an abstract action,\nused in the <code>ui5-li-notification</code> and the <code>ui5-li-notification-group</code> items.",
+          "name": "NotificationAction",
+          "members": [
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the text of the <code>ui5-notification-action</code>.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if the action is disabled.\n<br><br>\n<b>Note:</b> a disabled action can't be pressed or focused, and it is not in the tab chain.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "design",
+              "type": {
+                "text": "ButtonDesign",
+                "references": [
+                  {
+                    "name": "ButtonDesign",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/ButtonDesign.js"
+                  }
+                ]
+              },
+              "description": "Defines the action design.",
+              "default": "\"Transparent\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the <code>icon</code> source URI.\n<br><br>\n<b>Note:</b>\nSAP-icons font provides numerous built-in icons. To find all the available icons, see the\n<ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>.",
+              "default": "\"\"",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired, when the action is pressed."
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-notification-action",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "NotificationAction",
+            "module": "dist/NotificationAction.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "NotificationActionClickEventDetail",
+          "declaration": {
+            "name": "NotificationActionClickEventDetail",
+            "module": "dist/NotificationAction.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-notification-action",
+          "declaration": {
+            "name": "NotificationAction",
+            "module": "dist/NotificationAction.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/NotificationListGroupItem.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\nThe <code>ui5-li-notification-group</code> is a special type of list item,\nthat unlike others can group items within self, usually <code>ui5-li-notification</code> items.\n<br>\n\nThe component consists of:\n<ul>\n<li><code>Toggle</code> button to expand and collapse the group</li>\n<li><code>Priority</code> icon to display the priority of the group</li>\n<li><code>TitleText</code> to entitle the group</li>\n<li>Custom actions - with the use of <code>ui5-notification-action</code></li>\n<li>Items of the group</li>\n</ul>\n\n<h3>Usage</h3>\nThe component can be used in a standard <code>ui5-list</code>.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/NotificationListGroupItem.js\";</code>\n<br>\n<code>import \"@ui5/webcomponents/dist/NotificationAction.js\";</code> (optional)",
+          "name": "NotificationListGroupItem",
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the items of the <code>ui5-li-notification-group</code>,\nusually <code>ui5-li-notification</code> items."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "collapsed",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if the group is collapsed or expanded.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "showCounter",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if the items <code>counter</code> would be displayed.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "titleText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the <code>titleText</code> of the item.",
+              "default": "\"\"",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "src/NotificationListItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "priority",
+              "type": {
+                "text": "Priority",
+                "references": [
+                  {
+                    "name": "Priority",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/Priority.js"
+                  }
+                ]
+              },
+              "description": "Defines the <code>priority</code> of the item.",
+              "default": "\"None\"",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "src/NotificationListItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "showClose",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if the <code>close</code> button would be displayed.",
+              "default": "false",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "src/NotificationListItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "read",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if the <code>notification</code> is new or has been already read.\n<br><br>\n<b>Note:</b> if set to <code>false</code> the <code>titleText</code> has bold font,\nif set to true - it has a normal font.",
+              "default": "false",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "src/NotificationListItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "busy",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if a busy indicator would be displayed over the item.",
+              "default": "false",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "src/NotificationListItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "busyDelay",
+              "type": {
+                "text": "number"
+              },
+              "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
+              "default": "1000",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "src/NotificationListItemBase.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "toggle",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the <code>ui5-li-notification-group</code> is expanded/collapsed by user interaction."
+            },
+            {
+              "name": "close",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the <code>Close</code> button is pressed.",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "src/NotificationListItemBase.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "NotificationListItemBase",
+            "package": "@ui5/webcomponents-fiori",
+            "module": "dist/NotificationListItemBase.js"
+          },
+          "tagName": "ui5-li-notification-group",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "NotificationListGroupItem",
+            "module": "dist/NotificationListGroupItem.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "NotificationListGroupItemToggleEventDetail",
+          "declaration": {
+            "name": "NotificationListGroupItemToggleEventDetail",
+            "module": "dist/NotificationListGroupItem.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "NotificationListGroupItemCloseEventDetail",
+          "declaration": {
+            "name": "NotificationListGroupItemCloseEventDetail",
+            "module": "dist/NotificationListGroupItem.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-li-notification-group",
+          "declaration": {
+            "name": "NotificationListGroupItem",
+            "module": "dist/NotificationListGroupItem.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/NotificationListItem.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\nThe <code>ui5-li-notification</code> is a type of list item, meant to display notifications.\n<br>\n\nThe component has a rich set of various properties that allows the user to set <code>avatar</code>, <code>titleText</code>, descriptive <code>content</code>\nand <code>footnotes</code> to fully describe a notification.\n<br>\n\nThe user can:\n<ul>\n<li>display a <code>Close</code> button</li>\n<li>can control whether the <code>titleText</code> and <code>description</code> should wrap or truncate\nand display a <code>ShowMore</code> button to switch between less and more information</li>\n<li>add custom actions by using the <code>ui5-notification-action</code> component</li>\n</ul>\n\n<h3>Usage</h3>\nThe component can be used in a standard <code>ui5-list</code>.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents/dist/NotificationListItem.js\";</code>\n<br>\n<code>import \"@ui5/webcomponents/dist/NotificationAction.js\";</code> (optional)",
+          "name": "NotificationListItem",
+          "cssParts": [
+            {
+              "description": "Used to style the titleText of the notification list item",
+              "name": "title-text"
+            }
+          ],
+          "slots": [
+            {
+              "name": "avatar",
+              "description": "Defines the avatar, displayed in the <code>ui5-li-notification</code>.\n\n<br><br>\n<b>Note:</b> Consider using the <code>ui5-avatar</code> to display icons, initials or images.\n<br>\n<b>Note:</b>In order to be complaint with the UX guidlines and for best experience,\nwe recommend using avatars with 2rem X 2rem in size (32px X 32px). In case you are using the <code>ui5-avatar</code>\nyou can set its <code>size</code> property to <code>XS</code> to get the required size - <code>&lt;ui5-avatar size=\"XS\">&lt;/ui5-avatar></code>."
+            },
+            {
+              "name": "footnotes",
+              "description": "Defines the elements, displayed in the footer of the of the component."
+            },
+            {
+              "name": "default",
+              "description": "Defines the content of the <code>ui5-li-notification</code>,\nusually a description of the notification.\n\n<br><br>\n<b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "wrappingType",
+              "type": {
+                "text": "WrappingType",
+                "references": [
+                  {
+                    "name": "WrappingType",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/WrappingType.js"
+                  }
+                ]
+              },
+              "description": "Defines if the <code>titleText</code> and <code>description</code> should wrap,\nthey truncate by default.\n\n<br><br>\n<b>Note:</b> by default the <code>titleText</code> and <code>description</code>,\nand a <code>ShowMore/Less</code> button would be displayed.",
+              "default": "\"None\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "titleText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the <code>titleText</code> of the item.",
+              "default": "\"\"",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "src/NotificationListItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "priority",
+              "type": {
+                "text": "Priority",
+                "references": [
+                  {
+                    "name": "Priority",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/Priority.js"
+                  }
+                ]
+              },
+              "description": "Defines the <code>priority</code> of the item.",
+              "default": "\"None\"",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "src/NotificationListItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "showClose",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if the <code>close</code> button would be displayed.",
+              "default": "false",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "src/NotificationListItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "read",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if the <code>notification</code> is new or has been already read.\n<br><br>\n<b>Note:</b> if set to <code>false</code> the <code>titleText</code> has bold font,\nif set to true - it has a normal font.",
+              "default": "false",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "src/NotificationListItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "busy",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if a busy indicator would be displayed over the item.",
+              "default": "false",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "src/NotificationListItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "busyDelay",
+              "type": {
+                "text": "number"
+              },
+              "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
+              "default": "1000",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "src/NotificationListItemBase.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "NotificationListItemBase",
+            "package": "@ui5/webcomponents-fiori",
+            "module": "dist/NotificationListItemBase.js"
+          },
+          "tagName": "ui5-li-notification",
+          "customElement": true,
+          "events": [
+            {
+              "name": "close",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the <code>Close</code> button is pressed.",
+              "inheritedFrom": {
+                "name": "NotificationListItemBase",
+                "module": "src/NotificationListItemBase.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "NotificationListItem",
+            "module": "dist/NotificationListItem.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "NotificationListItemPressEventDetail",
+          "declaration": {
+            "name": "NotificationListItemPressEventDetail",
+            "module": "dist/NotificationListItem.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "NotificationListItemCloseEventDetail",
+          "declaration": {
+            "name": "NotificationListItemCloseEventDetail",
+            "module": "dist/NotificationListItem.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-li-notification",
+          "declaration": {
+            "name": "NotificationListItem",
+            "module": "dist/NotificationListItem.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/NotificationListItemBase.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The base class of the <code>NotificationListItem</code> and <code>NotificationListGroupItem</code>.",
+          "name": "NotificationListItemBase",
+          "slots": [
+            {
+              "name": "actions",
+              "description": "Defines the actions, displayed in the top-right area.\n<br><br>\n<b>Note:</b> use the <code>ui5-notification-action</code> component."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "titleText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the <code>titleText</code> of the item.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "priority",
+              "type": {
+                "text": "Priority",
+                "references": [
+                  {
+                    "name": "Priority",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/Priority.js"
+                  }
+                ]
+              },
+              "description": "Defines the <code>priority</code> of the item.",
+              "default": "\"None\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "showClose",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if the <code>close</code> button would be displayed.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "read",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if the <code>notification</code> is new or has been already read.\n<br><br>\n<b>Note:</b> if set to <code>false</code> the <code>titleText</code> has bold font,\nif set to true - it has a normal font.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "busy",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if a busy indicator would be displayed over the item.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "busyDelay",
+              "type": {
+                "text": "number"
+              },
+              "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
+              "default": "1000",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "close",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the <code>Close</code> button is pressed."
+            }
+          ],
+          "superclass": {
+            "name": "ListItemBase",
+            "package": "@ui5/webcomponents",
+            "module": "dist/ListItemBase.js"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "NotificationListItemBase",
+            "module": "dist/NotificationListItemBase.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "NotificationListItemBaseCloseEventDetail",
+          "declaration": {
+            "name": "NotificationListItemBaseCloseEventDetail",
+            "module": "dist/NotificationListItemBase.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/Page.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-page</code> is a container component that holds one whole screen of an application.\nThe page has three distinct areas that can hold content - a header, content area and a footer.\n<h3>Structure</h3>\n<h4>Header</h4>\nThe top most area of the page is occupied by the header. The standard header includes a navigation button and a title.\n<h4>Content</h4>\nThe content occupies the main part of the page. Only the content area is scrollable by default.\nThis can be prevented by setting  <code>enableScrolling</code> to <code>false</code>.\n<h4>Footer</h4>\nThe footer is optional and occupies the fixed bottom part of the page. Alternatively, the footer can be floating above the bottom part of the content.\nThis is enabled with the <code>floatingFooter</code> property.\n\n<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\nthat there is enough space for the <code>ui5-page</code> to be rendered.\n<b>Note:</b> In order for the <code>ui5-page</code> to be displayed, the parent element should have fixed height.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/Page.js\";</code>",
+          "name": "Page",
+          "cssParts": [
+            {
+              "description": "Used to style the content section of the component",
+              "name": "content"
+            }
+          ],
+          "slots": [
+            {
+              "name": "header",
+              "description": "Defines the header HTML Element."
+            },
+            {
+              "name": "default",
+              "description": "Defines the content HTML Element."
+            },
+            {
+              "name": "footer",
+              "description": "Defines the footer HTML Element."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "backgroundDesign",
+              "type": {
+                "text": "PageBackgroundDesign",
+                "references": [
+                  {
+                    "name": "PageBackgroundDesign",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/PageBackgroundDesign.js"
+                  }
+                ]
+              },
+              "description": "Defines the background color of the <code>ui5-page</code>.\n<br><br>\n<b>Note:</b> When a ui5-list is placed inside the page, we recommend using “List” to ensure better color contrast.\n<br><br>",
+              "default": "\"Solid\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "disableScrolling",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Disables vertical scrolling of page content.\nIf set to true, there will be no vertical scrolling at all.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "floatingFooter",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if the footer should float over the content.\n<br><br>\n<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.",
+              "default": "true",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "hideFooter",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines the footer visibility.",
+              "default": "false",
+              "privacy": "public"
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-page",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Page",
+            "module": "dist/Page.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-page",
+          "declaration": {
+            "name": "Page",
+            "module": "dist/Page.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/ProductSwitch.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-product-switch</code> is an SAP Fiori specific web component that is used in <code>ui5-shellbar</code>\nand allows the user to easily switch between products.\n<br><br>\n\n<h3>Keyboard Handling</h3>\nThe <code>ui5-product-switch</code> provides advanced keyboard handling.\nWhen focused, the user can use the following keyboard\nshortcuts in order to perform a navigation:\n<br>\n<ul>\n<li>[TAB] - Move focus to the next interactive element after the <code>ui5-product-switch</code></li>\n<li>[UP/DOWN] - Navigates up and down the items </li>\n<li>[LEFT/RIGHT] - Navigates left and right the items</li>\n</ul>\n<br>\n<br>\n\n<h3>ES6 Module Import</h3>\n<code>import \"@ui5/webcomponents-fiori/dist/ProductSwitch.js\";</code>\n<br>\n<code>import \"@ui5/webcomponents-fiori/dist/ProductSwitchItem.js\";</code> (for <code>ui5-product-switch-item</code>)",
+          "name": "ProductSwitch",
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the items of the <code>ui5-product-switch</code>."
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-product-switch",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ProductSwitch",
+            "module": "dist/ProductSwitch.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-product-switch",
+          "declaration": {
+            "name": "ProductSwitch",
+            "module": "dist/ProductSwitch.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/ProductSwitchItem.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\nThe <code>ui5-product-switch-item</code> web component represents the items displayed in the\n<code>ui5-product-switch</code> web component.\n<br><br>\n<b>Note:</b> <code>ui5-product-switch-item</code> is not supported when used outside of <code>ui5-product-switch</code>.\n<br><br>\n\n<h3>Keyboard Handling</h3>\nThe <code>ui5-product-switch</code> provides advanced keyboard handling.\nWhen focused, the user can use the following keyboard\nshortcuts in order to perform a navigation:\n<br>\n<ul>\n<li>[SPACE/ENTER/RETURN] - Trigger <code>ui5-click</code> event</li>\n</ul>\n\n<h3>ES6 Module Import</h3>\n<code>import \"@ui5/webcomponents-fiori/dist/ProductSwitchItem.js\";</code>",
+          "name": "ProductSwitchItem",
+          "members": [
+            {
+              "kind": "field",
+              "name": "titleText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the title of the component.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "subtitleText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the subtitle of the component.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the icon to be displayed as a graphical element within the component.\n<br><br>\nExample:\n<br>\n<pre>ui5-product-switch-item icon=\"palette\"</pre>\n\nSee all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines a target where the <code>targetSrc</code> content must be open.\n<br><br>\nAvailable options are:\n<ul>\n<li><code>_self</code></li>\n<li><code>_top</code></li>\n<li><code>_blank</code></li>\n<li><code>_parent</code></li>\n<li><code>_search</code></li>\n</ul>",
+              "default": "\"_self\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "targetSrc",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the component target URI. Supports standard hyperlink behavior.",
+              "default": "\"\"",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the <code>ui5-product-switch-item</code> is activated either with a\nclick/tap or by using the Enter or Space key."
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-product-switch-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ProductSwitchItem",
+            "module": "dist/ProductSwitchItem.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-product-switch-item",
+          "declaration": {
+            "name": "ProductSwitchItem",
+            "module": "dist/ProductSwitchItem.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/ShellBar.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-shellbar</code> is meant to serve as an application header\nand includes numerous built-in features, such as: logo, profile image/icon, title, search field, notifications and so on.\n<br><br>\n\n<h3>Stable DOM Refs</h3>\n\nYou can use the following stable DOM refs for the <code>ui5-shellbar</code>:\n<ul>\n<li>logo</li>\n<li>copilot</li>\n<li>notifications</li>\n<li>overflow</li>\n<li>profile</li>\n<li>product-switch</li>\n</ul>\n\n<h3>Keyboard Handling</h3>\n\n<h4>Fast Navigation</h4>\nThis component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down /  Ctrl + Alt(Option) + Up</code>.\nIn order to use this functionality, you need to import the following module:\n<code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code>\n<br><br>\n\n<h3>ES6 Module Import</h3>\n<code>import \"@ui5/webcomponents-fiori/dist/ShellBar\";</code>",
+          "name": "ShellBar",
+          "cssParts": [
+            {
+              "description": "Used to style the outermost wrapper of the <code>ui5-shellbar</code>",
+              "name": "root"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the <code>ui5-shellbar</code> aditional items.\n<br><br>\n<b>Note:</b>\nYou can use the &nbsp;&lt;ui5-shellbar-item>&lt;/ui5-shellbar-item>."
+            },
+            {
+              "name": "profile",
+              "description": "You can pass <code>ui5-avatar</code> to set the profile image/icon.\nIf no profile slot is set - profile will be excluded from actions.\n\nNote: We recommend not using the <code>size</code> attribute of <code>ui5-avatar</code> because\nit should have specific size by design in the context of <code>ui5-shellbar</code> profile."
+            },
+            {
+              "name": "logo",
+              "description": "Defines the logo of the <code>ui5-shellbar</code>.\nFor example, you can use <code>ui5-avatar</code> or <code>img</code> elements as logo."
+            },
+            {
+              "name": "menuItems",
+              "description": "Defines the items displayed in menu after a click on the primary title.\n<br><br>\n<b>Note:</b>\nYou can use the &nbsp;&lt;ui5-li>&lt;/ui5-li> and its ancestors."
+            },
+            {
+              "name": "searchField",
+              "description": "Defines the <code>ui5-input</code>, that will be used as a search field."
+            },
+            {
+              "name": "startButton",
+              "description": "Defines a <code>ui5-button</code> in the bar that will be placed in the beginning.\nWe encourage this slot to be used for a back or home button.\nIt gets overstyled to match ShellBar's styling."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "primaryTitle",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the <code>primaryTitle</code>.\n<br><br>\n<b>Note:</b> The <code>primaryTitle</code> would be hidden on S screen size (less than approx. 700px).",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "secondaryTitle",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the <code>secondaryTitle</code>.\n<br><br>\n<b>Note:</b> The <code>secondaryTitle</code> would be hidden on S and M screen sizes (less than approx. 1300px).",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "notificationsCount",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the <code>notificationsCount</code>,\ndisplayed in the notification icon top-right corner.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "showNotifications",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines, if the notification icon would be displayed.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "showProductSwitch",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines, if the product switch icon would be displayed.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "showCoPilot",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines, if the product CoPilot icon would be displayed.\n<br><b>Note:</b> By default the co-pilot is displayed as static SVG.\nIf you need an animated co-pilot, you can import the <code>\"@ui5/webcomponents-fiori/dist/features/CoPilotAnimation.js\"</code> module as add-on feature.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "showSearchField",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines, if the Search Field would be displayed when there is a valid <code>searchField</code> slot.\n<br><b>Note:</b> By default the Search Field is not displayed.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "accessibilityRoles",
+              "type": {
+                "text": "AccessibilityRoles",
+                "references": [
+                  {
+                    "name": "AccessibilityRoles",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/ShellBar.js"
+                  }
+                ]
+              },
+              "description": "An object of strings that defines additional accessibility roles for further customization.\n\nIt supports the following fields:\n - <code>logoRole</code>: the accessibility role for the <code>logo</code>",
+              "default": "{}",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "accessibilityTexts",
+              "type": {
+                "text": "AccessibilityTexts",
+                "references": [
+                  {
+                    "name": "AccessibilityTexts",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/ShellBar.js"
+                  }
+                ]
+              },
+              "description": "An object of strings that defines several additional accessibility texts\nfor even further customization.\n\nIt supports the following fields:\n- <code>profileButtonTitle</code>: defines the tooltip for the profile button\n- <code>logoTitle</code>: defines the tooltip for the logo",
+              "default": "{}",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "accessibilityAttributes",
+              "type": {
+                "text": "AccessibilityAttributes",
+                "references": [
+                  {
+                    "name": "AccessibilityAttributes",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/ShellBar.js"
+                  }
+                ]
+              },
+              "description": "An object of strings that defines several additional accessibility attribute values\nfor customization depending on the use case.\n\nIt supports the following fields:\n\n<ul>\n\t\t<li><code>expanded</code>: Indicates whether the anchor element, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:\n\t\t<ul>\n\t\t\t<li><code>true</code></li>\n\t\t\t<li><code>false</code></li>\n\t\t</ul>\n\t\t</li>\n\t\t<li><code>hasPopup</code>: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the anchor element. Accepts the following string values:\n\t\t\t<ul>\n\t\t\t<li><code>Dialog</code></li>\n\t\t\t<li><code>Grid</code></li>\n\t\t\t<li><code>ListBox</code></li>\n\t\t\t<li><code>Menu</code></li>\n\t\t\t<li><code>Tree</code></li>\n\t\t\t</ul>\n\t\t</li>\n</ul>",
+              "default": "{}",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "closeOverflow",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Closes the overflow area.\nUseful to manually close the overflow after having suppressed automatic closing with preventDefault() of ShellbarItem's press event",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "logoDomRef",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "description": "Returns the <code>logo</code> DOM ref.",
+              "privacy": "public",
+              "default": "null",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "copilotDomRef",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "description": "Returns the <code>copilot</code> DOM ref.",
+              "privacy": "public",
+              "default": "null",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "notificationsDomRef",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "description": "Returns the <code>notifications</code> icon DOM ref.",
+              "privacy": "public",
+              "default": "null",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "overflowDomRef",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "description": "Returns the <code>overflow</code> icon DOM ref.",
+              "privacy": "public",
+              "default": "null",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "profileDomRef",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "description": "Returns the <code>profile</code> icon DOM ref.",
+              "privacy": "public",
+              "default": "null",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "productSwitchDomRef",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "description": "Returns the <code>product-switch</code> icon DOM ref.",
+              "privacy": "public",
+              "default": "null",
+              "readonly": true
+            }
+          ],
+          "events": [
+            {
+              "name": "notifications-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired, when the notification icon is activated."
+            },
+            {
+              "name": "profile-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired, when the profile slot is present."
+            },
+            {
+              "name": "product-switch-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired, when the product switch icon is activated.\n<b>Note:</b> You can prevent closing of overflow popover by calling <code>event.preventDefault()</code>."
+            },
+            {
+              "name": "logo-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired, when the logo is activated."
+            },
+            {
+              "name": "co-pilot-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired, when the co pilot is activated."
+            },
+            {
+              "name": "menu-item-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired, when a menu item is activated\n<b>Note:</b> You can prevent closing of overflow popover by calling <code>event.preventDefault()</code>."
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-shellbar",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ShellBar",
+            "module": "dist/ShellBar.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ShellBarNotificationsClickEventDetail",
+          "declaration": {
+            "name": "ShellBarNotificationsClickEventDetail",
+            "module": "dist/ShellBar.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ShellBarProfileClickEventDetail",
+          "declaration": {
+            "name": "ShellBarProfileClickEventDetail",
+            "module": "dist/ShellBar.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ShellBarProductSwitchClickEventDetail",
+          "declaration": {
+            "name": "ShellBarProductSwitchClickEventDetail",
+            "module": "dist/ShellBar.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ShellBarLogoClickEventDetail",
+          "declaration": {
+            "name": "ShellBarLogoClickEventDetail",
+            "module": "dist/ShellBar.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ShellBarCoPilotClickEventDetail",
+          "declaration": {
+            "name": "ShellBarCoPilotClickEventDetail",
+            "module": "dist/ShellBar.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ShellBarMenuItemClickEventDetail",
+          "declaration": {
+            "name": "ShellBarMenuItemClickEventDetail",
+            "module": "dist/ShellBar.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-shellbar",
+          "declaration": {
+            "name": "ShellBar",
+            "module": "dist/ShellBar.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/ShellBarItem.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The <code>ui5-shellbar-item</code> represents a custom item, that\nmight be added to the <code>ui5-shellbar</code>.\n<br><br>\n<h3>ES6 Module Import</h3>\n<code>import \"@ui5/webcomponents-fiori/dist/ShellBarItem\";</code>",
+          "name": "ShellBarItem",
+          "members": [
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the name of the item's icon.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the item text.\n  <br><br>\n  <b>Note:</b> The text is only displayed inside the overflow popover list view.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "count",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the count displayed in the top-right corner.",
+              "default": "\"\"",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired, when the item is pressed."
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-shellbar-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ShellBarItem",
+            "module": "dist/ShellBarItem.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ShellBarItemClickEventDetail",
+          "declaration": {
+            "name": "ShellBarItemClickEventDetail",
+            "module": "dist/ShellBarItem.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-shellbar-item",
+          "declaration": {
+            "name": "ShellBarItem",
+            "module": "dist/ShellBarItem.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/SideNavigation.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>SideNavigation</code> is used as a standard menu in applications.\nIt consists of three containers: header (top-aligned), main navigation section (top-aligned) and the secondary section (bottom-aligned).\n<ul>\n<li>The header is meant for displaying user related information - profile data, avatar, etc.</li>\n<li>The main navigation section is related to the user’s current work context</li>\n<li>The secondary section is mostly used to link additional information that may be of interest (legal information, developer communities, external help, contact information and so on). </li>\n</ul>\n\n<h3>Usage</h3>\n\nUse the available <code>ui5-side-navigation-item</code> and <code>ui5-side-navigation-sub-item</code> components to build your menu.\nThe items can consist of text only or an icon with text. The use or non-use of icons must be consistent for all items on one level.\nYou must not combine entries with and without icons on the same level. We strongly recommend that you do not use icons on the second level.\n\n<h3>Keyboard Handling</h3>\n\n<h4>Fast Navigation</h4>\nThis component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down /  Ctrl + Alt(Option) + Up</code>.\nIn order to use this functionality, you need to import the following module:\n<code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code>\n<br><br>\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/SideNavigation.js\";</code>\n<br>\n<code>import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";</code> (for <code>ui5-side-navigation-item</code>)\n<br>\n<code>import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";</code> (for <code>ui5-side-navigation-sub-item</code>)",
+          "name": "SideNavigation",
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the main items of the <code>ui5-side-navigation</code>. Use the <code>ui5-side-navigation-item</code> component\nfor the top-level items, and the <code>ui5-side-navigation-sub-item</code> component for second-level items, nested\ninside the items."
+            },
+            {
+              "name": "header",
+              "description": "Defines the header of the <code>ui5-side-navigation</code>.\n\n<br><br>\n<b>Note:</b> The header is displayed when the component is expanded - the property <code>collapsed</code> is false;"
+            },
+            {
+              "name": "fixedItems",
+              "description": "Defines the fixed items at the bottom of the <code>ui5-side-navigation</code>. Use the <code>ui5-side-navigation-item</code> component\nfor the fixed items, and optionally the <code>ui5-side-navigation-sub-item</code> component to provide second-level items inside them.\n\n<b>Note:</b> In order to achieve the best user experience, it is recommended that you keep the fixed items \"flat\" (do not pass sub-items)"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "collapsed",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines whether the <code>ui5-side-navigation</code> is expanded or collapsed.",
+              "privacy": "public",
+              "default": "false"
+            }
+          ],
+          "events": [
+            {
+              "name": "selection-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the selection has changed via user interaction"
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-side-navigation",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SideNavigation",
+            "module": "dist/SideNavigation.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SideNavigationSelectionChangeEventDetail",
+          "declaration": {
+            "name": "SideNavigationSelectionChangeEventDetail",
+            "module": "dist/SideNavigation.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-side-navigation",
+          "declaration": {
+            "name": "SideNavigation",
+            "module": "dist/SideNavigation.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/SideNavigationItem.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-side-navigation-item</code> is used within <code>ui5-side-navigation</code> only.\nVia the <code>ui5-side-navigation-item</code> you control the content of the <code>SideNavigation</code>.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";</code>",
+          "name": "SideNavigationItem",
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines nested items by passing <code>ui5-side-navigation-sub-item</code> to the default slot."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if the item is expanded",
+              "privacy": "public",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "wholeItemToggleable",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines whether clicking the whole item or only pressing the icon will show/hide the sub items (if present).\nIf set to true, clicking the whole item will toggle the sub items, and it won't fire the <code>click</code> event.\nBy default, only clicking the arrow icon will toggle the sub items.",
+              "privacy": "public",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the text of the item.",
+              "privacy": "public",
+              "default": "\"\"",
+              "inheritedFrom": {
+                "name": "SideNavigationItemBase",
+                "module": "src/SideNavigationItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the icon of the item.\n<br><br>\n\nThe SAP-icons font provides numerous options.\n<br>\nSee all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>.",
+              "privacy": "public",
+              "default": "\"\"",
+              "inheritedFrom": {
+                "name": "SideNavigationItemBase",
+                "module": "src/SideNavigationItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines whether the item is selected",
+              "privacy": "public",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "SideNavigationItemBase",
+                "module": "src/SideNavigationItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the link target URI. Supports standard hyperlink behavior.\nIf a JavaScript action should be triggered,\nthis should not be set, but instead an event handler\nfor the <code>click</code> event should be registered.",
+              "privacy": "public",
+              "default": "\"\"",
+              "inheritedFrom": {
+                "name": "SideNavigationItemBase",
+                "module": "src/SideNavigationItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the component target.\n<br><br>\n<b>Notes:</b>\n\n<ul>\n<li><code>_self</code></li>\n<li><code>_top</code></li>\n<li><code>_blank</code></li>\n<li><code>_parent</code></li>\n<li><code>_search</code></li>\n</ul>\n\n<b>This property must only be used when the <code>href</code> property is set.</b>",
+              "privacy": "public",
+              "default": "\"\"",
+              "inheritedFrom": {
+                "name": "SideNavigationItemBase",
+                "module": "src/SideNavigationItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.",
+              "default": "false",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "SideNavigationItemBase",
+                "module": "src/SideNavigationItemBase.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SideNavigationItemBase",
+            "package": "@ui5/webcomponents-fiori",
+            "module": "dist/SideNavigationItemBase.js"
+          },
+          "tagName": "ui5-side-navigation-item",
+          "customElement": true,
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the component is activated either with a\nclick/tap or by using the Enter or Space key.",
+              "inheritedFrom": {
+                "name": "SideNavigationItemBase",
+                "module": "src/SideNavigationItemBase.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SideNavigationItem",
+            "module": "dist/SideNavigationItem.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-side-navigation-item",
+          "declaration": {
+            "name": "SideNavigationItem",
+            "module": "dist/SideNavigationItem.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/SideNavigationItemBase.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A class to serve as a foundation\nfor the <code>SideNavigationItem</code> and <code>SideNavigationSubItem</code> classes.",
+          "name": "SideNavigationItemBase",
+          "members": [
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the text of the item.",
+              "privacy": "public",
+              "default": "\"\""
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the icon of the item.\n<br><br>\n\nThe SAP-icons font provides numerous options.\n<br>\nSee all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>.",
+              "privacy": "public",
+              "default": "\"\""
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines whether the item is selected",
+              "privacy": "public",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the link target URI. Supports standard hyperlink behavior.\nIf a JavaScript action should be triggered,\nthis should not be set, but instead an event handler\nfor the <code>click</code> event should be registered.",
+              "privacy": "public",
+              "default": "\"\""
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the component target.\n<br><br>\n<b>Notes:</b>\n\n<ul>\n<li><code>_self</code></li>\n<li><code>_top</code></li>\n<li><code>_blank</code></li>\n<li><code>_parent</code></li>\n<li><code>_search</code></li>\n</ul>\n\n<b>This property must only be used when the <code>href</code> property is set.</b>",
+              "privacy": "public",
+              "default": "\"\""
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.",
+              "default": "false",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the component is activated either with a\nclick/tap or by using the Enter or Space key."
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SideNavigationItemBase",
+            "module": "dist/SideNavigationItemBase.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/SideNavigationSubItem.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-side-navigation-sub-item</code> is intended to be used inside a <code>ui5-side-navigation-item</code> only.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";</code>",
+          "name": "SideNavigationSubItem",
+          "superclass": {
+            "name": "SideNavigationItemBase",
+            "package": "@ui5/webcomponents-fiori",
+            "module": "dist/SideNavigationItemBase.js"
+          },
+          "tagName": "ui5-side-navigation-sub-item",
+          "customElement": true,
+          "members": [
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the text of the item.",
+              "privacy": "public",
+              "default": "\"\"",
+              "inheritedFrom": {
+                "name": "SideNavigationItemBase",
+                "module": "src/SideNavigationItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the icon of the item.\n<br><br>\n\nThe SAP-icons font provides numerous options.\n<br>\nSee all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>.",
+              "privacy": "public",
+              "default": "\"\"",
+              "inheritedFrom": {
+                "name": "SideNavigationItemBase",
+                "module": "src/SideNavigationItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines whether the item is selected",
+              "privacy": "public",
+              "default": "false",
+              "inheritedFrom": {
+                "name": "SideNavigationItemBase",
+                "module": "src/SideNavigationItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the link target URI. Supports standard hyperlink behavior.\nIf a JavaScript action should be triggered,\nthis should not be set, but instead an event handler\nfor the <code>click</code> event should be registered.",
+              "privacy": "public",
+              "default": "\"\"",
+              "inheritedFrom": {
+                "name": "SideNavigationItemBase",
+                "module": "src/SideNavigationItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the component target.\n<br><br>\n<b>Notes:</b>\n\n<ul>\n<li><code>_self</code></li>\n<li><code>_top</code></li>\n<li><code>_blank</code></li>\n<li><code>_parent</code></li>\n<li><code>_search</code></li>\n</ul>\n\n<b>This property must only be used when the <code>href</code> property is set.</b>",
+              "privacy": "public",
+              "default": "\"\"",
+              "inheritedFrom": {
+                "name": "SideNavigationItemBase",
+                "module": "src/SideNavigationItemBase.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines whether the component is disabled.\nA disabled component can't be pressed or\nfocused, and it is not in the tab chain.",
+              "default": "false",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "SideNavigationItemBase",
+                "module": "src/SideNavigationItemBase.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the component is activated either with a\nclick/tap or by using the Enter or Space key.",
+              "inheritedFrom": {
+                "name": "SideNavigationItemBase",
+                "module": "src/SideNavigationItemBase.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SideNavigationSubItem",
+            "module": "dist/SideNavigationSubItem.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-side-navigation-sub-item",
+          "declaration": {
+            "name": "SideNavigationSubItem",
+            "module": "dist/SideNavigationSubItem.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/SortItem.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>ui5-sort-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import @ui5/webcomponents-fiori/dist/SortItem.js\";</code>",
+          "name": "SortItem",
+          "members": [
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the text of the component.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if the component is selected.",
+              "default": "false",
+              "privacy": "public"
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-sort-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SortItem",
+            "module": "dist/SortItem.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-sort-item",
+          "declaration": {
+            "name": "SortItem",
+            "module": "dist/SortItem.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/Timeline.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-timeline</code> component shows entries (such as objects, events, or posts) in chronological order.\nA common use case is to provide information about changes to an object, or events related to an object.\nThese entries can be generated by the system (for example, value XY changed from A to B), or added manually.\nThere are two distinct variants of the timeline: basic and social. The basic timeline is read-only,\nwhile the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.",
+          "name": "Timeline",
+          "slots": [
+            {
+              "name": "default",
+              "description": "Determines the content of the <code>ui5-timeline</code>."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "layout",
+              "type": {
+                "text": "TimelineLayout",
+                "references": [
+                  {
+                    "name": "TimelineLayout",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/TimelineLayout.js"
+                  }
+                ]
+              },
+              "description": "Defines the items orientation.\n\n<br><br>\n<b>Note:</b>\nAvailable options are:\n<ul>\n<li><code>Vertical</code></li>\n<li><code>Horizontal</code></li>\n</ul>",
+              "default": "\"Vertical\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleName",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the accessible ARIA name of the component.",
+              "default": "\"\"",
+              "privacy": "public"
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-timeline",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Timeline",
+            "module": "dist/Timeline.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-timeline",
+          "declaration": {
+            "name": "Timeline",
+            "module": "dist/Timeline.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/TimelineItem.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nAn entry posted on the timeline.",
+          "name": "TimelineItem",
+          "slots": [
+            {
+              "description": "Determines the description of the <code>ui5-timeline-item</code>.",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the icon to be displayed as graphical element within the <code>ui5-timeline-item</code>.\nSAP-icons font provides numerous options.\n<br><br>\n\nSee all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the name of the item, displayed before the <code>title-text</code>.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "nameClickable",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if the <code>name</code> is clickable.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "titleText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the title text of the component.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "subtitleText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the subtitle text of the component.",
+              "default": "\"\"",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "name-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the item name is pressed either with a\nclick/tap or by using the Enter or Space key.\n<br><br>\n<b>Note:</b> The event will not be fired if the <code>name-clickable</code>\nattribute is not set."
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-timeline-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TimelineItem",
+            "module": "dist/TimelineItem.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-timeline-item",
+          "declaration": {
+            "name": "TimelineItem",
+            "module": "dist/TimelineItem.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/UploadCollection.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\nThis component allows you to represent files before uploading them to a server, with the help of <code>ui5-upload-collection-item</code>.\nIt also allows you to show already uploaded files.\n\n<h3>ES6 Module Import</h3>\n<code>import \"@ui5/webcomponents-fiori/dist/UploadCollection.js\";</code>\n<br>\n<code>import \"@ui5/webcomponents-fiori/dist/UploadCollectionItem.js\";</code> (for <code>ui5-upload-collection-item</code>)",
+          "name": "UploadCollection",
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the items of the <code>ui5-upload-collection</code>.\n<br><b>Note:</b> Use <code>ui5-upload-collection-item</code> for the intended design."
+            },
+            {
+              "name": "header",
+              "description": "Defines the <code>ui5-upload-collection</code> header.\n<br><br>\n<b>Note:</b> If <code>header</code> slot is provided,\nthe labelling of the <code>UploadCollection</code> is a responsibility of the application developer.\n<code>accessibleName</code> should be used."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "mode",
+              "type": {
+                "text": "ListMode",
+                "references": [
+                  {
+                    "name": "ListMode",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/types/ListMode.js"
+                  }
+                ]
+              },
+              "description": "Defines the mode of the <code>ui5-upload-collection</code>.\n\n<br><b>Note:</b>\nMode \"Delete\" has no effect. The delete button is controlled by the <code>hideDeleteButton</code> property of UploadCollectionItem</li>",
+              "default": "\"None\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "noDataDescription",
+              "type": {
+                "text": "string"
+              },
+              "description": "Allows you to set your own text for the 'No data' description.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "noDataText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Allows you to set your own text for the 'No data' text.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "hideDragOverlay",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "By default there will be drag and drop overlay shown over the <code>ui5-upload-collection</code> when files\nare dragged. If you don't intend to use drag and drop, set this property.\n<br><br>\n<b>Note:</b> It is up to the application developer to add handler for <code>drop</code> event and handle it.\n<code>ui5-upload-collection</code> only displays an overlay.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleName",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the accessible ARIA name of the component.",
+              "default": "\"\"",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "drop",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Fired when an element is dropped inside the drag and drop overlay.\n<br><br>\n<b>Note:</b> The <code>drop</code> event is fired only when elements are dropped within the drag and drop overlay and ignored for the other parts of the <code>ui5-upload-collection</code>."
+            },
+            {
+              "name": "item-delete",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the delete button of any item is pressed."
+            },
+            {
+              "name": "selection-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when selection is changed by user interaction\nin <code>SingleSelect</code> and <code>MultiSelect</code> modes."
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-upload-collection",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UploadCollection",
+            "module": "dist/UploadCollection.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "UploadCollectionItemDeleteEventDetail",
+          "declaration": {
+            "name": "UploadCollectionItemDeleteEventDetail",
+            "module": "dist/UploadCollection.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "UploadCollectionSelectionChangeEventDetail",
+          "declaration": {
+            "name": "UploadCollectionSelectionChangeEventDetail",
+            "module": "dist/UploadCollection.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-upload-collection",
+          "declaration": {
+            "name": "UploadCollection",
+            "module": "dist/UploadCollection.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/UploadCollectionItem.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\nA component to be used within the <code>ui5-upload-collection</code>.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/UploadCollectionItem.js\";</code>",
+          "name": "UploadCollectionItem",
+          "slots": [
+            {
+              "description": "Hold the description of the <code>ui5-upload-collection-item</code>. Will be shown below the file name.",
+              "name": "default"
+            },
+            {
+              "name": "thumbnail",
+              "description": "A thumbnail, which will be shown in the beginning of the <code>ui5-upload-collection-item</code>.\n<br><br>\n<b>Note:</b> Use <code>ui5-icon</code> or <code>img</code> for the intended design."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "file",
+              "type": {
+                "text": "File | null | undefined"
+              },
+              "description": "Holds an instance of <code>File</code> associated with this item.",
+              "default": "null",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "fileName",
+              "type": {
+                "text": "string"
+              },
+              "description": "The name of the file.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "fileNameClickable",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If set to <code>true</code> the file name will be clickable and it will fire <code>file-name-click</code> event upon click.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "disableDeleteButton",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Disables the delete button.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "hideDeleteButton",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "By default, the delete button will always be shown, regardless of the <code>ui5-upload-collection</code>'s property <code>mode</code>.\nSetting this property to <code>true</code> will hide the delete button.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "hideRetryButton",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Hides the retry button when <code>uploadState</code> property is <code>Error</code>.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "hideTerminateButton",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Hides the terminate button when <code>uploadState</code> property is <code>Uploading</code>.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "progress",
+              "type": {
+                "text": "number"
+              },
+              "description": "The upload progress in percentage.\n<br><br>\n<b>Note:</b> Expected values are in the interval [0, 100].",
+              "default": "0",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "uploadState",
+              "type": {
+                "text": "UploadState",
+                "references": [
+                  {
+                    "name": "UploadState",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/UploadState.js"
+                  }
+                ]
+              },
+              "description": "If set to <code>Uploading</code> or <code>Error</code>, a progress indicator showing the <code>progress</code> is displayed.\nAlso if set to <code>Error</code>, a refresh button is shown. When this icon is pressed <code>retry</code> event is fired.\nIf set to <code>Uploading</code>, a terminate button is shown. When this icon is pressed <code>terminate</code> event is fired.",
+              "default": "\"Ready\"",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "file-name-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the file name is clicked.\n<br><br>\n<b>Note:</b> This event is only available when <code>fileNameClickable</code> property is <code>true</code>."
+            },
+            {
+              "name": "rename",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the <code>fileName</code> property gets changed.\n<br><br>\n<b>Note:</b> An edit button is displayed on each item,\nwhen the <code>ui5-upload-collection-item</code> <code>type</code> property is set to <code>Detail</code>."
+            },
+            {
+              "name": "terminate",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the terminate button is pressed.\n<br><br>\n<b>Note:</b> Terminate button is displayed when <code>uploadState</code> property is set to <code>Uploading</code>."
+            },
+            {
+              "name": "retry",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the retry button is pressed.\n<br><br>\n<b>Note:</b> Retry button is displayed when <code>uploadState</code> property is set to <code>Error</code>."
+            }
+          ],
+          "superclass": {
+            "name": "ListItem",
+            "package": "@ui5/webcomponents",
+            "module": "dist/ListItem.js"
+          },
+          "tagName": "ui5-upload-collection-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "UploadCollectionItem",
+            "module": "dist/UploadCollectionItem.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-upload-collection-item",
+          "declaration": {
+            "name": "UploadCollectionItem",
+            "module": "dist/UploadCollectionItem.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/ViewSettingsDialog.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\nThe <code>ui5-view-settings-dialog</code> component helps the user to sort data within a list or a table.\nIt consists of several lists like <code>Sort order</code> which is built-in and <code>Sort By</code> and <code>Filter By</code> lists,\nfor which you must be provide items(<code>ui5-sort-item</code> & <code>ui5-filter-item</code> respectively)\nThese options can be used to create sorters for a table.\n\nThe <code>ui5-view-settings-dialog</code> interrupts the current application processing as it is the only focused UI element and\nthe main screen is dimmed/blocked.\nThe <code>ui5-view-settings-dialog</code> is modal, which means that user action is required before returning to the parent window is possible.\n\n<h3>Structure</h3>\nA <code>ui5-view-settings-dialog</code> consists of a header, content, and a footer for action buttons.\nThe <code>ui5-view-settings-dialog</code> is usually displayed at the center of the screen.\n\n<h3>Responsive Behavior</h3>\n<code>ui5-view-settings-dialog</code> stretches on full screen on phones.\n\n<h3>ES6 Module Import</h3>\n\n<code>import \"@ui5/webcomponents-fiori/dist/ViewSettingsDialog\";</code>",
+          "name": "ViewSettingsDialog",
+          "slots": [
+            {
+              "name": "sortItems",
+              "description": "Defines the list of items against which the user could sort data.\n<b>Note:</b> If you want to use this slot, you need to import used item: <code>import \"@ui5/webcomponents-fiori/dist/SortItem\";</code>"
+            },
+            {
+              "name": "filterItems",
+              "description": "Defines the <code>filterItems</code> list.\n<b>Note:</b> If you want to use this slot, you need to import used item: <code>import \"@ui5/webcomponents-fiori/dist/FilterItem\";</code>"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "sortDescending",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines the initial sort order.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Shows the dialog.",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "setConfirmedSettings",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "settings",
+                  "type": {
+                    "text": "VSDSettings",
+                    "references": [
+                      {
+                        "name": "VSDSettings",
+                        "package": "@ui5/webcomponents-fiori",
+                        "module": "dist/ViewSettingsDialog.js"
+                      }
+                    ]
+                  },
+                  "description": "predefined settings."
+                }
+              ],
+              "description": "Sets a JavaScript object, as settings to the <code>ui5-view-settings-dialog</code>.\nThis method can be used after the dialog is initially open, as the dialog needs\nto set its initial settings.<br>\nThe <code>ui5-view-settings-dialog</code> throws an event called \"before-open\",\nwhich can be used as a trigger point.<br>\nThe object should have the following format:<br>\n<pre>\n{\nsortOrder: \"Ascending\",\nsortBy: \"Name\",\nfilters: [\n\t{\"Filter 1\": [\"Some filter 1\", \"Some filter 2\"]},\n\t{\"Filter 2\": [\"Some filter 4\"]},\n]\n}\n</pre>",
+              "privacy": "public"
+            }
+          ],
+          "events": [
+            {
+              "name": "confirm",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when confirmation button is activated."
+            },
+            {
+              "name": "cancel",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when cancel button is activated."
+            },
+            {
+              "name": "before-open",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired before the component is opened. <b>This event does not bubble.</b>"
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-view-settings-dialog",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ViewSettingsDialog",
+            "module": "dist/ViewSettingsDialog.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ViewSettingsDialogConfirmEventDetail",
+          "declaration": {
+            "name": "ViewSettingsDialogConfirmEventDetail",
+            "module": "dist/ViewSettingsDialog.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ViewSettingsDialogCancelEventDetail",
+          "declaration": {
+            "name": "ViewSettingsDialogCancelEventDetail",
+            "module": "dist/ViewSettingsDialog.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-view-settings-dialog",
+          "declaration": {
+            "name": "ViewSettingsDialog",
+            "module": "dist/ViewSettingsDialog.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/Wizard.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>ui5-wizard</code> helps users to complete a complex task by dividing it into sections and guiding them through it.\nIt has two main areas - a navigation area at the top showing the step sequence and a content area below it.\n\n<h3>Structure</h3>\n<h4>Navigation area</h4>\nThe top most area of the <code>ui5-wizard</code> is occupied by the navigation area.\nIt shows the sequence of steps, where the recommended number of steps is between 3 and 8 steps.\n<ul>\n<li> Steps can have different visual representations - numbers or icons.</li>\n<li> Steps might have labels for better readability - titleText and subTitleText.</li>\n<li> Steps are defined by using the <code>ui5-wizard-step</code> as slotted element within the <code>ui5-wizard</code>.</li>\n</ul>\n\n<b>Note:</b> If no selected step is defined, the first step will be auto selected.\n<br>\n<b>Note:</b> If multiple selected steps are defined, the last step will be selected.\n\n<h3>Keyboard Handling</h3>\nThe user can navigate using the following keyboard shortcuts:\n<br>\n\n<h4>Wizard Progress Navigation</h4>\n<ul>\n\t<li>[LEFT], [DOWN] - Focus moves backward to the WizardProgressNavAnchors.</li>\n\t<li>[UP], [RIGHT] - Focus moves forward to the WizardProgressNavAnchor.</li>\n\t<li>[SPACE] or [ENTER], [RETURN] - Selects an active step</li>\n\t<li>[HOME] or [PAGE UP] - Focus goes to the first step</li>\n\t<li>[END] or [PAGE DOWN] - Focus goes to the last step</li>\n</ul>\n\n<h4>Fast Navigation</h4>\nThis component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down /  Ctrl + Alt(Option) + Up</code>.\nIn order to use this functionality, you need to import the following module:\n<code>import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"</code>\n\n<h4>Content</h4>\nThe content occupies the main part of the page. It can hold any type of HTML elements.\nIt's defined by using the <code>ui5-wizard-step</code> as slotted element within the <code>ui5-wizard</code>.\n\n<h3>Scrolling</h3>\nThe component handles user scrolling by selecting the closest step, based on the current scroll position\nand scrolls to particular place, when the user clicks on the step within the navigation area.\n<br><br>\n\n<b>Important:</b> In order the component's scrolling behaviour to work, it has to be limited from the outside parent element in terms of height.\nThe component or its parent has to be given percentage or absolute height. Otherwise, the component will be scrolled out with the entire page.\n<br><br>\n<b>For example:</b>\n<br><br>\n<code>&lt;ui5-dialog style=\"height: 80%\"&gt;<br></code>\n<code>&#9;&lt;ui5-wizard&gt;&lt;/ui5-wizard&gt;<br></code>\n<code>&lt;/ui5-dialog&gt;</code>\n\n<h4>Moving to next step</h4>\nThe <code>ui5-wizard-step</code> provides the necessary API and it's up to the user of the component to use it to move to the next step.\nYou have to set its <code>selected</code> property (and remove the <code>disabled</code> one if set) to <code>true</code>.\nThe <code>ui5-wizard</code> will automatically scroll to the content of the newly selected step.\n<br><br>\n\nThe Fiori 3 guidelines recommends having a \"nextStep\" button in the content area.\nYou can place a button, or any other type of element to trigger step change, inside the <code>ui5-wizard-step</code>,\nand show/hide it when certain fields are filled or user defined criteria is met.\n\n<h3>Usage</h3>\n<h4>When to use:</h4>\nWhen the user has to accomplish a long or unfamiliar task.\n\n<h4>When not to use:</h4>\nWhen the task has less than 3 steps.\n\n<h3>Responsive Behavior</h3>\nOn small widths the step's titleText, subtitleText and separators in the navigation area shrink and from particular point the steps are grouped together and overlap.\nTapping on them will show a popover to select the step to navigate to. On mobile device, the grouped steps are presented within a dialog.\n\n<h3>ES6 Module Import</h3>\n<code>import \"@ui5/webcomponents-fiori/dist/Wizard.js\";</code> (includes &lt;ui5-wizard-step/&gt;)",
+          "name": "Wizard",
+          "cssParts": [
+            {
+              "description": "Used to style the progress navigator of the <code>ui5-wizard</code>.</li>",
+              "name": "navigator"
+            },
+            {
+              "description": "Used to style a <code>ui5-wizard-step</code> container.</li>",
+              "name": "step-content"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the steps.\n<br><br>\n<b>Note:</b> Use the available <code>ui5-wizard-step</code> component."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "contentLayout",
+              "type": {
+                "text": "WizardContentLayout",
+                "references": [
+                  {
+                    "name": "WizardContentLayout",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/types/WizardContentLayout.js"
+                  }
+                ]
+              },
+              "description": "Defines how the content of the <code>ui5-wizard</code> would be visualized.",
+              "privacy": "public",
+              "default": "\"MultipleSteps\""
+            }
+          ],
+          "events": [
+            {
+              "name": "step-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the step is changed by user interaction - either with scrolling,\nor by clicking on the steps within the component header."
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-wizard",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WizardStepChangeEventDetail",
+          "declaration": {
+            "name": "WizardStepChangeEventDetail",
+            "module": "dist/Wizard.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Wizard",
+            "module": "dist/Wizard.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-wizard",
+          "declaration": {
+            "name": "Wizard",
+            "module": "dist/Wizard.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/WizardStep.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nA component that represents a logical step as part of the <code>ui5-wizard</code>.\nIt is meant to aggregate arbitrary HTML elements that form the content of a single step.\n\n<h3>Structure</h3>\n<ul>\n<li>Each wizard step has arbitrary content.</li>\n<li>Each wizard step might have texts - defined by the <code>titleText</code> and <code>subtitleText</code> properties.</li>\n<li>Each wizard step might have an icon - defined by the <code>icon</code> property.</li>\n<li>Each wizard step might display a number in place of the <code>icon</code>, when it's missing.</li>\n</ul>\n\n<h3>Usage</h3>\nThe <code>ui5-wizard-step</code> component should be used only as slot of the <code>ui5-wizard</code> component\nand should not be used standalone.",
+          "name": "WizardStep",
+          "slots": [
+            {
+              "description": "Defines the step content.",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "titleText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the <code>titleText</code> of the step.\n<br><br>\n\n<b>Note:</b> The text is displayed in the <code>ui5-wizard</code> navigation header.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "subtitleText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the <code>subtitleText</code> of the step.\n<br><br>\n\n<b>Note:</b> the text is displayed in the <code>ui5-wizard</code> navigation header.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines the <code>icon</code> of the step.\n<br><br>\n\n<b>Note:</b> The icon is displayed in the <code>ui5-wizard</code> navigation header.\n<br><br>\n\nThe SAP-icons font provides numerous options.\nSee all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>.",
+              "default": "\"\"",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines if the step is <code>disabled</code>. When disabled the step is displayed,\nbut the user can't select the step by clicking or navigate to it with scrolling.\n<br><br>\n\n<b>Note:</b> Step can't be <code>selected</code> and <code>disabled</code> at the same time.\nIn this case the <code>selected</code> property would take precedence.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Defines the step's <code>selected</code> state - the step that is currently active.\n<br><br>\n\n<b>Note:</b> Step can't be <code>selected</code> and <code>disabled</code> at the same time.\nIn this case the <code>selected</code> property would take precedence.",
+              "default": "false",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "branching",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When <code>branching</code> is enabled a dashed line would be displayed after the step,\nmeant to indicate that the next step is not yet known and depends on user choice in the current step.\n<br><br>\n\n<b>Note:</b> It is recommended to use <code>branching</code> on the last known step\nand later add new steps when it becomes clear how the wizard flow should continue.",
+              "default": "false",
+              "privacy": "public"
+            }
+          ],
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "@ui5/webcomponents-base/dist/UI5Element.js"
+          },
+          "tagName": "ui5-wizard-step",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "WizardStep",
+            "module": "dist/WizardStep.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-wizard-step",
+          "declaration": {
+            "name": "WizardStep",
+            "module": "dist/WizardStep.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist/WizardTab.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "WizardTab",
+            "module": "dist/WizardTab.js"
+          }
+        }
+      ]
+    }
+  ]
+}