New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@ui5/webcomponents-fiori
Advanced tools
@ui5/webcomponents-fiori - npm Package Compare versions
Comparing version 1.0.0-rc.6 to 1.0.0-rc.7
@@ -6,2 +6,23 @@ # 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) | ||
@@ -8,0 +29,0 @@ |
@@ -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":"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 <ui5-shellbar-item></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 <ui5-li></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."},{"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.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 <ui5-shellbar-item></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 <ui5-li></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>."}]}]} |
@@ -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)}"} |
@@ -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)}"} |
@@ -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)}"} |
@@ -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)}"} |
@@ -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)}"} |
@@ -1,2 +0,2 @@ | ||
| export {}; | ||
| 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."}; | ||
| export {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}; |
| 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);; |
@@ -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 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, (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-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; |
@@ -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 block0 = (context) => { return html`<div class="${classMap(context.classes.wrapper)}" dir="${ifDefined(context.rtl)}"><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 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}" ></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}" /> `; }; | ||
| 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 block3 = (context) => { return html`<button tabindex="${ifDefined(context.menuBtnTabindex)}" 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 block6 = (context) => { return html`<div class="ui5-shellbar-copilot-wrapper" tabindex="0" @keydown="${context._coPilotKeydown}" @keyup="${context._coPilotKeyup}" ?active="${context.coPilotActive}"> <svg @click="${context._coPilotClick}" focusable="false" 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></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 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} ></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} ></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)}" 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} ></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"/>`}; | ||
| export default block0; |
@@ -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%}}"; |
@@ -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)}"; |
@@ -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)}"; |
@@ -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)}"; |
@@ -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)}"; |
@@ -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)}"; |
@@ -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)}"; |
@@ -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}.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:not([src]){display:none}.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-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-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}"; |
| 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 "@ui5/webcomponents-icons/dist/icons/search.js"; | ||
@@ -124,2 +123,6 @@ import "@ui5/webcomponents-icons/dist/icons/bell.js"; | ||
| coPilotActive: { | ||
| type: Boolean, | ||
| }, | ||
| _itemsInfo: { | ||
@@ -142,4 +145,4 @@ type: Object, | ||
| _menuPopoverItems: { | ||
| type: Array, | ||
| defaultValue: [], | ||
| type: String, | ||
| multiple: true, | ||
| }, | ||
@@ -373,4 +376,2 @@ }, | ||
| const that = this; | ||
| this._actionList = { | ||
@@ -386,11 +387,14 @@ itemPress: event => { | ||
| this.menuItemsObserver = new MutationObserver(() => { | ||
| this._updateClonedMenuItems(); | ||
| }); | ||
| this._header = { | ||
| press: event => { | ||
| press: async () => { | ||
| this._updateClonedMenuItems(); | ||
| if (this.menuItems.length) { | ||
| this._menuPopoverItems = []; | ||
| this.menuItems.forEach(item => { | ||
| this._menuPopoverItems.push(item.textContent); | ||
| }); | ||
| this.updateStaticAreaItemContentDensity(); | ||
| this.menuPopover.openBy(this.shadowRoot.querySelector(".ui5-shellbar-menu-button")); | ||
| const menuPopover = await this._getMenuPopover(); | ||
| menuPopover.openBy(this.shadowRoot.querySelector(".ui5-shellbar-menu-button")); | ||
| } | ||
@@ -400,47 +404,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 = { | ||
@@ -469,3 +428,3 @@ left: 0, | ||
| _coPilotPress(event) { | ||
| _fireCoPilotClick() { | ||
| this.fireEvent("coPilotClick", { | ||
@@ -476,2 +435,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() { | ||
@@ -489,2 +472,4 @@ const animationsOn = getAnimationMode() === AnimationMode.Full; | ||
| }); | ||
| this._observeMenuItems(); | ||
| } | ||
@@ -494,6 +479,2 @@ | ||
| this._overflowActions(); | ||
| if (this._focusedItem) { | ||
| this._focusedItem._tabIndex = "0"; | ||
| } | ||
| } | ||
@@ -532,3 +513,3 @@ | ||
| const isImageIcon = info.classes.indexOf("ui5-shellbar-image-button") !== -1; | ||
| const shouldStayOnScreen = isOverflowIcon || (isImageIcon && this.profile); | ||
| const shouldStayOnScreen = isOverflowIcon || (isImageIcon && this.hasProfile); | ||
@@ -563,12 +544,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) => { | ||
@@ -586,4 +557,2 @@ if (item1.priority > item2.priority) { | ||
| const focusableItems = []; | ||
| for (let i = 0; i < itemsByPriority.length; i++) { | ||
@@ -593,37 +562,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() { | ||
@@ -646,8 +586,2 @@ const size = this._handleBarBreakpoints(); | ||
| _onkeydown(event) { | ||
| if (isSpace(event)) { | ||
| event.preventDefault(); | ||
| } | ||
| } | ||
| onEnterDOM() { | ||
@@ -658,2 +592,3 @@ ResizeHandler.register(this, this._handleResize); | ||
| onExitDOM() { | ||
| this.menuItemsObserver.disconnect(); | ||
| ResizeHandler.deregister(this, this._handleResize); | ||
@@ -697,11 +632,3 @@ } | ||
| 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) { | ||
@@ -759,3 +686,2 @@ const shellbarItem = this.items.find(item => { | ||
| press: this._handleSearchIconPress.bind(this), | ||
| _tabIndex: "-1", | ||
| }, | ||
@@ -775,3 +701,3 @@ ...this.items.map((item, index) => { | ||
| press: this._handleCustomActionPress.bind(this), | ||
| _tabIndex: "-1", | ||
| custom: true, | ||
| }; | ||
@@ -789,3 +715,2 @@ }), | ||
| press: this._handleNotificationsPress.bind(this), | ||
| _tabIndex: "-1", | ||
| }, | ||
@@ -802,3 +727,2 @@ { | ||
| press: this._handleOverflowPress.bind(this), | ||
| _tabIndex: "-1", | ||
| show: true, | ||
@@ -808,12 +732,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", | ||
| }, | ||
@@ -830,3 +752,2 @@ { | ||
| press: this._handleProductSwitchPress.bind(this), | ||
| _tabIndex: "-1", | ||
| }, | ||
@@ -844,2 +765,26 @@ ]; | ||
| _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() { | ||
@@ -851,2 +796,17 @@ const staticAreaItem = await this.getStaticAreaItemDomRef(); | ||
| 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() { | ||
@@ -862,2 +822,16 @@ return { | ||
| }, | ||
| 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"), | ||
| }, | ||
| }, | ||
| }; | ||
@@ -872,5 +846,23 @@ } | ||
| }, | ||
| 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 customItemsInfo() { | ||
| return this._itemsInfo.filter(itemInfo => !!itemInfo.custom); | ||
| } | ||
| get interactiveLogo() { | ||
@@ -892,5 +884,17 @@ return this.breakpointSize === "S"; | ||
| get hasSearchField() { | ||
| return !!this.searchField.length; | ||
| } | ||
| get hasProfile() { | ||
| return !!this.profile.length; | ||
| } | ||
| get menuBtnTabindex() { | ||
| return this.menuItems.length > 0 ? "0" : "-1"; | ||
| } | ||
| static async onDefine() { | ||
| await Promise.all([ | ||
| Icon.define(), | ||
| Button.define(), | ||
| List.define(), | ||
@@ -897,0 +901,0 @@ Popover.define(), |
@@ -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 @@ */ |
| { | ||
| "name": "@ui5/webcomponents-fiori", | ||
| "version": "1.0.0-rc.6", | ||
| "version": "1.0.0-rc.7", | ||
| "description": "UI5 Web Components: webcomponents.fiori", | ||
@@ -28,10 +28,10 @@ "author": "SAP SE (https://www.sap.com)", | ||
| "dependencies": { | ||
| "@ui5/webcomponents": "1.0.0-rc.6", | ||
| "@ui5/webcomponents-base": "0.19.0", | ||
| "@ui5/webcomponents-icons": "1.0.0-rc.6", | ||
| "@ui5/webcomponents-theme-base": "1.0.0-rc.6" | ||
| "@ui5/webcomponents": "1.0.0-rc.7", | ||
| "@ui5/webcomponents-base": "0.20.0", | ||
| "@ui5/webcomponents-icons": "1.0.0-rc.7", | ||
| "@ui5/webcomponents-theme-base": "1.0.0-rc.7" | ||
| }, | ||
| "devDependencies": { | ||
| "@ui5/webcomponents-tools": "1.0.0-rc.6" | ||
| "@ui5/webcomponents-tools": "1.0.0-rc.7" | ||
| } | ||
| } |
New alerts
Long strings
Supply chain riskContains 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 riskContains 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
- increased by2.79%
3103390
- Number of package files
- increased by96%
98
- Lines of code
- increased by27.46%
4414
Worsened metrics
- Number of low supply chain risk alerts
- increased by100%
4
Dependency changes
+ Added@sap-theming/theming-base-content@11.1.19(transitive)
+ Added@ui5/webcomponents@1.0.0-rc.7(transitive)
+ Added@ui5/webcomponents-base@0.20.0(transitive)
+ Added@ui5/webcomponents-icons@1.0.0-rc.7(transitive)
+ Added@ui5/webcomponents-localization@0.20.0(transitive)
+ Added@ui5/webcomponents-theme-base@1.0.0-rc.7(transitive)
- Removed@ui5/webcomponents@1.0.0-rc.6(transitive)
- Removed@ui5/webcomponents-base@0.19.0(transitive)
- Removed@ui5/webcomponents-icons@1.0.0-rc.6(transitive)
- Removed@ui5/webcomponents-localization@0.19.0(transitive)
- Removed@ui5/webcomponents-theme-base@1.0.0-rc.6(transitive)