@ui5/webcomponents-fiori - npm Package Compare versions

Comparing version 0.0.0-07460127d to 0.0.0-0fcda382e

CHANGELOG.md

@@ -6,2 +6,46 @@ # Change Log
 
+# [1.0.0-rc.7](https://github.com/SAP/ui5-webcomponents/compare/v1.0.0-rc.6...v1.0.0-rc.7) (2020-04-30)
+
+
+### Bug Fixes
+
+* **ui5-product-switch-item:** fix active state ([#1547](https://github.com/SAP/ui5-webcomponents/issues/1547)) ([0305da8](https://github.com/SAP/ui5-webcomponents/commit/0305da8))
+* **ui5-shellbar:** check for profile correctly ([#1438](https://github.com/SAP/ui5-webcomponents/issues/1438)) ([a4f502b](https://github.com/SAP/ui5-webcomponents/commit/a4f502b))
+* **ui5-shellbar:** do not duplicate popover menu items ([#1456](https://github.com/SAP/ui5-webcomponents/issues/1456)) ([ae20272](https://github.com/SAP/ui5-webcomponents/commit/ae20272))
+* **ui5-shellbar:** enable items keyboard handling ([#1473](https://github.com/SAP/ui5-webcomponents/issues/1473)) ([185851a](https://github.com/SAP/ui5-webcomponents/commit/185851a))
+* **ui5-shellbar:** fix menuItems cloning ([#1457](https://github.com/SAP/ui5-webcomponents/issues/1457)) ([f4d2547](https://github.com/SAP/ui5-webcomponents/commit/f4d2547))
+* **ui5-upload-collection:** ensure event.dataTransfer.types is array ([#1433](https://github.com/SAP/ui5-webcomponents/issues/1433)) ([28cc988](https://github.com/SAP/ui5-webcomponents/commit/28cc988))
+
+
+### Features
+
+* **ui5-upload-collection:** implement new webcomponent ([#1316](https://github.com/SAP/ui5-webcomponents/issues/1316)) ([54038e4](https://github.com/SAP/ui5-webcomponents/commit/54038e4))
+
+
+
+
+
+# [1.0.0-rc.6](https://github.com/SAP/ui5-webcomponents/compare/v1.0.0-rc.5...v1.0.0-rc.6) (2020-03-27)
+
+
+### Bug Fixes
+
+* **ui5-shellbar:** Change path in imports for playground ([#1008](https://github.com/SAP/ui5-webcomponents/issues/1008)) ([bfe36dd](https://github.com/SAP/ui5-webcomponents/commit/bfe36dd))
+* **ui5-shellbar:** fire logoClick on small size ([#1192](https://github.com/SAP/ui5-webcomponents/issues/1192)) ([b84b9d8](https://github.com/SAP/ui5-webcomponents/commit/b84b9d8))
+* **ui5-shellbar:** fix search field behavior ([#1264](https://github.com/SAP/ui5-webcomponents/issues/1264)) ([2beb1c5](https://github.com/SAP/ui5-webcomponents/commit/2beb1c5))
+* **ui5-shellbar:** provide correct target ref when item is in overflow popover ([#1334](https://github.com/SAP/ui5-webcomponents/issues/1334)) ([7636bb7](https://github.com/SAP/ui5-webcomponents/commit/7636bb7))
+
+
+
+### Features
+
+* **ui5-shellbar:** add profile slot ([#1222](https://github.com/SAP/ui5-webcomponents/issues/1222)) ([9dab18b](https://github.com/SAP/ui5-webcomponents/commit/9dab18b))
+* **ui5-shellbar-item:** introduce count property ([#1221](https://github.com/SAP/ui5-webcomponents/issues/1221)) ([02ddd0d](https://github.com/SAP/ui5-webcomponents/commit/02ddd0d))
+
+
+### BREAKING CHANGES
+
+* **ui5-shellbar:** profile property is removed in favour of profile slot
+
+
 # [1.0.0-rc.5](https://github.com/SAP/ui5-webcomponents/compare/v1.0.0-rc.4...v1.0.0-rc.5) (2019-12-02)
@@ -35,2 +79,2 @@
 
-The src property was renamed to icon and accepts icon name (such as "add") instead of icon src (such as "sap-icon://add")
+The src property was renamed to icon and accepts icon name (such as "add") instead of icon src (such as "sap-icon://add")

dist/api.json

@@ -1,1 +0,1 @@
-{"$schema-ref":"http://schemas.sap.com/sapui5/designtime/api.json/1.0","version":"1.62","symbols":[{"kind":"class","name":"sap.ui.webcomponents.fiori.ProductSwitch","basename":"ProductSwitch","appenddocs":"ProductSwitchItem","resource":"ProductSwitch.js","module":"ProductSwitch","visibility":"public","since":"1.0.0-rc.5","extends":"sap.ui.webcomponents.base.UI5Element","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> <h3>ES6 Module Import</h3> <code>import \"@ui5/webcomponents-fiori/dist/ProductSwitch.js\";</code>","constructor":{"visibility":"public"},"properties":[],"slots":[{"name":"default","visibility":"public","type":"HTMLElement[]","description":"Defines the items of the <code>ui5-product-switch</code>."}]},{"kind":"class","name":"sap.ui.webcomponents.fiori.ProductSwitchItem","basename":"ProductSwitchItem","resource":"ProductSwitchItem.js","module":"ProductSwitchItem","visibility":"public","since":"1.0.0-rc.5","extends":"sap.ui.webcomponents.base.UI5Element","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> <h3>ES6 Module Import</h3> <code>import \"@ui5/webcomponents-fiori/dist/ProductSwitchItem.js\";</code>","constructor":{"visibility":"public"},"properties":[{"name":"heading","visibility":"public","type":"string","description":"Defines the title of the <code>ui5-product-switch-item</code>.","defaultValue":"\"\""},{"name":"icon","visibility":"public","type":"string","description":"Defines the icon to be displayed as a graphical element within the <code>ui5-product-switch-item</code>. <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://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\" class=\"api-table-content-cell-link\">Icon Explorer</ui5-link>.","defaultValue":"\"\""},{"name":"subtitle","visibility":"public","type":"string","description":"Defines the subtitle of the <code>ui5-product-switch-item</code>.","defaultValue":"\"\""},{"name":"target","visibility":"public","type":"string","description":"Specifies a target where the <code>targetSrc</code> content must be open. Options are the standard values for window.open() supported by browsers: _self, _top, _blank, _parent, _search. Alternatively, a frame name can be entered.","defaultValue":"\"_self\""},{"name":"targetSrc","visibility":"public","type":"string","description":"Defines the <code>ui5-product-switch-item</code> target URI. Supports standard hyperlink behavior.","defaultValue":"\"\""}],"slots":[],"events":[{"name":"click","visibility":"public","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."}]},{"kind":"class","name":"sap.ui.webcomponents.fiori.ShellBar","basename":"ShellBar","appenddocs":"ShellBarItem","resource":"ShellBar.js","module":"ShellBar","visibility":"public","since":"0.8.0","extends":"sap.ui.webcomponents.base.UI5Element","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> <h3>ES6 Module Import</h3> <code>import \"@ui5/webcomponents-fiori/dist/ShellBar\";</code>","constructor":{"visibility":"public"},"properties":[{"name":"logo","visibility":"public","type":"string","description":"Defines the <code>logo</code> source URI."},{"name":"notificationCount","visibility":"public","type":"string","description":"Defines the <code>notificationCount</code>, displayed in the notification icon top-right corner."},{"name":"primaryTitle","visibility":"public","type":"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)."},{"name":"secondaryTitle","visibility":"public","type":"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)."},{"name":"showCoPilot","visibility":"public","type":"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.","defaultValue":"false"},{"name":"showNotifications","visibility":"public","type":"boolean","description":"Defines, if the notification icon would be displayed."},{"name":"showProductSwitch","visibility":"public","type":"boolean","description":"Defines, if the product switch icon would be displayed.","defaultValue":"false"}],"slots":[{"name":"default","visibility":"public","type":"HTMLElement[]","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":"menuItems","visibility":"public","since":"0.10","type":"HTMLElement[]","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":"profile","visibility":"public","since":"1.0.0-rc.6","type":"HTMLElement","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."},{"name":"searchField","visibility":"public","type":"HTMLElement[]","description":"Defines the <code>ui5-input</code>, that will be used as a search field."},{"name":"startButton","visibility":"public","type":"HTMLElement[]","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."}],"events":[{"name":"coPilotClick","visibility":"public","since":"0.10","parameters":[{"name":"targetRef","type":"HTMLElement","description":"dom ref of the activated element"}],"description":"Fired, when the co pilot is activated."},{"name":"logoClick","visibility":"public","since":"0.10","parameters":[{"name":"targetRef","type":"HTMLElement","description":"dom ref of the activated element"}],"description":"Fired, when the logo is activated."},{"name":"menuItemClick","visibility":"public","since":"0.10","parameters":[{"name":"item","type":"HTMLElement","description":"dom ref of the activated list item"}],"description":"Fired, when a menu item is activated"},{"name":"notificationsClick","visibility":"public","parameters":[{"name":"targetRef","type":"HTMLElement","description":"dom ref of the activated element"}],"description":"Fired, when the notification icon is activated."},{"name":"productSwitchClick","visibility":"public","parameters":[{"name":"targetRef","type":"HTMLElement","description":"dom ref of the activated element"}],"description":"Fired, when the product switch icon is activated."},{"name":"profileClick","visibility":"public","parameters":[{"name":"targetRef","type":"HTMLElement","description":"dom ref of the activated element"}],"description":"Fired, when the profile slot is present."}],"methods":[{"name":"closeOverflow","visibility":"public","description":"Closes the overflow area. Useful to manually close the overflow after having suppressed automatic closing with preventDefault() of ShellbarItem's press event"}]},{"kind":"class","name":"sap.ui.webcomponents.fiori.ShellBarItem","basename":"ShellBarItem","resource":"ShellBarItem.js","module":"ShellBarItem","static":true,"visibility":"public","extends":"sap.ui.webcomponents.base.UI5Element","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>","constructor":{"visibility":"public"},"properties":[{"name":"count","visibility":"public","since":"1.0.0-rc.6","type":"string","description":"Defines the count displayed in the top-right corner.","defaultValue":"\"\""},{"name":"icon","visibility":"public","type":"string","description":"Defines the name of the item's icon."},{"name":"text","visibility":"public","type":"string","description":"Defines the item text."}],"slots":[],"events":[{"name":"itemClick","visibility":"public","parameters":[{"name":"targetRef","type":"HTMLElement","description":"dom ref of the clicked element"}],"description":"Fired, when the item is pressed."}]}]}
+{"$schema-ref":"http://schemas.sap.com/sapui5/designtime/api.json/1.0","version":"1.62","symbols":[{"kind":"class","name":"sap.ui.webcomponents.fiori.NotificationListGroupItem","basename":"NotificationListGroupItem","appenddocs":"NotificationOverflowAction","resource":"NotificationListGroupItem.js","module":"NotificationListGroupItem","static":true,"visibility":"public","since":"1.0.0-rc.8","extends":"NotificationListItemBase","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>Heading</code> to entitle the group</li> <li>Custom actions - with the use of <code>ui5-notification-overflow-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>ES6 Module Import</h3>\n\n<code>import @ui5/webcomponents/dist/NotificationListGroupItem.js\";</code> <br> <code>import @ui5/webcomponents/dist/NotificationOverflowAction.js\";</code> (optional)","constructor":{"visibility":"public"},"properties":[{"name":"collapsed","visibility":"public","type":"boolean","description":"Defines if the group is collapsed or expanded.","defaultValue":"false"},{"name":"showCounter","visibility":"public","type":"boolean","description":"Defines if the items <code>counter</code> would be displayed.","defaultValue":"false"}],"slots":[{"name":"default","visibility":"public","type":"HTMLElement[]","description":"Defines the items of the <code>ui5-li-notification-group</code>, usually <code>ui5-li-notification</code> items."}],"events":[{"name":"toggle","visibility":"public","description":"Fired when the <code>ui5-li-notification-group</code> is expanded/collapsed by user interaction."}]},{"kind":"class","name":"sap.ui.webcomponents.fiori.NotificationListItem","basename":"NotificationListItem","appenddocs":"NotificationOverflowAction","resource":"NotificationListItem.js","module":"NotificationListItem","visibility":"public","since":"1.0.0-rc.8","extends":"NotificationListItemBase","description":"<h3 class=\"comment-api-title\">Overview</h3> The <code>ui5-li-notification</code> is a type of list item, meant to dispaly notifcatations. <br>\n\nThe component has a rich set of various properties that allows the user to set <code>avatar</code>, <code>heading</code>, descriptive <code>content</code> and <code>footnotes</code> to fully describe a notifcation. <br>\n\nThe user can: <ul> <li>display a <code>Close</code> button</code></li> <li>can control whether the <code>heading</code> and <code>description</code> should wrap or truncate and display a <code>ShomeMore</code> button to switch between less and more information</code></li> <li>add custom actions by using the <code>ui5-notification-overflow-action</code></code> component</li> </ul>\n\n<h3>Usage</h3> The 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> <br> <code>import @ui5/webcomponents/dist/NotificationOverflowAction.js\";</code> (optional)","constructor":{"visibility":"public"},"properties":[{"name":"read","visibility":"public","type":"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>heading</code> has bold font, if set to true - it has a normal font.","defaultValue":"false"},{"name":"wrap","visibility":"public","type":"undefined","description":"Defines if the <code>heading</code> and <code>decription</code> should wrap, they truncate by default.\n\n<br><br> <b>Note:</b> by default the <code>heading</code> and <code>decription</code>, and a <code>ShowMore/Less</code> button would be displayed.","defaultValue":"false"}],"slots":[{"name":"avatar","visibility":"public","type":"HTMLElement","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."},{"name":"default","visibility":"public","type":"Node[]","description":"Defines the content of the <code>ui5-li-notification</code>, usually a description of the notification.\n\n<br><br> <b>Note:</b> Аlthough this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."},{"name":"footnotes","visibility":"public","type":"HTMLElement[]","description":"Defines the elements, dipalyed in the footer of the of the <code>ui5-li-notification</code>."}]},{"kind":"class","name":"sap.ui.webcomponents.fiori.NotificationListItemBase","basename":"NotificationListItemBase","appenddocs":"NotificationOverflowAction","resource":"NotificationListItemBase.js","module":"NotificationListItemBase","abstract":true,"visibility":"public","since":"1.0.0-rc.8","extends":"ListItemBase","description":"The base class of the <code>NotificationListItem</code> and <code>NotificationListGroupItem</code>.","constructor":{"visibility":"public"},"properties":[{"name":"heading","visibility":"public","type":"string","description":"Defines the <code>heading</code> of the item.","defaultValue":"\"\""},{"name":"priority","visibility":"public","type":"Priority","description":"Defines the <code>priority</code> of the item.","defaultValue":"\"None\""},{"name":"showClose","visibility":"public","type":"boolean","description":"Defines if the <code>close</code> button would be displayed.","defaultValue":"false"}],"slots":[{"name":"actions","visibility":"public","type":"HTMLElement","description":"Defines the actions, displayed in the top-right area. <br><br> <b>Note:</b> use the <code>ui5-notification-overflow-action</code> component."}],"events":[{"name":"close","visibility":"public","description":"Fired when the <code>Close</code> button is pressed."}]},{"kind":"class","name":"sap.ui.webcomponents.fiori.NotificationOverflowAction","basename":"NotificationOverflowAction","resource":"NotificationOverflowAction.js","module":"NotificationOverflowAction","static":true,"visibility":"public","extends":"UI5Element","description":"The <code>ui5-notification-overflow-action</code> represents an abstract action, used in the <code>ui5-li-notification</code> and the <code>ui5-li-notification-group</code> items.","constructor":{"visibility":"public"},"properties":[{"name":"design","visibility":"public","type":"ButtonDesign","description":"Defines the action design. <br><br> <b>Note:</b> Available options are \"Default\", \"Emphasized\", \"Positive\", \"Negative\", and \"Transparent\".","defaultValue":"\"Transparent\""},{"name":"disabled","visibility":"public","type":"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.","defaultValue":"false"},{"name":"icon","visibility":"public","type":"string","description":"Defines the <code>icon</code> source URI. <br><br> <b>Note:</b> SAP-icons font provides numerous buil-in icons. To find all the available icons, see the <ui5-link target=\"_blank\" href=\"https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\" class=\"api-table-content-cell-link\">Icon Explorer</ui5-link>.","defaultValue":"\"\""},{"name":"text","visibility":"public","type":"string","description":"Defines the text of the <code>ui5-notification-overflow-action</code>.","defaultValue":"\"\""}],"slots":[]},{"kind":"class","name":"sap.ui.webcomponents.fiori.ProductSwitch","basename":"ProductSwitch","appenddocs":"ProductSwitchItem","resource":"ProductSwitch.js","module":"ProductSwitch","visibility":"public","since":"1.0.0-rc.5","extends":"sap.ui.webcomponents.base.UI5Element","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> <h3>ES6 Module Import</h3> <code>import \"@ui5/webcomponents-fiori/dist/ProductSwitch.js\";</code>","constructor":{"visibility":"public"},"properties":[],"slots":[{"name":"default","visibility":"public","type":"HTMLElement[]","description":"Defines the items of the <code>ui5-product-switch</code>."}]},{"kind":"class","name":"sap.ui.webcomponents.fiori.ProductSwitchItem","basename":"ProductSwitchItem","resource":"ProductSwitchItem.js","module":"ProductSwitchItem","visibility":"public","since":"1.0.0-rc.5","extends":"sap.ui.webcomponents.base.UI5Element","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> <h3>ES6 Module Import</h3> <code>import \"@ui5/webcomponents-fiori/dist/ProductSwitchItem.js\";</code>","constructor":{"visibility":"public"},"properties":[{"name":"heading","visibility":"public","type":"string","description":"Defines the title of the <code>ui5-product-switch-item</code>.","defaultValue":"\"\""},{"name":"icon","visibility":"public","type":"string","description":"Defines the icon to be displayed as a graphical element within the <code>ui5-product-switch-item</code>. <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://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\" class=\"api-table-content-cell-link\">Icon Explorer</ui5-link>.","defaultValue":"\"\""},{"name":"subtitle","visibility":"public","type":"string","description":"Defines the subtitle of the <code>ui5-product-switch-item</code>.","defaultValue":"\"\""},{"name":"target","visibility":"public","type":"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>","defaultValue":"\"_self\""},{"name":"targetSrc","visibility":"public","type":"string","description":"Defines the <code>ui5-product-switch-item</code> target URI. Supports standard hyperlink behavior.","defaultValue":"\"\""}],"slots":[],"events":[{"name":"click","visibility":"public","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."}]},{"kind":"class","name":"sap.ui.webcomponents.fiori.ShellBar","basename":"ShellBar","appenddocs":"ShellBarItem","resource":"ShellBar.js","module":"ShellBar","visibility":"public","since":"0.8.0","extends":"sap.ui.webcomponents.base.UI5Element","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> <h3>ES6 Module Import</h3> <code>import \"@ui5/webcomponents-fiori/dist/ShellBar\";</code>","constructor":{"visibility":"public"},"properties":[{"name":"logo","visibility":"public","type":"string","description":"Defines the <code>logo</code> source URI.","defaultValue":"\"\""},{"name":"notificationCount","visibility":"public","type":"string","description":"Defines the <code>notificationCount</code>, displayed in the notification icon top-right corner.","defaultValue":"\"\""},{"name":"primaryTitle","visibility":"public","type":"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).","defaultValue":"\"\""},{"name":"secondaryTitle","visibility":"public","type":"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).","defaultValue":"\"\""},{"name":"showCoPilot","visibility":"public","type":"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.","defaultValue":"false"},{"name":"showNotifications","visibility":"public","type":"boolean","description":"Defines, if the notification icon would be displayed.","defaultValue":"false"},{"name":"showProductSwitch","visibility":"public","type":"boolean","description":"Defines, if the product switch icon would be displayed.","defaultValue":"false"}],"slots":[{"name":"default","visibility":"public","type":"HTMLElement[]","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":"menuItems","visibility":"public","since":"0.10","type":"HTMLElement[]","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":"profile","visibility":"public","since":"1.0.0-rc.6","type":"HTMLElement","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."},{"name":"searchField","visibility":"public","type":"HTMLElement[]","description":"Defines the <code>ui5-input</code>, that will be used as a search field."},{"name":"startButton","visibility":"public","type":"HTMLElement[]","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."}],"events":[{"name":"coPilotClick","visibility":"public","since":"0.10","parameters":[{"name":"targetRef","type":"HTMLElement","description":"dom ref of the activated element"}],"description":"Fired, when the co pilot is activated."},{"name":"logoClick","visibility":"public","since":"0.10","parameters":[{"name":"targetRef","type":"HTMLElement","description":"dom ref of the activated element"}],"description":"Fired, when the logo is activated."},{"name":"menuItemClick","visibility":"public","since":"0.10","parameters":[{"name":"item","type":"HTMLElement","description":"dom ref of the activated list item"}],"description":"Fired, when a menu item is activated <b>Note:</b> You can prevent closing of oveflow popover by calling <code>event.preventDefault()</code>."},{"name":"notificationsClick","visibility":"public","parameters":[{"name":"targetRef","type":"HTMLElement","description":"dom ref of the activated element"}],"description":"Fired, when the notification icon is activated."},{"name":"productSwitchClick","visibility":"public","parameters":[{"name":"targetRef","type":"HTMLElement","description":"dom ref of the activated element"}],"description":"Fired, when the product switch icon is activated. <b>Note:</b> You can prevent closing of oveflow popover by calling <code>event.preventDefault()</code>."},{"name":"profileClick","visibility":"public","parameters":[{"name":"targetRef","type":"HTMLElement","description":"dom ref of the activated element"}],"description":"Fired, when the profile slot is present."}],"methods":[{"name":"closeOverflow","visibility":"public","description":"Closes the overflow area. Useful to manually close the overflow after having suppressed automatic closing with preventDefault() of ShellbarItem's press event"}]},{"kind":"class","name":"sap.ui.webcomponents.fiori.ShellBarItem","basename":"ShellBarItem","resource":"ShellBarItem.js","module":"ShellBarItem","static":true,"visibility":"public","extends":"sap.ui.webcomponents.base.UI5Element","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>","constructor":{"visibility":"public"},"properties":[{"name":"count","visibility":"public","since":"1.0.0-rc.6","type":"string","description":"Defines the count displayed in the top-right corner.","defaultValue":"\"\""},{"name":"icon","visibility":"public","type":"string","description":"Defines the name of the item's icon.","defaultValue":"\"\""},{"name":"text","visibility":"public","type":"string","description":"Defines the item text.","defaultValue":"\"\""}],"slots":[],"events":[{"name":"itemClick","visibility":"public","parameters":[{"name":"targetRef","type":"HTMLElement","description":"dom ref of the clicked element"}],"description":"Fired, when the item is pressed."}]},{"kind":"class","name":"sap.ui.webcomponents.fiori.types.UploadState","basename":"UploadState","resource":"types/UploadState.js","module":"types/UploadState","static":true,"visibility":"public","constructor":{"visibility":"public"},"properties":[{"name":"Complete","visibility":"public","type":"Complete","description":"The file has been uploaded successfully."},{"name":"Error","visibility":"public","type":"Error","description":"The file cannot be uploaded due to an error."},{"name":"Ready","visibility":"public","type":"Ready","description":"The file is awaiting an explicit command to start being uploaded."},{"name":"Uploading","visibility":"public","type":"Uploading","description":"The file is currently being uploaded."}],"slots":[]},{"kind":"class","name":"sap.ui.webcomponents.fiori.UploadCollection","basename":"UploadCollection","appenddocs":"UploadCollectionItem","resource":"UploadCollection.js","module":"UploadCollection","visibility":"public","since":"1.0.0-rc.7","extends":"UI5Element","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>","constructor":{"visibility":"public"},"properties":[{"name":"mode","visibility":"public","type":"ListMode","description":"Defines the mode of the <code>ui5-upload-collection</code>. <br><br> <b>Note:</b> Available options are <code>None</code>, <code>SingleSelect</code>, <code>MultiSelect</code>, and <code>Delete</code>.","defaultValue":"\"None\""},{"name":"noDataDescription","visibility":"public","type":"string","description":"Allows you to set your own text for the 'No data' description.","defaultValue":"\"\""},{"name":"noDataText","visibility":"public","type":"string","description":"Allows you to set your own text for the 'No data' text.","defaultValue":"\"\""},{"name":"noDnd","visibility":"public","type":"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 to <code>true</code> <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 shows an overlay.","defaultValue":"false"}],"slots":[{"name":"default","visibility":"public","type":"HTMLElement[]","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":"header","visibility":"public","type":"HTMLElement[]","description":"Defines the <code>ui5-upload-collection</code> header."}],"events":[{"name":"fileDeleted","visibility":"public","parameters":[{"name":"item","type":"HTMLElement","description":"The <code>ui5-upload-collection-item</code> which was renamed."}],"description":"Fired when the Delete button of any item is pressed. <br><br> <b>Note:</b> A Delete button is displayed on each item, when the <code>ui5-upload-collection</code> <code>mode</code> property is set to <code>Delete</code>."},{"name":"selectionChange","visibility":"public","parameters":[{"name":"selectedItems","type":"Array","description":"An array of the selected items."}],"description":"Fired when selection is changed by user interaction in <code>SingleSelect</code> and <code>MultiSelect</code> modes."}]},{"kind":"class","name":"sap.ui.webcomponents.fiori.UploadCollectionItem","basename":"UploadCollectionItem","resource":"UploadCollectionItem.js","module":"UploadCollectionItem","visibility":"public","since":"1.0.0-rc.7","extends":"UI5Element","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>","constructor":{"visibility":"public"},"properties":[{"name":"file","visibility":"public","type":"File","description":"Holds <code>File</code>, associated with this item.","defaultValue":"null"},{"name":"fileName","visibility":"public","type":"string","description":"The name of the file.","defaultValue":"\"\""},{"name":"fileNameClickable","visibility":"public","type":"boolean","description":"If set to <code>true</code> the file name will be clickable and it will fire <code>fileNameClick</code> event upon click.","defaultValue":"false"},{"name":"noDelete","visibility":"public","type":"boolean","description":"Removes delete option from <code>ui5-upload-collection</code> with <code>mode</code> <code>Delete</code> for this item.","defaultValue":"false"},{"name":"noRetry","visibility":"public","type":"boolean","description":"Hides the retry button when <code>uploadState</code> property is <code>Error</code>.","defaultValue":"false"},{"name":"noTerminate","visibility":"public","type":"boolean","description":"Hides the terminate button when <code>uploadState</code> property is <code>Uploading</code>.","defaultValue":"false"},{"name":"progress","visibility":"public","type":"Integer","description":"The upload progress in percentage. <br><br> <b>Note:</b> Expected values are in the interval [0, 100].","defaultValue":"0"},{"name":"uploadState","visibility":"public","type":"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.","defaultValue":"\"Ready\""}],"slots":[{"name":"default","visibility":"public","type":"Node[]","description":"Hold the description of the <code>ui5-upload-collection-item</code>. Will be shown below the file name."},{"name":"thumbnail","visibility":"public","type":"HTMLElement","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."}],"events":[{"name":"fileNameClick","visibility":"public","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>."},{"name":"rename","visibility":"public","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>."},{"name":"retry","visibility":"public","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>."},{"name":"terminate","visibility":"public","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>."}]}]}

dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json

@@ -1,1 +0,1 @@
-{"_":":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_product_switch_item_outline_width:.125rem;--_ui5_product_switch_item_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_outline_offset:-.25rem}"}
+{"_":":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_product_switch_item_outline_width:.125rem;--_ui5_product_switch_item_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_outline_offset:-.25rem;--ui5_upload_collection_level_2Size:1.375rem;--ui5_upload_collection_level_5Size:1rem;--ui5_upload_collection_drag_overlay_border:0.1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.1875rem solid var(--sapContent_HelpColor);--ui5_upload_collection_drop_overlay_background:transparent;--ui5_upload_collection_progress_indicator_background:var(--sapHighlightColor);--ui5_upload_collection_progress_indicator_error_background:var(--sapHighlightColor)}"}

dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json

@@ -1,1 +0,1 @@
-{"_":":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_product_switch_item_outline_width:.125rem;--_ui5_product_switch_item_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_outline_offset:-.25rem}"}
+{"_":":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_product_switch_item_outline_width:.125rem;--_ui5_product_switch_item_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_outline_offset:-.25rem;--ui5_upload_collection_level_2Size:1.375rem;--ui5_upload_collection_level_5Size:1rem;--ui5_upload_collection_drop_overlay_background:transparent;--ui5_upload_collection_drag_overlay_border:0.1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.1875rem solid var(--sapContent_HelpColor);--ui5_upload_collection_progress_indicator_background:var(--sapHighlightColor);--ui5_upload_collection_progress_indicator_error_background:var(--sapHighlightColor)}"}

dist/generated/assets/themes/sap_belize/parameters-bundle.css.json

@@ -1,1 +0,1 @@
-{"_":":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem}"}
+{"_":":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--ui5_upload_collection_level_2Size:1.375rem;--ui5_upload_collection_level_5Size:1rem;--ui5_upload_collection_drag_overlay_border:0.125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background:transparent;--ui5_upload_collection_progress_indicator_background:var(--sapInformativeElementColor);--ui5_upload_collection_progress_indicator_error_background:var(--sapNegativeElementColor)}"}

dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json

@@ -1,1 +0,1 @@
-{"_":":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem}"}
+{"_":":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--ui5_upload_collection_level_2Size:1.375rem;--ui5_upload_collection_level_5Size:1rem;--ui5_upload_collection_drag_overlay_border:0.125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background:transparent;--ui5_upload_collection_progress_indicator_background:var(--sapInformativeElementColor);--ui5_upload_collection_progress_indicator_error_background:var(--sapNegativeElementColor)}"}

dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json

@@ -1,1 +0,1 @@
-{"_":":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem}"}
+{"_":":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--ui5_upload_collection_level_2Size:1.375rem;--ui5_upload_collection_level_5Size:1rem;--ui5_upload_collection_drag_overlay_border:0.125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background:transparent;--ui5_upload_collection_progress_indicator_background:var(--sapInformativeElementColor);--ui5_upload_collection_progress_indicator_error_background:var(--sapNegativeElementColor)}"}

dist/generated/i18n/i18n-defaults.js

@@ -1,2 +0,2 @@
-
-export {};
+const NOTIFICATION_LIST_ITEM_TXT = {key: "NOTIFICATION_LIST_ITEM_TXT", defaultText: "Notification"};const NOTIFICATION_LIST_ITEM_SHOW_MORE = {key: "NOTIFICATION_LIST_ITEM_SHOW_MORE", defaultText: "Show More"};const NOTIFICATION_LIST_ITEM_SHOW_LESS = {key: "NOTIFICATION_LIST_ITEM_SHOW_LESS", defaultText: "Show Less"};const NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE = {key: "NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE", defaultText: "More"};const NOTIFICATION_LIST_ITEM_CLOSE_BTN_TITLE = {key: "NOTIFICATION_LIST_ITEM_CLOSE_BTN_TITLE", defaultText: "Close"};const NOTIFICATION_LIST_ITEM_READ = {key: "NOTIFICATION_LIST_ITEM_READ", defaultText: "read"};const NOTIFICATION_LIST_ITEM_UNREAD = {key: "NOTIFICATION_LIST_ITEM_UNREAD", defaultText: "unread"};const NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT = {key: "NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT", defaultText: "High Priority"};const NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT = {key: "NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT", defaultText: "Medium Priority"};const NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT = {key: "NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT", defaultText: "Low Priority"};const NOTIFICATION_LIST_GROUP_ITEM_TXT = {key: "NOTIFICATION_LIST_GROUP_ITEM_TXT", defaultText: "Notification group"};const NOTIFICATION_LIST_GROUP_ITEM_COUNTER_TXT = {key: "NOTIFICATION_LIST_GROUP_ITEM_COUNTER_TXT", defaultText: "Counter"};const UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT = {key: "UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT", defaultText: "Cancel"};const UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT = {key: "UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT", defaultText: "Rename"};const UPLOADCOLLECTIONITEM_ERROR_STATE = {key: "UPLOADCOLLECTIONITEM_ERROR_STATE", defaultText: "Terminated"};const UPLOADCOLLECTIONITEM_READY_STATE = {key: "UPLOADCOLLECTIONITEM_READY_STATE", defaultText: "Pending"};const UPLOADCOLLECTIONITEM_UPLOADING_STATE = {key: "UPLOADCOLLECTIONITEM_UPLOADING_STATE", defaultText: "Uploading"};const UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT = {key: "UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT", defaultText: "Terminate"};const UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT = {key: "UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT", defaultText: "Retry"};const UPLOADCOLLECTION_NO_DATA_TEXT = {key: "UPLOADCOLLECTION_NO_DATA_TEXT", defaultText: "No files found."};const UPLOADCOLLECTION_NO_DATA_DESCRIPTION = {key: "UPLOADCOLLECTION_NO_DATA_DESCRIPTION", defaultText: "Drop files to upload them or use the \"Upload\" button."};const UPLOADCOLLECTION_DRAG_FILE_INDICATOR = {key: "UPLOADCOLLECTION_DRAG_FILE_INDICATOR", defaultText: "Drag files here."};const UPLOADCOLLECTION_DROP_FILE_INDICATOR = {key: "UPLOADCOLLECTION_DROP_FILE_INDICATOR", defaultText: "Drop files to upload them."};const SHELLBAR_LABEL = {key: "SHELLBAR_LABEL", defaultText: "Shell Bar"};const SHELLBAR_LOGO = {key: "SHELLBAR_LOGO", defaultText: "Logo"};const SHELLBAR_COPILOT = {key: "SHELLBAR_COPILOT", defaultText: "CoPilot"};const SHELLBAR_NOTIFICATIONS = {key: "SHELLBAR_NOTIFICATIONS", defaultText: "{0} Notifications"};const SHELLBAR_PROFILE = {key: "SHELLBAR_PROFILE", defaultText: "Profile"};const SHELLBAR_PRODUCTS = {key: "SHELLBAR_PRODUCTS", defaultText: "Products"};const SHELLBAR_SEARCH = {key: "SHELLBAR_SEARCH", defaultText: "Search"};const SHELLBAR_OVERFLOW = {key: "SHELLBAR_OVERFLOW", defaultText: "More"};
+export {NOTIFICATION_LIST_ITEM_TXT,NOTIFICATION_LIST_ITEM_SHOW_MORE,NOTIFICATION_LIST_ITEM_SHOW_LESS,NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE,NOTIFICATION_LIST_ITEM_CLOSE_BTN_TITLE,NOTIFICATION_LIST_ITEM_READ,NOTIFICATION_LIST_ITEM_UNREAD,NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT,NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT,NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT,NOTIFICATION_LIST_GROUP_ITEM_TXT,NOTIFICATION_LIST_GROUP_ITEM_COUNTER_TXT,UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT,UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT,UPLOADCOLLECTIONITEM_ERROR_STATE,UPLOADCOLLECTIONITEM_READY_STATE,UPLOADCOLLECTIONITEM_UPLOADING_STATE,UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT,UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT,UPLOADCOLLECTION_NO_DATA_TEXT,UPLOADCOLLECTION_NO_DATA_DESCRIPTION,UPLOADCOLLECTION_DRAG_FILE_INDICATOR,UPLOADCOLLECTION_DROP_FILE_INDICATOR,SHELLBAR_LABEL,SHELLBAR_LOGO,SHELLBAR_COPILOT,SHELLBAR_NOTIFICATIONS,SHELLBAR_PROFILE,SHELLBAR_PRODUCTS,SHELLBAR_SEARCH,SHELLBAR_OVERFLOW};

dist/generated/json-imports/Themes.js

 import { registerThemeProperties } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
 
-import fiori3Dark from "../assets/themes/sap_fiori_3_dark/parameters-bundle.css.json";
-import belize from "../assets/themes/sap_belize/parameters-bundle.css.json";
-import belizeHcb from "../assets/themes/sap_belize_hcb/parameters-bundle.css.json";
-import belizeHcw from "../assets/themes/sap_belize_hcw/parameters-bundle.css.json";
+import sap_fiori_3_dark from "../assets/themes/sap_fiori_3_dark/parameters-bundle.css.json";
+import sap_belize from "../assets/themes/sap_belize/parameters-bundle.css.json";
+import sap_belize_hcb from "../assets/themes/sap_belize_hcb/parameters-bundle.css.json";
+import sap_belize_hcw from "../assets/themes/sap_belize_hcw/parameters-bundle.css.json";
 
 const isInlined = obj => typeof (obj) === "object";
 
-if (isInlined(fiori3Dark) || isInlined(belize) || isInlined(belizeHcb)) {
+if (isInlined(sap_fiori_3_dark) || isInlined(sap_belize) || isInlined(sap_belize_hcb) || isInlined(sap_belize_hcw)) {
 	console.warn(`Inefficient bundling detected: consider bundling theme properties imports as URLs instead of inlining them.
@@ -16,5 +16,5 @@ See rollup-plugin-url or webpack file-loader for more information.
 
-registerThemeProperties("@ui5/webcomponents-fiori", "sap_fiori_3_dark", fiori3Dark);
-registerThemeProperties("@ui5/webcomponents-fiori", "sap_belize", belize);
-registerThemeProperties("@ui5/webcomponents-fiori", "sap_belize_hcb", belizeHcb);
-registerThemeProperties("@ui5/webcomponents-fiori", "sap_belize_hcw", belizeHcw);
+registerThemeProperties("@ui5/webcomponents-fiori", "sap_fiori_3_dark", sap_fiori_3_dark);
+registerThemeProperties("@ui5/webcomponents-fiori", "sap_belize", sap_belize);
+registerThemeProperties("@ui5/webcomponents-fiori", "sap_belize_hcb", sap_belize_hcb);
+registerThemeProperties("@ui5/webcomponents-fiori", "sap_belize_hcw", sap_belize_hcw);;

dist/generated/templates/ProductSwitchItemTemplate.lit.js

@@ -6,11 +6,11 @@
 const block0 = (context) => { return html`${ context.targetSrc ? block1(context) : block5(context) }`; };
-const block1 = (context) => { return html`<a class="ui5-product-switch-item-root"		data-sap-focus-ref		@focusout="${context._onfocusout}"		@focusin="${context._onfocusin}"		@mousedown="${context._onmousedown}"		@keydown="${context._onkeydown}"		@keyup="${context._onkeyup}"		tabindex=${ifDefined(context._tabIndex)}		href="${ifDefined(context.targetSrc)}"		target="${ifDefined(context.target)}">		${ context.icon ? block2(context) : undefined }<span class="ui5-product-switch-item-text-content">		${ context.heading ? block3(context) : undefined }${ context.subtitle ? block4(context) : undefined }</span></a>`; };
-const block2 = (context) => { return html`<ui5-icon			class="ui5-product-switch-item-icon"			name="${ifDefined(context.icon)}"		></ui5-icon>	`; };
-const block3 = (context) => { return html`<span class="ui5-product-switch-item-heading">${ifDefined(context.heading)}</span>		`; };
-const block4 = (context) => { return html`<span class="ui5-product-switch-item-subtitle">${ifDefined(context.subtitle)}</span>		`; };
-const block5 = (context) => { return html`<div		class="ui5-product-switch-item-root"		data-sap-focus-ref		@focusout="${context._onfocusout}"		@focusin="${context._onfocusin}"		@mousedown="${context._onmousedown}"		@keydown="${context._onkeydown}"		@keyup="${context._onkeyup}"		tabindex=${ifDefined(context._tabIndex)}>		${ context.icon ? block6(context) : undefined }<span class="ui5-product-switch-item-text-content">		${ context.heading ? block7(context) : undefined }${ context.subtitle ? block8(context) : undefined }</span></div>`; };
-const block6 = (context) => { return html`<ui5-icon			class="ui5-product-switch-item-icon"			name="${ifDefined(context.icon)}"		></ui5-icon>	`; };
-const block7 = (context) => { return html`<span class="ui5-product-switch-item-heading">${ifDefined(context.heading)}</span>		`; };
-const block8 = (context) => { return html`<span class="ui5-product-switch-item-subtitle">${ifDefined(context.subtitle)}</span>		`; };
+const block1 = (context) => { return html`<a class="ui5-product-switch-item-root" data-sap-focus-ref @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" @mousedown="${context._onmousedown}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" tabindex=${ifDefined(context._tabIndex)} href="${ifDefined(context.targetSrc)}" target="${ifDefined(context.target)}">${ context.icon ? block2(context) : undefined }<span class="ui5-product-switch-item-text-content">${ context.heading ? block3(context) : undefined }${ context.subtitle ? block4(context) : undefined }</span></a>`; };
+const block2 = (context) => { return html`<ui5-icon class="ui5-product-switch-item-icon" name="${ifDefined(context.icon)}"></ui5-icon>`; };
+const block3 = (context) => { return html`<span class="ui5-product-switch-item-heading">${ifDefined(context.heading)}</span>`; };
+const block4 = (context) => { return html`<span class="ui5-product-switch-item-subtitle">${ifDefined(context.subtitle)}</span>`; };
+const block5 = (context) => { return html`<div class="ui5-product-switch-item-root" data-sap-focus-ref @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" @mousedown="${context._onmousedown}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" tabindex=${ifDefined(context._tabIndex)}>${ context.icon ? block6(context) : undefined }<span class="ui5-product-switch-item-text-content">${ context.heading ? block7(context) : undefined }${ context.subtitle ? block8(context) : undefined }</span></div>`; };
+const block6 = (context) => { return html`<ui5-icon class="ui5-product-switch-item-icon" name="${ifDefined(context.icon)}"></ui5-icon>`; };
+const block7 = (context) => { return html`<span class="ui5-product-switch-item-heading">${ifDefined(context.heading)}</span>`; };
+const block8 = (context) => { return html`<span class="ui5-product-switch-item-subtitle">${ifDefined(context.subtitle)}</span>`; };
 
 export default block0;

dist/generated/templates/ShellBarItemTemplate.lit.js

@@ -5,5 +5,4 @@
 import { html, svg, repeat, classMap, styleMap } from '@ui5/webcomponents-base/dist/renderer/LitRenderer.js';
-const block0 = (context) => { return html`<span id="${ifDefined(context._id)}"></span>
-`; };
+const block0 = (context) => { return html`<span id="${ifDefined(context._id)}"></span>`; };
 
 export default block0;

dist/generated/templates/ShellBarPopoverTemplate.lit.js

@@ -5,6 +5,6 @@
 import { html, svg, repeat, classMap, styleMap } from '@ui5/webcomponents-base/dist/renderer/LitRenderer.js';
-const block0 = (context) => { return html`<ui5-popover class="ui5-shellbar-menu-popover" placement-type="Bottom"><ui5-list separators="None" mode="SingleSelect" @ui5-itemPress=${ifDefined(context._menuItemPress)}>		${ repeat(context._menuPopoverItems, undefined, (item, index) => block1(item, index, context)) }</ui5-list></ui5-popover><ui5-popover class="ui5-shellbar-overflow-popover" placement-type="Bottom" horizontal-align="${ifDefined(context.popoverHorizontalAlign)}" no-arrow><ui5-list separators="None" @ui5-itemPress="${ifDefined(context._actionList.itemPress)}">		${ repeat(context._hiddenIcons, undefined, (item, index) => block2(item, index, context)) }</ui5-list></ui5-popover>`; };
-const block1 = (item, index, context) => { return html`<ui5-li>${ifDefined(item)}</ui5-li>		`; };
-const block2 = (item, index, context) => { return html`<ui5-li				data-ui5-external-action-item-id="${ifDefined(item.refItemid)}"				icon="${ifDefined(item.icon)}"				type="Active"				@ui5-_press="${ifDefined(item.press)}"			>${ifDefined(item.text)}</ui5-li>		`; };
+const block0 = (context) => { return html`<ui5-popover class="ui5-shellbar-menu-popover" placement-type="Bottom" @ui5-beforeOpen=${ifDefined(context._menuPopoverBeforeOpen)} @ui5-afterClose=${ifDefined(context._menuPopoverAfterClose)}><ui5-list separators="None" mode="SingleSelect" @ui5-itemPress=${ifDefined(context._menuItemPress)}>${ repeat(context._menuPopoverItems, (item, index) => item._id || index, (item, index) => block1(item, index, context)) }</ui5-list></ui5-popover><ui5-popover class="ui5-shellbar-overflow-popover" placement-type="Bottom" horizontal-align="${ifDefined(context.popoverHorizontalAlign)}" no-arrow @ui5-beforeOpen=${ifDefined(context._overflowPopoverBeforeOpen)} @ui5-afterClose=${ifDefined(context._overflowPopoverAfterClose)}><ui5-list separators="None" @ui5-itemPress="${ifDefined(context._actionList.itemPress)}">${ repeat(context._hiddenIcons, (item, index) => item._id || index, (item, index) => block2(item, index, context)) }</ui5-list></ui5-popover>`; };
+const block1 = (item, index, context) => { return html`${ifDefined(item)}`; };
+const block2 = (item, index, context) => { return html`<ui5-li data-ui5-external-action-item-id="${ifDefined(item.refItemid)}" icon="${ifDefined(item.icon)}" type="Active" @ui5-_press="${ifDefined(item.press)}">${ifDefined(item.text)}</ui5-li>`; };
 
 export default block0;

dist/generated/templates/ShellBarTemplate.lit.js

@@ -5,18 +5,20 @@
 import { html, svg, repeat, classMap, styleMap } from '@ui5/webcomponents-base/dist/renderer/LitRenderer.js';
-const block0 = (context) => { return html`<div	class="${classMap(context.classes.wrapper)}"	dir="${ifDefined(context.rtl)}"	@keydown=${context._onkeydown}><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-left">		${ context.startButton.length ? block1(context) : undefined }${ !context.interactiveLogo ? block2(context) : undefined }${ context.showArrowDown ? block3(context) : undefined }<h2 class="ui5-shellbar-secondary-title">${ifDefined(context.secondaryTitle)}</h2></div><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-middle">		${ context.showCoPilot ? block6(context) : block9(context) }</div><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-right"><div class="ui5-shellbar-overflow-container-right-child">			${ repeat(context._itemsInfo, undefined, (item, index) => block10(item, index, context)) }</div></div><div id="${ifDefined(context._id)}-searchfield-wrapper"		class="ui5-shellbar-search-field"		style="${styleMap(context.styles.searchField)}"	>		${ context.searchField.length ? block13(context) : undefined }</div></div>`; };
-const block1 = (context) => { return html`<slot name="startButton"></slot>		`; };
-const block2 = (context) => { return html`<img class="ui5-shellbar-logo" src="${ifDefined(context.logo)}" @click="${context._logoPress}" />		`; };
-const block3 = (context) => { return html`<button tabindex="0" class="${classMap(context.classes.button)}" @click="${context._header.press}">				${ context.interactiveLogo ? block4(context) : undefined }${ context.primaryTitle ? block5(context) : undefined }<span class="ui5-shellbar-menu-button-arrow"></span></button>		`; };
-const block4 = (context) => { return html`<img class="ui5-shellbar-logo" src="${ifDefined(context.logo)}" @click="${context._logoPress}" />				`; };
-const block5 = (context) => { return html`<h1 class="ui5-shellbar-menu-button-title"><bdi class="${classMap(context.classes.title)}">${ifDefined(context.primaryTitle)}</bdi></h1>				`; };
-const block6 = (context) => { return html`<svg @click="${context._coPilotPress}" width="44" height="44" viewBox="-150 -150 300 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="ui5-shellbar-coPilot">${blockSVG1(context)}</svg>`; };
+const block0 = (context) => { return html`<div class="${classMap(context.classes.wrapper)}" dir="${ifDefined(context.rtl)}" role="banner" aria-label="${ifDefined(context._shellbarText)}"><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-left">${ context.startButton.length ? block1(context) : undefined }${ context.hasFocusableLogo ? block2(context) : undefined }${ context.showArrowDown ? block3(context) : undefined }<h2 class="ui5-shellbar-secondary-title">${ifDefined(context.secondaryTitle)}</h2></div><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-middle">${ context.showCoPilot ? block6(context) : block9(context) }</div><div id="${ifDefined(context._id)}-searchfield-wrapper" class="ui5-shellbar-search-field" style="${styleMap(context.styles.searchField)}">${ context.searchField.length ? block10(context) : undefined }</div><div class="ui5-shellbar-overflow-container ui5-shellbar-overflow-container-right"><div class="ui5-shellbar-overflow-container-right-child">${ context.hasSearchField ? block11(context) : undefined }${ repeat(context.customItemsInfo, (item, index) => item._id || index, (item, index) => block12(item, index, context)) }${ context.showNotifications ? block13(context) : undefined }<ui5-button id="${ifDefined(context._id)}-item-5" style="${styleMap(context.styles.items.overflow)}" class="${classMap(context.classes.items.overflow)} ui5-shellbar-button ui5-shellbar-overflow-button-shown ui5-shellbar-overflow-button" icon="sap-icon://overflow" @click="${context._handleOverflowPress}" aria-label="${ifDefined(context._overflowText)}" ._buttonAccInfo="${ifDefined(context.accInfo.overflow)}"></ui5-button>${ context.hasProfile ? block14(context) : undefined }${ context.showProductSwitch ? block15(context) : undefined }</div></div></div>`; };
+const block1 = (context) => { return html`<slot name="startButton"></slot>`; };
+const block2 = (context) => { return html`<img class="ui5-shellbar-logo" src="${ifDefined(context.logo)}" @click="${context._logoPress}" role="button" aria-label="${ifDefined(context._logoText)}" title="${ifDefined(context._logoText)}" @keydown="${context._logoKeydown}" @keyup="${context._logoKeyup}" tabindex="0" />`; };
+const block3 = (context) => { return html`<button tabindex="${ifDefined(context.menuBtnTabindex)}" class="${classMap(context.classes.button)}" @click="${context._header.press}" aria-haspopup="${ifDefined(context.menuBtnHasPopup)}" aria-expanded="${ifDefined(context.menuPopoverExpanded)}">${ context.hasNonFocusableLogo ? block4(context) : undefined }${ context.primaryTitle ? block5(context) : undefined }<span class="ui5-shellbar-menu-button-arrow"></span></button>`; };
+const block4 = (context) => { return html`<img class="ui5-shellbar-logo" src="${ifDefined(context.logo)}" aria-label="${ifDefined(context._logoText)}" title="${ifDefined(context._logoText)}"/>`; };
+const block5 = (context) => { return html`<h1 class="ui5-shellbar-menu-button-title"><bdi class="${classMap(context.classes.title)}">${ifDefined(context.primaryTitle)}</bdi></h1>`; };
+const block6 = (context) => { return html`<div class="ui5-shellbar-copilot-wrapper" tabindex="0" aria-label="${ifDefined(context._copilotText)}" title="${ifDefined(context._copilotText)}" @keydown="${context._coPilotKeydown}" @keyup="${context._coPilotKeyup}" ?active="${context.coPilotActive}"><svg @click="${context._coPilotClick}" focusable="false" width="44" role="presentation" aria-hidden="true" height="44" viewBox="-150 -150 300 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="ui5-shellbar-coPilot">${blockSVG1(context)}</svg></div>`; };
 const block7 = (context) => { return svg`<animateTransform attributeName="transform" type="rotate" from="54" to="416" dur="15s" repeatCount="indefinite"/>`; };
 const block8 = (context) => { return svg`<animateTransform attributeName="transform" type="rotate" from="90" to="450" dur="30s" repeatCount="indefinite"/>`; };
-const block9 = (context) => { return html`<span class="ui5-shellbar-co-pilot-placeholder"></span>		`; };
-const block10 = (item, index, context) => { return html`${ item.icon ? block11(item, index, context) : block12(item, index, context) }`; };
-const block11 = (item, index, context) => { return html`<ui5-icon						tabindex="${ifDefined(item._tabIndex)}"						data-count="${ifDefined(item.count)}"						data-ui5-notification-count="${ifDefined(context.notificationCount)}"						data-ui5-external-action-item-id="${ifDefined(item.refItemid)}"						class="${ifDefined(item.classes)}"						name="${ifDefined(item.icon)}"						id="${ifDefined(item.id)}"						style="${ifDefined(item.style)}"						@click=${item.press}></ui5-icon>				`; };
-const block12 = (item, index, context) => { return html`<slot						name="profile"						id="${ifDefined(item.id)}"						style="${ifDefined(item.style)}"						class="${ifDefined(item.classes)}"						tabindex="${ifDefined(item._tabIndex)}"						@click=${item.press}					></slot>				`; };
-const block13 = (context) => { return html`<slot name="searchField"></slot>		`; };
+const block9 = (context) => { return html`<span class="ui5-shellbar-co-pilot-placeholder"></span>`; };
+const block10 = (context) => { return html`<slot name="searchField"></slot>`; };
+const block11 = (context) => { return html`<ui5-button id="${ifDefined(context._id)}-item-1" class="${classMap(context.classes.items.search)} ui5-shellbar-button ui5-shellbar-search-button" icon="sap-icon://search" data-ui5-text="Search" data-ui5-notification-count="${ifDefined(context.notificationCount)}" @click=${context._handleSearchIconPress} aria-label="${ifDefined(context._searchText)}" ._buttonAccInfo="${ifDefined(context.accInfo.search)}"></ui5-button>`; };
+const block12 = (item, index, context) => { return html`<ui5-button id="${ifDefined(item.id)}" style="${ifDefined(item.style)}" class="${ifDefined(item.classes)}" icon="${ifDefined(item.icon)}" data-count="${ifDefined(item.count)}" data-ui5-notification-count="${ifDefined(context.notificationCount)}" data-ui5-external-action-item-id="${ifDefined(item.refItemid)}" @click=${item.press}></ui5-button>`; };
+const block13 = (context) => { return html`<ui5-button id="${ifDefined(context._id)}-item-2" style="${styleMap(context.styles.items.notification)}" class="${classMap(context.classes.items.notification)} ui5-shellbar-button ui5-shellbar-bell-button" icon="sap-icon://bell" data-ui5-text="Notifications" data-ui5-notification-count="${ifDefined(context.notificationCount)}" @click=${context._handleNotificationsPress} aria-label="${ifDefined(context._notificationsText)}" ._buttonAccInfo="${ifDefined(context.accInfo.notifications)}"></ui5-button>`; };
+const block14 = (context) => { return html`<ui5-button profile-btn id="${ifDefined(context._id)}-item-3" @click=${context._handleProfilePress} style="${styleMap(context.styles.items.profile)}" aria-label="${ifDefined(context._profileText)}" ._buttonAccInfo="${ifDefined(context.accInfo.profile)}" class="ui5-shellbar-button ui5-shellbar-image-button"><slot name="profile"></slot></ui5-button>`; };
+const block15 = (context) => { return html`<ui5-button id="${ifDefined(context._id)}-item-4" style="${styleMap(context.styles.items.product)}" class="${classMap(context.classes.items.product)} ui5-shellbar-button ui5-shellbar-button-product-switch" icon="sap-icon://grid" data-ui5-text="Product Switch" @click=${context._handleProductSwitchPress} aria-label="${ifDefined(context._productsText)}" ._buttonAccInfo="${ifDefined(context.accInfo.products)}"></ui5-button>`; };
 
-const blockSVG1 = (context) => {return svg`<defs><linearGradient id="f" x1="0%" x2="100%" y1="100%" y2="0%"><stop offset="0%" stop-color="#c0d9f2" stop-opacity=".87"/><stop offset="80%" stop-color="#fff" stop-opacity=".87"/></linearGradient><linearGradient id="e" x1="0%" x2="100%" y1="100%" y2="0%"><stop offset="0%" stop-color="#b4d2ff" stop-opacity=".16"/><stop offset="80%" stop-color="#fff" stop-opacity=".16"/></linearGradient><linearGradient id="c" x1="0%" x2="100%" y1="100%" y2="0%"><stop offset="0%" stop-color="#b4d2ff" stop-opacity=".1"/><stop offset="80%" stop-color="#fff" stop-opacity=".1"/></linearGradient><path id="d" d="M98.158 0c.158 17.395-9.107 31.335-18.609 45.928-9.21 14.153-18.933 25.29-33.377 34.045C31.427 88.918 17.25 94.39 0 94.273c-17.155-.115-30.823-6.582-45.798-14.949-15.216-8.497-27.76-16.77-37.253-31.375C-92.668 33.158-98.487 17.571-97.179 0c1.233-16.978 12.691-29.086 21.044-43.957 8.456-15.059 12.272-32.152 26.873-41.367 14.76-9.322 31.83-7.68 49.262-6.77 16.897.88 31.86 3.06 46.42 11.693 14.452 8.568 23.18 20.866 32.26 34.976C88.05-30.91 98.014-17.277 98.157 0z"><animate attributeName="d" values="${ifDefined(context.coPilot.animationValues)}" dur="30s" repeatCount="indefinite"/><animateTransform attributeName="transform" type="scale" values="1;1.05;1.05;1.02;1" dur="0.15s" begin="a.mousedown" repeatCount="1" additive="sum"/></path><mask id="b"><circle r="120" fill="#fff"/><circle r="76"/></mask></defs><g mask="url(#b)"><g transform="rotate(54)"><use xlink:href="#d" fill="url(#c)">			${ context.coPilot.animated ? block7(context) : undefined }</use></g><use xlink:href="#d" fill="url(#e)" transform="rotate(74)"/><g transform="rotate(90)"><use xlink:href="#d" fill="url(#f)">			${ context.coPilot.animated ? block8(context) : undefined }</use></g></g><circle cx="0" cy="0" r="76" class="ui5-shellbar-co-pilot-circle" id="a"/>`};
+const blockSVG1 = (context) => {return svg`<defs><linearGradient id="f" x1="0%" x2="100%" y1="100%" y2="0%"><stop offset="0%" stop-color="#c0d9f2" stop-opacity=".87"/><stop offset="80%" stop-color="#fff" stop-opacity=".87"/></linearGradient><linearGradient id="e" x1="0%" x2="100%" y1="100%" y2="0%"><stop offset="0%" stop-color="#b4d2ff" stop-opacity=".16"/><stop offset="80%" stop-color="#fff" stop-opacity=".16"/></linearGradient><linearGradient id="c" x1="0%" x2="100%" y1="100%" y2="0%"><stop offset="0%" stop-color="#b4d2ff" stop-opacity=".1"/><stop offset="80%" stop-color="#fff" stop-opacity=".1"/></linearGradient><path id="d" d="M98.158 0c.158 17.395-9.107 31.335-18.609 45.928-9.21 14.153-18.933 25.29-33.377 34.045C31.427 88.918 17.25 94.39 0 94.273c-17.155-.115-30.823-6.582-45.798-14.949-15.216-8.497-27.76-16.77-37.253-31.375C-92.668 33.158-98.487 17.571-97.179 0c1.233-16.978 12.691-29.086 21.044-43.957 8.456-15.059 12.272-32.152 26.873-41.367 14.76-9.322 31.83-7.68 49.262-6.77 16.897.88 31.86 3.06 46.42 11.693 14.452 8.568 23.18 20.866 32.26 34.976C88.05-30.91 98.014-17.277 98.157 0z"><animate attributeName="d" values="${ifDefined(context.coPilot.animationValues)}" dur="30s" repeatCount="indefinite"/><animateTransform attributeName="transform" type="scale" values="1;1.05;1.05;1.02;1" dur="0.15s" begin="a.mousedown" repeatCount="1" additive="sum"/></path><mask id="b"><circle r="120" fill="#fff"/><circle r="76"/></mask></defs><g mask="url(#b)"><g transform="rotate(54)"><use xlink:href="#d" fill="url(#c)">${ context.coPilot.animated ? block7(context) : undefined }</use></g><use xlink:href="#d" fill="url(#e)" transform="rotate(74)"/><g transform="rotate(90)"><use xlink:href="#d" fill="url(#f)">${ context.coPilot.animated ? block8(context) : undefined }</use></g></g><circle cx="0" cy="0" r="76" class="ui5-shellbar-co-pilot-circle" id="a"/>`};
 export default block0;

dist/generated/themes/ProductSwitch.css.js

@@ -1,9 +0,8 @@
-import "@ui5/webcomponents-theme-base/dist/DefaultTheme.js";
-	
 import { registerThemeProperties } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
 
-import fiori3 from "./sap_fiori_3/parameters-bundle.css.js";
+import defaultThemeBase from "@ui5/webcomponents-theme-base/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js";
+import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 
-registerThemeProperties("@ui5/webcomponents-fiori", "sap_fiori_3", fiori3);
-
-export default ":host{font-family:var(--sapFontFamily);font-size:var(--sapFontMediumSize)}.ui5-product-switch-root{display:flex;flex-wrap:wrap;width:752px;padding:1.25rem .75rem}:host([desktop-columns=\"3\"]) .ui5-product-switch-root{width:564px}@media only screen and (max-width:900px){.ui5-product-switch-root{width:564px}}@media only screen and (max-width:600px){.ui5-product-switch-root,:host([desktop-columns=\"3\"]) .ui5-product-switch-root{flex-direction:column;padding:0;width:100%}}";
+registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3", defaultThemeBase);
+registerThemeProperties("@ui5/webcomponents-fiori", "sap_fiori_3", defaultTheme);
+export default ":host{font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-product-switch-root{display:flex;flex-wrap:wrap;width:752px;padding:1.25rem .75rem}:host([desktop-columns=\"3\"]) .ui5-product-switch-root{width:564px}@media only screen and (max-width:900px){.ui5-product-switch-root{width:564px}}@media only screen and (max-width:600px){.ui5-product-switch-root,:host([desktop-columns=\"3\"]) .ui5-product-switch-root{flex-direction:column;padding:0;width:100%}}";

dist/generated/themes/ProductSwitchItem.css.js

@@ -1,9 +0,8 @@
-import "@ui5/webcomponents-theme-base/dist/DefaultTheme.js";
-	
 import { registerThemeProperties } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
 
-import fiori3 from "./sap_fiori_3/parameters-bundle.css.js";
+import defaultThemeBase from "@ui5/webcomponents-theme-base/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js";
+import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 
-registerThemeProperties("@ui5/webcomponents-fiori", "sap_fiori_3", fiori3);
-
-export default ":host{width:var(--_ui5_product_switch_item_width);height:var(--_ui5_product_switch_item_height);margin:.25rem;border-radius:.25rem;box-sizing:border-box;background:var(--sapList_Background)}:host(:hover){background:var(--sapList_Hover_Background)}:host([active]){background:var(--sapList_HighlightColor)}:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-heading,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{color:var(--sapList_Active_TextColor)}:host([focused]){outline:var(--_ui5_product_switch_item_outline);outline-offset:var(--_ui5_product_switch_item_outline_offset)}:host([active][focused]){outline-color:var(--_ui5_product_switch_item_active_outline_color)}.ui5-product-switch-item-root{user-select:none;-ms-user-select:none;width:100%;height:100%;flex-direction:column;display:flex;align-items:center;text-decoration:none;outline:none;box-sizing:border-box;padding:.5rem;padding-top:4rem;cursor:pointer}:host([icon]) .ui5-product-switch-item-root{padding-top:.5rem}.ui5-product-switch-item-root .ui5-product-switch-item-icon{width:3rem;height:3rem;padding:.75rem;margin-bottom:.5rem;box-sizing:border-box;color:var(--sapContent_IconColor);pointer-events:none}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{display:flex;align-items:center;flex-direction:column;max-width:10.25rem}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-heading,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{line-height:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-heading{font-size:var(--sapMFontHeader6Size);color:var(--sapGroup_TitleTextColor)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}@media only screen and (max-width:600px){:host{margin:0;width:100%;max-width:600px;height:5rem;border-radius:0}.ui5-product-switch-item-root{padding:0 1rem;flex-direction:row}:host([icon]) .ui5-product-switch-item-root{padding-top:0}.ui5-product-switch-item-root .ui5-product-switch-item-icon{padding:.875rem;color:var(--sapContent_NonInteractiveIconColor);margin:0 .75rem 0 0}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{align-items:flex-start;max-width:100%}:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content{max-width:calc(100% - 3.75rem)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-heading,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{line-height:normal}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontMediumSize);padding-top:.75rem}}ui5-product-switch-item[focused]{outline:none;position:relative}ui5-product-switch-item[focused] .ui5-product-switch-item-root:after{content:\"\";position:absolute;border-color:var(--_ui5_product_switch_item_outline_color);border-width:var(--_ui5_product_switch_item_outline_width);border-style:dotted;top:var(--_ui5_product_switch_item_outline_offset_positive);bottom:var(--_ui5_product_switch_item_outline_offset_positive);left:var(--_ui5_product_switch_item_outline_offset_positive);right:var(--_ui5_product_switch_item_outline_offset_positive)}ui5-product-switch-item[active][focused] .ui5-product-switch-item-root:after{border-color:var(--_ui5_product_switch_item_active_outline_color)}";
+registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3", defaultThemeBase);
+registerThemeProperties("@ui5/webcomponents-fiori", "sap_fiori_3", defaultTheme);
+export default ":host{width:var(--_ui5_product_switch_item_width);height:var(--_ui5_product_switch_item_height);margin:.25rem;border-radius:.25rem;box-sizing:border-box;background:var(--sapList_Background)}:host(:hover){background:var(--sapList_Hover_Background)}:host([active]){background:var(--sapList_Active_Background)}:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-heading,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{color:var(--sapList_Active_TextColor)}:host([focused]){outline:var(--_ui5_product_switch_item_outline);outline-offset:var(--_ui5_product_switch_item_outline_offset)}:host([active][focused]){outline-color:var(--_ui5_product_switch_item_active_outline_color)}.ui5-product-switch-item-root{user-select:none;-ms-user-select:none;width:100%;height:100%;flex-direction:column;display:flex;align-items:center;text-decoration:none;outline:none;box-sizing:border-box;padding:.5rem;padding-top:4rem;cursor:pointer}:host([icon]) .ui5-product-switch-item-root{padding-top:.5rem}.ui5-product-switch-item-root .ui5-product-switch-item-icon{width:3rem;height:3rem;padding:.75rem;margin-bottom:.5rem;box-sizing:border-box;color:var(--sapContent_IconColor);pointer-events:none}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{display:flex;align-items:center;flex-direction:column;max-width:10.25rem}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-heading,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{line-height:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-heading{font-size:var(--sapMFontHeader6Size);color:var(--sapGroup_TitleTextColor)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}@media only screen and (max-width:600px){:host{margin:0;width:100%;max-width:600px;height:5rem;border-radius:0}.ui5-product-switch-item-root{padding:0 1rem;flex-direction:row}:host([icon]) .ui5-product-switch-item-root{padding-top:0}.ui5-product-switch-item-root .ui5-product-switch-item-icon{padding:.875rem;color:var(--sapContent_NonInteractiveIconColor);margin:0 .75rem 0 0}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{align-items:flex-start;max-width:100%}:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content{max-width:calc(100% - 3.75rem)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-heading,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{line-height:normal}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSize);padding-top:.75rem}}ui5-product-switch-item[focused]{outline:none;position:relative}ui5-product-switch-item[focused] .ui5-product-switch-item-root:after{content:\"\";position:absolute;border-color:var(--_ui5_product_switch_item_outline_color);border-width:var(--_ui5_product_switch_item_outline_width);border-style:dotted;top:var(--_ui5_product_switch_item_outline_offset_positive);bottom:var(--_ui5_product_switch_item_outline_offset_positive);left:var(--_ui5_product_switch_item_outline_offset_positive);right:var(--_ui5_product_switch_item_outline_offset_positive)}ui5-product-switch-item[active][focused] .ui5-product-switch-item-root:after{border-color:var(--_ui5_product_switch_item_active_outline_color)}";

dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js

@@ -1,1 +0,1 @@
-export default ":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_product_switch_item_outline_width:.125rem;--_ui5_product_switch_item_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_outline_offset:-.25rem}";
+export default ":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_product_switch_item_outline_width:.125rem;--_ui5_product_switch_item_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_outline_offset:-.25rem;--ui5_upload_collection_level_2Size:1.375rem;--ui5_upload_collection_level_5Size:1rem;--ui5_upload_collection_drag_overlay_border:0.1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.1875rem solid var(--sapContent_HelpColor);--ui5_upload_collection_drop_overlay_background:transparent;--ui5_upload_collection_progress_indicator_background:var(--sapHighlightColor);--ui5_upload_collection_progress_indicator_error_background:var(--sapHighlightColor)}";

dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js

@@ -1,1 +0,1 @@
-export default ":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_product_switch_item_outline_width:.125rem;--_ui5_product_switch_item_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_outline_offset:-.25rem}";
+export default ":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset_positive:.1875rem;--_ui5_product_switch_item_outline_width:.125rem;--_ui5_product_switch_item_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_outline_offset:-.25rem;--ui5_upload_collection_level_2Size:1.375rem;--ui5_upload_collection_level_5Size:1rem;--ui5_upload_collection_drop_overlay_background:transparent;--ui5_upload_collection_drag_overlay_border:0.1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.1875rem solid var(--sapContent_HelpColor);--ui5_upload_collection_progress_indicator_background:var(--sapHighlightColor);--ui5_upload_collection_progress_indicator_error_background:var(--sapHighlightColor)}";

dist/generated/themes/sap_belize/parameters-bundle.css.js

@@ -1,1 +0,1 @@
-export default ":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem}";
+export default ":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--ui5_upload_collection_level_2Size:1.375rem;--ui5_upload_collection_level_5Size:1rem;--ui5_upload_collection_drag_overlay_border:0.125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background:transparent;--ui5_upload_collection_progress_indicator_background:var(--sapInformativeElementColor);--ui5_upload_collection_progress_indicator_error_background:var(--sapNegativeElementColor)}";

dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js

@@ -1,1 +0,1 @@
-export default ":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem}";
+export default ":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--ui5_upload_collection_level_2Size:1.375rem;--ui5_upload_collection_level_5Size:1rem;--ui5_upload_collection_drag_overlay_border:0.125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background:transparent;--ui5_upload_collection_progress_indicator_background:var(--sapInformativeElementColor);--ui5_upload_collection_progress_indicator_error_background:var(--sapNegativeElementColor)}";

dist/generated/themes/sap_fiori_3/parameters-bundle.css.js

@@ -1,1 +0,1 @@
-export default ":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem}";
+export default ":root{--_ui5_product_switch_item_width:11.25rem;--_ui5_product_switch_item_height:7rem;--_ui5_product_switch_item_outline_width:.0625rem;--_ui5_product_switch_item_outline_color:var(--sapContent_FocusColor);--_ui5_product_switch_item_outline:var(--_ui5_product_switch_item_outline_width) var(--_ui5_product_switch_item_outline_color) dotted;--_ui5_product_switch_item_active_outline_color:var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset:-.1875rem;--_ui5_product_switch_item_outline_offset_positive:.1875rem;--ui5_upload_collection_level_2Size:1.375rem;--ui5_upload_collection_level_5Size:1rem;--ui5_upload_collection_drag_overlay_border:0.125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border:0.125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background:transparent;--ui5_upload_collection_progress_indicator_background:var(--sapInformativeElementColor);--ui5_upload_collection_progress_indicator_error_background:var(--sapNegativeElementColor)}";

dist/generated/themes/ShellBar.css.js

@@ -1,9 +0,8 @@
-import "@ui5/webcomponents-theme-base/dist/DefaultTheme.js";
-	
 import { registerThemeProperties } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
 
-import fiori3 from "./sap_fiori_3/parameters-bundle.css.js";
+import defaultThemeBase from "@ui5/webcomponents-theme-base/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js";
+import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 
-registerThemeProperties("@ui5/webcomponents-fiori", "sap_fiori_3", fiori3);
-
-export default ":host(:not([hidden])){display:inline-block;width:100%}.ui5-shellbar-root{position:relative;display:flex;justify-content:space-between;align-items:center;background:var(--sapShellColor);height:2.75rem;font-family:var(--sapFontFamily);font-size:var(--sapFontMediumSize);font-weight:400;box-sizing:border-box}.ui5-shellbar-button,.ui5-shellbar-image-button,.ui5-shellbar-menu-button,::slotted(ui5-button[slot=startButton]){height:2.25rem;padding:0;margin-left:.5rem;border:none;outline:none;background:transparent;color:var(--sapShell_TextColor);box-sizing:border-box;cursor:pointer;border-radius:.25rem;position:relative;font-size:.75rem;font-weight:700}.ui5-shellbar-button:hover,.ui5-shellbar-image-button:hover,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,::slotted(ui5-button[slot=startButton]:hover){background:var(--sapShell_Hover_Background)}.ui5-shellbar-button:active,.ui5-shellbar-image-button:active,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active,::slotted(ui5-button[slot=startButton][active]){background:var(--sapShell_Active_Background);color:var(--sapShell_Active_TextColor)}.ui5-shellbar-button:focus:after,.ui5-shellbar-image-button:focus:after,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus:after,::slotted(ui5-button[slot=startButton][focused]):after{content:\"\";position:absolute;width:calc(100% - .375rem);height:calc(100% - .375rem);border:1px dotted var(--sapContent_ContrastFocusColor);pointer-events:none;left:2px;top:2px;z-index:1}slot[name=profile]{min-width:0}::slotted(ui5-avatar){min-width:0;width:2.25rem;height:2.25rem;padding:.25rem;background-color:transparent}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button-title{display:inline-block;font-family:var(--sapFontFamily);margin:0;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:auto}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}:host(:not([primary-title])) .ui5-shellbar-menu-button span{margin-left:0}:host([breakpoint-size=S]) .ui5-shellbar-menu-button span{margin-left:.5rem}.ui5-shellbar-secondary-title{display:inline-block;margin:0 .5rem;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);line-height:1rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{display:inline-block;margin-left:.5rem;width:10px;height:10px;width:0;height:0;color:var(--sapShell_InteractiveTextColor);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--sapShell_TextColor)}.ui5-shellbar-overflow-container{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden}.ui5-shellbar-overflow-container-middle{align-self:center;height:2.5rem;width:3rem;flex-shrink:0}@keyframes Behind_layer{0%{transform:rotate(1turn)}}@keyframes Top_layer{0%{transform:rotate(-1turn)}}:host([breakpoint-size=S]) .ui5-shellbar-root{padding:.25rem 1rem}:host([breakpoint-size=S]) ::slotted(ui5-button[slot=startButton]){margin-right:0}:host([breakpoint-size=S]) .ui5-shellbar-search-field{width:200px}:host([breakpoint-size=M]) .ui5-shellbar-root{padding:.25rem 2rem}:host([breakpoint-size=L]) .ui5-shellbar-root{padding:.25rem 2rem}:host([breakpoint-size=XL]) .ui5-shellbar-root{padding:.25rem 3rem}:host([breakpoint-size=XXL]) .ui5-shellbar-root{padding:.25rem 3rem}.ui5-shellbar-logo{cursor:pointer;height:1.675rem}.ui5-shellbar-logo:not([src]){display:none}.ui5-shellbar-button{min-width:2.25rem;font-size:1rem;padding:.625rem}.ui5-shellbar-image-buttonImage{border-radius:50%;width:1.75rem;height:1.75rem;display:flex;background-size:cover}.ui5-shellbar-image-button{display:flex;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;display:inline-flex;padding:0}.ui5-shellbar-overflow-container-left{flex-basis:50%;max-width:calc(50% - 1.5rem);justify-content:flex-start;margin-right:.5rem}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}:host(:not([logo])) .ui5-shellbar-menu-button{margin-left:0}.ui5-shellbar-overflow-container-right{display:block;overflow:hidden;box-sizing:border-box;white-space:nowrap;margin-left:8rem;flex:1}.ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child{display:flex;float:right}.ui5-shellbar-overflow-button{display:none}:host([breakpoint-size=M]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-menu-button-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-overflow-container-right{margin-left:0}.ui5-shellbar-overflow-button-shown{display:inline-block}.ui5-shellbar-hidden-button,.ui5-shellbar-invisible-button{visibility:hidden}.ui5-shellbar-coPilot{background-color:transparent;cursor:pointer}:host(:not([show-search-field])) .ui5-shellbar-search-field{display:none}:host([breakpoint-size=L]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{margin-left:1rem}:host([breakpoint-size=XL]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{margin-left:1rem}:host(:not([notification-count])) .ui5-shellbar-bell-button{position:relative}:host([notification-count]) .ui5-shellbar-bell-button:before,ui5-icon[data-count]:before{position:absolute;width:auto;height:1rem;min-width:1rem;background:var(--sapContent_BadgeBackground);color:var(--sapShell_TextColor);top:.125rem;left:1.5rem;padding:.25rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);font-family:var(--sapFontFamily);z-index:2;box-sizing:border-box}:host([notification-count]) .ui5-shellbar-bell-button:before{content:attr(data-ui5-notification-count)}ui5-icon[data-count]:before{content:attr(data-count)}.ui5-shellbar-menu-button{margin-left:.5rem}.ui5-shellbar-search-field{z-index:101;position:absolute;width:240px;top:.25rem;height:2.25rem}::slotted(ui5-input){background-color:var(--sapShellColor);border:1px solid var(--sapShell_InteractiveBorderColor);color:var(--sapShell_TextColor);height:100%}::slotted(ui5-input:hover){background:var(--sapShell_Hover_Background)}::slotted(ui5-input[focused]){outline:1px dotted var(--sapContent_ContrastFocusColor)}.ui5-shellbar-co-pilot-placeholder{width:2.75rem;height:2.75rem}.ui5-shellbar-co-pilot-circle{fill:var(--sapShellColor)}:host [dir=rtl] ::slotted(ui5-button[slot=startButton]){margin-left:.5rem;margin-right:0}:host [dir=rtl] .ui5-shellbar-menu-button{margin-right:.5rem;margin-left:0}[dir=rtl] .ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{margin-right:.5rem;margin-left:0}[dir=rtl] .ui5-shellbar-overflow-container-right{margin-right:8rem;margin-left:0}[dir=rtl] .ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child{float:left}:host([breakpoint-size=S]) [dir=rtl] .ui5-shellbar-overflow-container-right{margin-right:0}::slotted(ui5-button[slot=startButton]){margin-right:.5rem;margin-left:0;justify-content:center;align-items:center}";
+registerThemeProperties("@ui5/webcomponents-theme-base", "sap_fiori_3", defaultThemeBase);
+registerThemeProperties("@ui5/webcomponents-fiori", "sap_fiori_3", defaultTheme);
+export default ":host(:not([hidden])){display:inline-block;width:100%}.ui5-shellbar-root{position:relative;display:flex;justify-content:space-between;align-items:center;background:var(--sapShellColor);height:2.75rem;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;box-sizing:border-box}.ui5-shellbar-button,.ui5-shellbar-image-button,.ui5-shellbar-menu-button,::slotted(ui5-button[slot=startButton]){height:2.25rem;padding:0;margin-left:.5rem;border:none;background:transparent;outline-color:var(--sapShell_TextColor);color:var(--sapShell_TextColor);box-sizing:border-box;cursor:pointer;border-radius:.25rem;position:relative;font-size:.75rem;font-weight:700;white-space:normal;overflow:initial;text-overflow:clip}.ui5-shellbar-button,.ui5-shellbar-menu-button,::slotted(ui5-button[slot=startButton]){outline:none}.ui5-shellbar-button:hover,.ui5-shellbar-image-button:hover,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,::slotted(ui5-button[slot=startButton]:hover){background:var(--sapShell_Hover_Background)}.ui5-shellbar-button[active],.ui5-shellbar-image-button:active,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active,::slotted(ui5-button[slot=startButton][active]){background:var(--sapShell_Active_Background);color:var(--sapShell_Active_TextColor)}.ui5-shellbar-button[focused]:after,.ui5-shellbar-image-button:focus:after,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus:after,::slotted(ui5-button[slot=startButton][focused]):after{content:\"\";position:absolute;width:calc(100% - .375rem);height:calc(100% - .375rem);border:1px dotted var(--sapContent_ContrastFocusColor);pointer-events:none;left:2px;top:2px;z-index:1}slot[name=profile]{min-width:0}::slotted(ui5-avatar){min-width:0;width:2.25rem;height:2.25rem;padding:.25rem;background-color:transparent;pointer-events:none}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button-title{display:inline-block;font-family:var(--sapFontFamily);margin:0;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:auto}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}:host(:not([primary-title])) .ui5-shellbar-menu-button span{margin-left:0}:host([breakpoint-size=S]) .ui5-shellbar-menu-button span{margin-left:.5rem}.ui5-shellbar-secondary-title{display:inline-block;margin:0 .5rem;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);line-height:1rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{display:inline-block;margin-left:.5rem;width:10px;height:10px;width:0;height:0;color:var(--sapShell_InteractiveTextColor);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--sapShell_TextColor)}.ui5-shellbar-overflow-container{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden}.ui5-shellbar-overflow-container-middle{align-self:center;height:2.5rem;width:3rem;flex-shrink:0}@keyframes Behind_layer{0%{transform:rotate(1turn)}}@keyframes Top_layer{0%{transform:rotate(-1turn)}}:host([breakpoint-size=S]) .ui5-shellbar-root{padding:.25rem 1rem}:host([breakpoint-size=S]) ::slotted(ui5-button[slot=startButton]){margin-right:0}:host([breakpoint-size=S]) .ui5-shellbar-search-field{width:200px}:host([breakpoint-size=M]) .ui5-shellbar-root{padding:.25rem 2rem}:host([breakpoint-size=L]) .ui5-shellbar-root{padding:.25rem 2rem}:host([breakpoint-size=XL]) .ui5-shellbar-root{padding:.25rem 3rem}:host([breakpoint-size=XXL]) .ui5-shellbar-root{padding:.25rem 3rem}.ui5-shellbar-logo{cursor:pointer;height:1.675rem}.ui5-shellbar-logo:focus{outline:1px dotted var(--sapContent_ContrastFocusColor)}.ui5-shellbar-button{width:2.5rem}.ui5-shellbar-image-buttonImage{border-radius:50%;width:1.75rem;height:1.75rem;display:flex;background-size:cover}.ui5-shellbar-image-button{display:flex;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;display:inline-flex;padding:0}.ui5-shellbar-overflow-container-left{flex-basis:50%;max-width:calc(50% - 1.5rem);justify-content:flex-start;margin-right:.5rem}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}:host(:not([logo])) .ui5-shellbar-menu-button{margin-left:0}.ui5-shellbar-overflow-container-right{display:block;overflow:hidden;box-sizing:border-box;white-space:nowrap;margin-left:8rem;flex:1}.ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child{display:flex;float:right}.ui5-shellbar-overflow-button{display:none}:host([breakpoint-size=M]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-logo+.ui5-shellbar-menu-button-title,:host([breakpoint-size=S]) .ui5-shellbar-menu-button+.ui5-shellbar-menu-button-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-overflow-container-right{margin-left:0}.ui5-shellbar-overflow-button-shown{display:inline-block}.ui5-shellbar-hidden-button,.ui5-shellbar-invisible-button{visibility:hidden}.ui5-shellbar-coPilot{background-color:transparent;cursor:pointer}:host(:not([show-search-field])) .ui5-shellbar-search-field{display:none}:host([breakpoint-size=L]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{margin-left:1rem}:host([breakpoint-size=XL]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{margin-left:1rem}:host(:not([notification-count])) .ui5-shellbar-bell-button{position:relative}:host([notification-count]) .ui5-shellbar-bell-button:before,ui5-icon[data-count]:before{position:absolute;width:auto;height:1rem;min-width:1rem;background:var(--sapContent_BadgeBackground);color:var(--sapShell_TextColor);top:.125rem;left:1.5rem;padding:.25rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);font-family:var(--sapFontFamily);z-index:2;box-sizing:border-box}:host([notification-count]) .ui5-shellbar-bell-button:before{content:attr(data-ui5-notification-count)}ui5-icon[data-count]:before{content:attr(data-count)}.ui5-shellbar-menu-button{margin-left:.5rem}.ui5-shellbar-search-field{z-index:101;position:absolute;width:240px;top:.25rem;height:2.25rem}::slotted(ui5-input){background-color:var(--sapShellColor);border:1px solid var(--sapShell_InteractiveBorderColor);color:var(--sapShell_TextColor);height:100%}::slotted(ui5-input[focused]){outline:1px dotted var(--sapContent_ContrastFocusColor)}ui5-input[value-state]:not([readonly]){background:var(--sapShellColor);border:1px solid var(--sapShell_InteractiveBorderColor)}ui5-input:not([value-state]):not([readonly]):hover,ui5-input[value-state]:not([readonly]):hover{background:var(--sapShell_Hover_Background);border:1px solid var(--sapShell_InteractiveBorderColor)}ui5-input[value-state]:not([value-stat=None])[focused]{outline:1px dotted var(--sapContent_ContrastFocusColor)}.ui5-shellbar-copilot-wrapper{position:relative;outline:none;box-sizing:border-box}.ui5-shellbar-copilot-wrapper:hover{background:var(--sapShell_Hover_Background)}.ui5-shellbar-copilot-wrapper:active,.ui5-shellbar-copilot-wrapper[active]{background:var(--sapShell_Active_Background)}.ui5-shellbar-copilot-wrapper:focus:after{content:\"\";position:absolute;width:100%;height:calc(100% - .75rem);border:1px dotted var(--sapContent_ContrastFocusColor);pointer-events:none;left:0;top:.25rem;z-index:1}.ui5-shellbar-co-pilot-placeholder{width:2.75rem;height:2.75rem}.ui5-shellbar-co-pilot-circle{fill:var(--sapShellColor)}:host [dir=rtl] ::slotted(ui5-button[slot=startButton]){margin-left:.5rem;margin-right:0}:host [dir=rtl] .ui5-shellbar-menu-button{margin-right:.5rem;margin-left:0}[dir=rtl] .ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{margin-right:.5rem;margin-left:0}[dir=rtl] .ui5-shellbar-overflow-container-right{margin-right:8rem;margin-left:0}[dir=rtl] .ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child{float:left}:host([breakpoint-size=S]) [dir=rtl] .ui5-shellbar-overflow-container-right{margin-right:0}::slotted(ui5-button[slot=startButton]){margin-right:.5rem;margin-left:0;justify-content:center;align-items:center}::slotted(ui5-button[profile-btn]){width:auto}";

dist/ProductSwitchItem.js

 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { isSpace, isEnter } from "@ui5/webcomponents-base/dist/Keys.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+
 import ProductSwitchItemTemplate from "./generated/templates/ProductSwitchItemTemplate.lit.js";
-
 // Styles
@@ -24,2 +25,3 @@ import ProductSwitchItemCss from "./generated/themes/ProductSwitchItem.css.js";
 		},
+
 		/**
@@ -34,2 +36,3 @@ * Defines the subtitle of the <code>ui5-product-switch-item</code>.
 		},
+
 		/**
@@ -51,5 +54,15 @@ * Defines the icon to be displayed as a graphical element within the <code>ui5-product-switch-item</code>.
 		},
+
 		/**
-		 * Specifies a target where the <code>targetSrc</code> content must be open.
-		 * Options are the standard values for window.open() supported by browsers: _self, _top, _blank, _parent, _search. Alternatively, a frame name can be entered.
+		 * 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>
+		 *
 		 * @type {string}
@@ -63,2 +76,3 @@ * @defaultvalue "_self"
 		},
+
 		/**
@@ -73,2 +87,3 @@ * Defines the <code>ui5-product-switch-item</code> target URI. Supports standard hyperlink behavior.
 		},
+
 		/**
@@ -81,2 +96,3 @@ * Used to switch the active state (pressed or not) of the <code>ui5-product-switch-item</code>.
 		},
+
 		/**
@@ -89,2 +105,3 @@ * Indicates whether the element is focused.
 		},
+
 		_tabIndex: {
@@ -207,2 +224,6 @@ type: String,
 	}
+
+	static async onDefine() {
+		await Icon.define();
+	}
 }
@@ -209,0 +230,0 @@

dist/ShellBar.js

 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
-import ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
 import { getFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
 import AnimationMode from "@ui5/webcomponents-base/dist/types/AnimationMode.js";
 import { getAnimationMode } from "@ui5/webcomponents-base/dist/config/AnimationMode.js";
-import { isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
 import { getRTL } from "@ui5/webcomponents-base/dist/config/RTL.js";
+import { isSpace, isEnter } from "@ui5/webcomponents-base/dist/Keys.js";
 import StandardListItem from "@ui5/webcomponents/dist/StandardListItem.js";
 import List from "@ui5/webcomponents/dist/List.js";
 import Popover from "@ui5/webcomponents/dist/Popover.js";
-import Icon from "@ui5/webcomponents/dist/Icon.js";
+import Button from "@ui5/webcomponents/dist/Button.js";
+import { fetchI18nBundle, getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import "@ui5/webcomponents-icons/dist/icons/search.js";
@@ -19,2 +19,13 @@ import "@ui5/webcomponents-icons/dist/icons/bell.js";
 
+import {
+	SHELLBAR_LABEL,
+	SHELLBAR_LOGO,
+	SHELLBAR_COPILOT,
+	SHELLBAR_NOTIFICATIONS,
+	SHELLBAR_PROFILE,
+	SHELLBAR_PRODUCTS,
+	SHELLBAR_SEARCH,
+	SHELLBAR_OVERFLOW,
+} from "./generated/i18n/i18n-defaults.js";
+
 // Templates
@@ -37,2 +48,3 @@ import ShellBarTemplate from "./generated/templates/ShellBarTemplate.lit.js";
 		 * @type {string}
+		 * @defaultvalue ""
 		 * @public
@@ -49,3 +61,3 @@ */
 		 * @type {string}
-		 * @defaultvalue: ""
+		 * @defaultvalue ""
 		 * @public
@@ -62,3 +74,3 @@ */
 		 * @type {string}
-		 * @defaultvalue: ""
+		 * @defaultvalue ""
 		 * @public
@@ -74,3 +86,3 @@ */
 		 * @type {string}
-		 * @defaultvalue: ""
+		 * @defaultvalue ""
 		 * @public
@@ -85,2 +97,3 @@ */
 		 * @type {boolean}
+		 * @defaultvalue false
 		 * @public
@@ -128,2 +141,6 @@ */
 
+		coPilotActive: {
+			type: Boolean,
+		},
+
 		_itemsInfo: {
@@ -146,5 +163,13 @@ type: Object,
 		_menuPopoverItems: {
-			type: Array,
-			defaultValue: [],
+			type: String,
+			multiple: true,
 		},
+		_menuPopoverExpanded: {
+			type: Boolean,
+			noAttribute: true,
+		},
+		_overflowPopoverExpanded: {
+			type: Boolean,
+			noAttribute: true,
+		},
 	},
@@ -250,2 +275,3 @@ managedSlots: true,
 		 * Fired, when the product switch icon is activated.
+		 * <b>Note:</b> You can prevent closing of oveflow popover by calling <code>event.preventDefault()</code>.
 		 *
@@ -292,2 +318,3 @@ * @event
 		 * Fired, when a menu item is activated
+		 * <b>Note:</b> You can prevent closing of oveflow popover by calling <code>event.preventDefault()</code>.
 		 *
@@ -377,10 +404,6 @@ * @event
 
-		const that = this;
-
 		this._actionList = {
 			itemPress: event => {
-				const popover = this.getStaticAreaItemDomRef().querySelector(".ui5-shellbar-overflow-popover");
-
 				if (!this._defaultItemPressPrevented) {
-					popover.close();
+					this.overflowPopover.close();
 				}
@@ -392,12 +415,13 @@
 
+		this.menuItemsObserver = new MutationObserver(() => {
+			this._updateClonedMenuItems();
+		});
+
 		this._header = {
-			press: event => {
-				const menuPopover = this.getStaticAreaItemDomRef().querySelector(".ui5-shellbar-menu-popover");
+			press: async () => {
+				this._updateClonedMenuItems();
 
-				if (this.menuItems.length) {
-					this._menuPopoverItems = [];
-					this.menuItems.forEach(item => {
-						this._menuPopoverItems.push(item.textContent);
-					});
+				if (this.hasMenuItems) {
 					this.updateStaticAreaItemContentDensity();
+					const menuPopover = await this._getMenuPopover();
 					menuPopover.openBy(this.shadowRoot.querySelector(".ui5-shellbar-menu-button"));
@@ -408,47 +432,2 @@ }
 
-		this._itemNav = new ItemNavigation(this);
-
-		this._itemNav.getItemsCallback = () => {
-			const items = that._itemsInfo.filter(info => {
-				const isVisible = info.classes.indexOf("ui5-shellbar-hidden-button") === -1;
-				const isSet = info.classes.indexOf("ui5-shellbar-invisible-button") === -1;
-				return isVisible && isSet;
-			}).sort((item1, item2) => {
-				if (item1.domOrder < item2.domOrder) {
-					return -1;
-				}
-
-				if (item1.domOrder > item2.domOrder) {
-					return 1;
-				}
-
-				return 0;
-			});
-
-			this._itemNav.rowSize = items.length;
-
-			return items.map(item => {
-				const clone = JSON.parse(JSON.stringify(item));
-				clone.press = item.press;
-
-				return clone;
-			});
-		};
-
-		this._itemNav.setItemsCallback = items => {
-			const newItems = that._itemsInfo.map(stateItem => {
-				const mappingItem = items.find(item => {
-					return item.id === stateItem.id;
-				});
-
-				const clone = JSON.parse(JSON.stringify(stateItem));
-				clone._tabIndex = mappingItem ? mappingItem._tabIndex : "-1";
-				clone.press = stateItem.press;
-
-				return clone;
-			});
-
-			that._updateItemsInfo(newItems);
-		};
-
 		this._searchField = {
@@ -458,6 +437,9 @@ left: 0,
 
-		this._handleResize = event => {
-			this.getStaticAreaItemDomRef().querySelector(".ui5-shellbar-overflow-popover").close();
+		this._handleResize = async event => {
+			await this._getResponsivePopover();
+			this.overflowPopover.close();
 			this._overflowActions();
 		};
+
+		this.i18nBundle = getI18nBundle("@ui5/webcomponents-fiori");
 	}
@@ -468,6 +450,6 @@
 			item: event.detail.item,
-		});
+		}, true);
 	}
 
-	_logoPress(event) {
+	_logoPress() {
 		this.fireEvent("logoClick", {
@@ -478,3 +460,36 @@ targetRef: this.shadowRoot.querySelector(".ui5-shellbar-logo"),
 
-	_coPilotPress(event) {
+	_menuPopoverBeforeOpen() {
+		this._menuPopoverExpanded = true;
+	}
+
+	_menuPopoverAfterClose() {
+		this._menuPopoverExpanded = false;
+	}
+
+	_overflowPopoverBeforeOpen() {
+		this._overflowPopoverExpanded = true;
+	}
+
+	_overflowPopoverAfterClose() {
+		this._overflowPopoverExpanded = false;
+	}
+
+	_logoKeyup(event) {
+		if (isSpace(event)) {
+			this._logoPress();
+		}
+	}
+
+	_logoKeydown(event) {
+		if (isSpace(event)) {
+			event.preventDefault();
+			return;
+		}
+
+		if (isEnter(event)) {
+			this._logoPress();
+		}
+	}
+
+	_fireCoPilotClick() {
 		this.fireEvent("coPilotClick", {
@@ -485,2 +500,26 @@ targetRef: this.shadowRoot.querySelector(".ui5-shellbar-coPilot"),
 
+	_coPilotClick() {
+		this._fireCoPilotClick();
+	}
+
+	_coPilotKeydown(event) {
+		if (isSpace(event)) {
+			this.coPilotActive = true;
+			event.preventDefault();
+			return;
+		}
+
+		if (isEnter(event)) {
+			this.coPilotActive = true;
+			this._fireCoPilotClick();
+		}
+	}
+
+	_coPilotKeyup(event) {
+		if (isSpace(event)) {
+			this._fireCoPilotClick();
+		}
+		this.coPilotActive = false;
+	}
+
 	onBeforeRendering() {
@@ -498,2 +537,4 @@ const animationsOn = getAnimationMode() === AnimationMode.Full;
 		});
+
+		this._observeMenuItems();
 	}
@@ -503,6 +544,2 @@
 		this._overflowActions();
-
-		if (this._focusedItem) {
-			this._focusedItem._tabIndex = "0";
-		}
 	}
@@ -516,6 +553,4 @@
 	closeOverflow() {
-		const popover = this.getStaticAreaItemDomRef().querySelector(".ui5-shellbar-overflow-popover");
-
-		if (popover) {
-			popover.close();
+		if (this.overflowPopover) {
+			this.overflowPopover.close();
 		}
@@ -544,3 +579,3 @@ }
 			const isImageIcon = info.classes.indexOf("ui5-shellbar-image-button") !== -1;
-			const shouldStayOnScreen = isOverflowIcon || (isImageIcon && this.profile);
+			const shouldStayOnScreen = isOverflowIcon || (isImageIcon && this.hasProfile);
 
@@ -575,12 +610,2 @@ return Object.assign({}, info, {
 
-		items.map(item => {
-			this._itemsInfo.forEach(stateItem => {
-				if (stateItem.id === item.id) {
-					item._tabIndex = stateItem._tabIndex;
-				}
-			});
-
-			return item;
-		});
-
 		const itemsByPriority = items.sort((item1, item2) => {
@@ -598,4 +623,2 @@ if (item1.priority > item2.priority) {
 
-		const focusableItems = [];
-
 		for (let i = 0; i < itemsByPriority.length; i++) {
@@ -605,37 +628,8 @@ if (i < overflowCount) {
 				itemsByPriority[i].style = `order: -1`;
-			} else {
-				focusableItems.push(itemsByPriority[i]);
 			}
 		}
 
-		this._focusedItem = this._findInitiallyFocusedItem(focusableItems);
-
 		return itemsByPriority;
 	}
 
-	_findInitiallyFocusedItem(items) {
-		items.sort((item1, item2) => {
-			const order1 = parseInt(item1.style.split("order: ")[1]);
-			const order2 = parseInt(item2.style.split("order: ")[1]);
-
-			if (order1 === order2) {
-				return 0;
-			}
-
-			if (order1 < order2) {
-				return -1;
-			}
-
-			return 1;
-		});
-
-		const focusedItem = items.find(item => {
-			return (item.classes.indexOf("ui5-shellbar-invisible-button") === -1)
-				&& (item.classes.indexOf("ui5-shellbar-overflow-button") === -1)
-				&& (item.classes.indexOf("ui5-shellbar-hidden-button") === -1);
-		});
-
-		return focusedItem;
-	}
-
 	_overflowActions() {
@@ -653,14 +647,7 @@ const size = this._handleBarBreakpoints();
 	_toggleActionPopover() {
-		const popover = this.getStaticAreaItemDomRef().querySelector(".ui5-shellbar-overflow-popover");
 		const overflowButton = this.shadowRoot.querySelector(".ui5-shellbar-overflow-button");
 		this.updateStaticAreaItemContentDensity();
-		popover.openBy(overflowButton);
+		this.overflowPopover.openBy(overflowButton);
 	}
 
-	_onkeydown(event) {
-		if (isSpace(event)) {
-			event.preventDefault();
-		}
-	}
-
 	onEnterDOM() {
@@ -671,2 +658,3 @@ ResizeHandler.register(this, this._handleResize);
 	onExitDOM() {
+		this.menuItemsObserver.disconnect();
 		ResizeHandler.deregister(this, this._handleResize);
@@ -699,7 +687,15 @@ }
 
+
+		const inputSlot = searchField.children[0];
+		const input = inputSlot && inputSlot.assignedNodes()[0];
+
+		// update the state immediately
+		if (input) {
+			input.focused = true;
+		}
+
+		// move the focus later
 		setTimeout(() => {
-			const inputSlot = searchField.children[0];
-
-			if (inputSlot) {
-				inputSlot.assignedNodes()[0].focus();
+			if (input) {
+				input.focus();
 			}
@@ -711,11 +707,3 @@ }, 100);
 		const refItemId = event.target.getAttribute("data-ui5-external-action-item-id");
-		const actions = this.shadowRoot.querySelectorAll(".ui5-shellbar-custom-item");
-		let elementIndex = [].indexOf.apply(actions, [event.target]);
 
-		if (this.searchField.length) {
-			elementIndex += 1;
-		}
-
-		this._itemNav.currentIndex = elementIndex;
-
 		if (refItemId) {
@@ -737,5 +725,7 @@ const shellbarItem = this.items.find(item => {
 	_handleNotificationsPress(event) {
-		this.fireEvent("notificationsClick", {
-			targetRef: this.shadowRoot.querySelector(".ui5-shellbar-bell-button"),
-		});
+		const notificationIconRef = this.shadowRoot.querySelector(".ui5-shellbar-bell-button");
+
+		this._defaultItemPressPrevented = !this.fireEvent("notificationsClick", {
+			targetRef: notificationIconRef.classList.contains("ui5-shellbar-hidden-button") ? event.target : notificationIconRef,
+		}, true);
 	}
@@ -750,5 +740,7 @@
 	_handleProductSwitchPress(event) {
-		this.fireEvent("productSwitchClick", {
-			targetRef: this.shadowRoot.querySelector(".ui5-shellbar-button-product-switch"),
-		});
+		const buttonRef = this.shadowRoot.querySelector(".ui5-shellbar-button-product-switch");
+
+		this._defaultItemPressPrevented = !this.fireEvent("productSwitchClick", {
+			targetRef: buttonRef.classList.contains("ui5-shellbar-hidden-button") ? event.target : buttonRef,
+		}, true);
 	}
@@ -773,3 +765,2 @@
 				press: this._handleSearchIconPress.bind(this),
-				_tabIndex: "-1",
 			},
@@ -789,3 +780,3 @@ ...this.items.map((item, index) => {
 					press: this._handleCustomActionPress.bind(this),
-					_tabIndex: "-1",
+					custom: true,
 				};
@@ -803,3 +794,2 @@ }),
 				press: this._handleNotificationsPress.bind(this),
-				_tabIndex: "-1",
 			},
@@ -816,3 +806,2 @@ {
 				press: this._handleOverflowPress.bind(this),
-				_tabIndex: "-1",
 				show: true,
@@ -822,12 +811,10 @@ },
 				text: "Person",
-				classes: `${this.profile ? "" : "ui5-shellbar-invisible-button"} ui5-shellbar-image-button ui5-shellbar-button`,
+				classes: `${this.hasProfile ? "" : "ui5-shellbar-invisible-button"} ui5-shellbar-image-button ui5-shellbar-button`,
 				priority: 4,
-				subclasses: "ui5-shellbar-image-buttonImage",
-				style: `order: ${this.profile ? 5 : -10};`,
+				style: `order: ${this.hasProfile ? 5 : -10};`,
 				profile: true,
 				id: `${this._id}-item-${3}`,
-				domOrder: this.profile ? (++domOrder) : -1,
-				show: this.profile,
+				domOrder: this.hasProfile ? (++domOrder) : -1,
+				show: this.hasProfile,
 				press: this._handleProfilePress.bind(this),
-				_tabIndex: "-1",
 			},
@@ -844,3 +831,2 @@ {
 				press: this._handleProductSwitchPress.bind(this),
-				_tabIndex: "-1",
 			},
@@ -858,2 +844,47 @@ ];
 
+	_updateClonedMenuItems() {
+		this._menuPopoverItems = [];
+
+		this.menuItems.forEach(item => {
+			// clone the menuItem and remove the slot="menuItems",
+			// otherwise would not be slotted in the internal ui5-li
+			const clonedItem = item.cloneNode(true);
+			clonedItem.removeAttribute("slot");
+
+			this._menuPopoverItems.push(clonedItem);
+		});
+	}
+
+	_observeMenuItems() {
+		this.menuItems.forEach(item => {
+			this.menuItemsObserver.observe(item, {
+				characterData: true,
+				childList: true,
+				subtree: true,
+				attributes: true,
+			});
+		});
+	}
+
+	async _getResponsivePopover() {
+		const staticAreaItem = await this.getStaticAreaItemDomRef();
+		this.overflowPopover = staticAreaItem.querySelector(".ui5-shellbar-overflow-popover");
+		this.menuPopover = staticAreaItem.querySelector(".ui5-shellbar-menu-popover");
+	}
+
+	async _getMenuPopover() {
+		const staticAreaItem = await this.getStaticAreaItemDomRef();
+		return staticAreaItem.querySelector(".ui5-shellbar-menu-popover");
+	}
+
+	isIconHidden(name) {
+		const itemInfo = this._itemsInfo.find(item => item.icon === name);
+
+		if (!itemInfo) {
+			return false;
+		}
+
+		return itemInfo.classes.indexOf("ui5-shellbar-hidden-button") !== -1;
+	}
+
 	get classes() {
@@ -866,5 +897,19 @@ return {
 			button: {
-				"ui5-shellbar-menu-button--interactive": !!this.menuItems.length,
+				"ui5-shellbar-menu-button--interactive": this.hasMenuItems,
 				"ui5-shellbar-menu-button": true,
 			},
+			items: {
+				notification: {
+					"ui5-shellbar-hidden-button": this.isIconHidden("bell"),
+				},
+				product: {
+					"ui5-shellbar-hidden-button": this.isIconHidden("grid"),
+				},
+				search: {
+					"ui5-shellbar-hidden-button": this.isIconHidden("search"),
+				},
+				overflow: {
+					"ui5-shellbar-hidden-button": this.isIconHidden("overflow"),
+				},
+			},
 		};
@@ -879,11 +924,37 @@ }
 			},
+			items: {
+				notification: {
+					"order": this.isIconHidden("bell") ? "-1" : "3",
+				},
+				overflow: {
+					"order": this.isIconHidden("overflow") ? "-1" : "4",
+				},
+				profile: {
+					"order": this.hasProfile ? "5" : "-1",
+				},
+				product: {
+					"order": this.isIconHidden("grid") ? "-1" : "6",
+				},
+			},
 		};
 	}
 
-	get interactiveLogo() {
-		return this.breakpointSize === "S";
+	get customItemsInfo() {
+		return this._itemsInfo.filter(itemInfo => !!itemInfo.custom);
 	}
 
+	get nonFocusableLogo() {
+		return this.breakpointSize === "S" && this.hasMenuItems;
+	}
+
+	get hasFocusableLogo() {
+		return this.logo && !this.nonFocusableLogo;
+	}
+
+	get hasNonFocusableLogo() {
+		return this.logo && this.nonFocusableLogo;
+	}
+
 	get showArrowDown() {
-		return this.primaryTitle || (this.logo && this.interactiveLogo);
+		return this.primaryTitle || this.hasInteractvieLogo;
 	}
@@ -899,5 +970,85 @@
 
+	get hasSearchField() {
+		return !!this.searchField.length;
+	}
+
+	get hasProfile() {
+		return !!this.profile.length;
+	}
+
+	get hasMenuItems() {
+		return this.menuItems.length > 0;
+	}
+
+	get menuBtnHasPopup() {
+		return this.hasMenuItems ? true : undefined;
+	}
+
+	get menuBtnTabindex() {
+		return this.hasMenuItems ? "0" : "-1";
+	}
+
+	get menuPopoverExpanded() {
+		return this.hasMenuItems ? this._menuPopoverExpanded : undefined;
+	}
+
+	get _shellbarText() {
+		return this.i18nBundle.getText(SHELLBAR_LABEL);
+	}
+
+	get _logoText() {
+		return this.i18nBundle.getText(SHELLBAR_LOGO);
+	}
+
+	get _copilotText() {
+		return this.i18nBundle.getText(SHELLBAR_COPILOT);
+	}
+
+	get _notificationsText() {
+		return this.i18nBundle.getText(SHELLBAR_NOTIFICATIONS, this.notificationCount);
+	}
+
+	get _profileText() {
+		return this.i18nBundle.getText(SHELLBAR_PROFILE);
+	}
+
+	get _productsText() {
+		return this.i18nBundle.getText(SHELLBAR_PRODUCTS);
+	}
+
+	get _searchText() {
+		return this.i18nBundle.getText(SHELLBAR_SEARCH);
+	}
+
+	get _overflowText() {
+		return this.i18nBundle.getText(SHELLBAR_OVERFLOW);
+	}
+
+	get accInfo() {
+		return {
+			notifications: {
+				"title": this._notificationsText,
+			},
+			profile: {
+				"title": this._profileText,
+			},
+			products: {
+				"title": this._productsText,
+			},
+			search: {
+				"ariaExpanded": this.showSearchField,
+				"title": this._searchText,
+			},
+			overflow: {
+				"title": this._overflowText,
+				"ariaHaspopup": true,
+				"ariaExpanded": this._overflowPopoverExpanded,
+			},
+		};
+	}
+
 	static async onDefine() {
 		await Promise.all([
-			Icon.define(),
+			fetchI18nBundle("@ui5/webcomponents-fiori"),
+			Button.define(),
 			List.define(),
@@ -904,0 +1055,0 @@ Popover.define(),

dist/ShellBarItem.js

@@ -16,2 +16,3 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 		 * @type {string}
+		 * @defaultvalue ""
 		 * @public
@@ -26,3 +27,3 @@ */
 		 * @type {string}
-		 * @defaulValue ""
+		 * @defaultvalue ""
 		 * @public
@@ -29,0 +30,0 @@ */

package.json

 {
   "name": "@ui5/webcomponents-fiori",
-  "version": "0.0.0-07460127d",
+  "version": "0.0.0-0fcda382e",
   "description": "UI5 Web Components: webcomponents.fiori",
@@ -28,10 +28,10 @@ "author": "SAP SE (https://www.sap.com)",
   "dependencies": {
-    "@ui5/webcomponents": "0.0.0-07460127d",
-    "@ui5/webcomponents-icons": "0.0.0-07460127d",
-    "@ui5/webcomponents-theme-base": "0.0.0-07460127d",
-    "@ui5/webcomponents-base": "0.0.0-07460127d"
+    "@ui5/webcomponents": "0.0.0-0fcda382e",
+    "@ui5/webcomponents-base": "0.0.0-0fcda382e",
+    "@ui5/webcomponents-icons": "0.0.0-0fcda382e",
+    "@ui5/webcomponents-theme-base": "0.0.0-0fcda382e"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "0.0.0-07460127d"
+    "@ui5/webcomponents-tools": "0.0.0-0fcda382e"
   }
 }

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3157739

increased by4.66%

Number of package files

111

increased by122%

Lines of code

5442

increased by58.06%

Worsened metrics

Number of low supply chain risk alerts

6

increased by200%

Dependency changes

• + Added@sap-theming/theming-base-content@11.1.19(transitive)

• + Added@ui5/webcomponents@0.0.0-0fcda382e(transitive)

• + Added@ui5/webcomponents-base@0.0.0-0fcda382e(transitive)

• + Added@ui5/webcomponents-icons@0.0.0-0fcda382e(transitive)

• + Added@ui5/webcomponents-localization@0.0.0-0fcda382e(transitive)

• + Added@ui5/webcomponents-theme-base@0.0.0-0fcda382e(transitive)

• - Removed@ui5/webcomponents@0.0.0-07460127d(transitive)

• - Removed@ui5/webcomponents-base@0.0.0-07460127d(transitive)

• - Removed@ui5/webcomponents-icons@0.0.0-07460127d(transitive)

• - Removed@ui5/webcomponents-theme-base@0.0.0-07460127d(transitive)

• - Removed@ui5/webcomponents-utils@0.0.0-07460127d(transitive)

• Updated@ui5/webcomponents@0.0.0-0fcda382e

• Updated@ui5/webcomponents-base@0.0.0-0fcda382e

• Updated@ui5/webcomponents-icons@0.0.0-0fcda382e

• Updated@ui5/webcomponents-theme-base@0.0.0-0fcda382e