@ui5/webcomponents-fiori 2.23.0-rc.2 → 2.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/CHANGELOG.md +63 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/HeroBanner.d.ts +147 -0
  4. package/dist/HeroBanner.js +165 -0
  5. package/dist/HeroBanner.js.map +1 -0
  6. package/dist/HeroBannerTemplate.d.ts +2 -0
  7. package/dist/HeroBannerTemplate.js +17 -0
  8. package/dist/HeroBannerTemplate.js.map +1 -0
  9. package/dist/NotificationListItem.d.ts +0 -1
  10. package/dist/NotificationListItem.js +2 -3
  11. package/dist/NotificationListItem.js.map +1 -1
  12. package/dist/ShellBar.d.ts +0 -1
  13. package/dist/ShellBar.js +2 -11
  14. package/dist/ShellBar.js.map +1 -1
  15. package/dist/ShellBarTemplate.js +1 -1
  16. package/dist/ShellBarTemplate.js.map +1 -1
  17. package/dist/bundle.esm.js +1 -0
  18. package/dist/bundle.esm.js.map +1 -1
  19. package/dist/css/themes/HeroBanner.css +1 -0
  20. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  21. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  22. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  23. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  24. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  25. package/dist/css/themes/sap_horizon_auto/parameters-bundle.css +6 -0
  26. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +6 -0
  27. package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +6 -0
  28. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +6 -0
  29. package/dist/css/themes/sap_horizon_hc_auto/parameters-bundle.css +6 -0
  30. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +6 -0
  31. package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +6 -0
  32. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +6 -0
  33. package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +6 -0
  34. package/dist/custom-elements-internal.json +381 -136
  35. package/dist/custom-elements.json +269 -4
  36. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  37. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  38. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  39. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  40. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  41. package/dist/generated/assets/themes/sap_horizon_auto/parameters-bundle.css.json +1 -1
  42. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  43. package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -1
  44. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  45. package/dist/generated/assets/themes/sap_horizon_hc_auto/parameters-bundle.css.json +1 -1
  46. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  47. package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -1
  48. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  49. package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -1
  50. package/dist/generated/themes/HeroBanner.css.d.ts +2 -0
  51. package/dist/generated/themes/HeroBanner.css.js +8 -0
  52. package/dist/generated/themes/HeroBanner.css.js.map +1 -0
  53. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
  54. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  55. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  56. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
  57. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  58. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  59. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
  60. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  61. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  62. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
  63. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  64. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  65. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  66. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  67. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  68. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.d.ts +1 -1
  69. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js +6 -0
  70. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js.map +1 -1
  71. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
  72. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +6 -0
  73. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  74. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.d.ts +1 -1
  75. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +6 -0
  76. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -1
  77. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +1 -1
  78. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +6 -0
  79. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  80. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.d.ts +1 -1
  81. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js +6 -0
  82. package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js.map +1 -1
  83. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
  84. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +6 -0
  85. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  86. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.d.ts +1 -1
  87. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +6 -0
  88. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -1
  89. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
  90. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +6 -0
  91. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  92. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.d.ts +1 -1
  93. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +6 -0
  94. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -1
  95. package/dist/types/HeroBannerActionsPlacement.d.ts +20 -0
  96. package/dist/types/HeroBannerActionsPlacement.js +22 -0
  97. package/dist/types/HeroBannerActionsPlacement.js.map +1 -0
  98. package/dist/types/HeroBannerColumnsRatio.d.ts +21 -0
  99. package/dist/types/HeroBannerColumnsRatio.js +23 -0
  100. package/dist/types/HeroBannerColumnsRatio.js.map +1 -0
  101. package/dist/types/HeroBannerHeaderBlockPlacement.d.ts +20 -0
  102. package/dist/types/HeroBannerHeaderBlockPlacement.js +22 -0
  103. package/dist/types/HeroBannerHeaderBlockPlacement.js.map +1 -0
  104. package/dist/vscode.html-custom-data.json +32 -0
  105. package/dist/web-types.json +104 -1
  106. package/package.json +7 -7
  107. package/src/HeroBannerTemplate.tsx +65 -0
  108. package/src/ShellBarTemplate.tsx +1 -1
  109. package/src/themes/HeroBanner.css +359 -0
  110. package/src/themes/base/HeroBanner-parameters.css +8 -0
  111. package/src/themes/sap_fiori_3/parameters-bundle.css +1 -0
  112. package/src/themes/sap_fiori_3_dark/parameters-bundle.css +1 -0
  113. package/src/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -0
  114. package/src/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -0
  115. package/src/themes/sap_horizon/HeroBanner-parameters.css +4 -0
  116. package/src/themes/sap_horizon/parameters-bundle.css +2 -0
  117. package/src/themes/sap_horizon_dark/parameters-bundle.css +1 -0
  118. package/src/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -0
  119. package/src/themes/sap_horizon_exp/parameters-bundle.css +2 -0
  120. package/src/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  121. package/src/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -0
  122. package/src/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  123. package/src/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -0
package/dist/ShellBar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShellBar.js","sourceRoot":"","sources":["../src/ShellBar.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { Slot, DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport query from \"@ui5/webcomponents-base/dist/decorators/query.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { getScopedVarName } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport arraysAreEqual from \"@ui5/webcomponents-base/dist/util/arraysAreEqual.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { renderFinished } from \"@ui5/webcomponents-base/dist/Render.js\";\nimport throttle from \"@ui5/webcomponents-base/dist/util/throttle.js\";\n\nimport type { IButton } from \"@ui5/webcomponents/dist/Button.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport ButtonBadge from \"@ui5/webcomponents/dist/ButtonBadge.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport Menu from \"@ui5/webcomponents/dist/Menu.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport ListItemStandard from \"@ui5/webcomponents/dist/ListItemStandard.js\";\nimport searchIcon from \"@ui5/webcomponents-icons/dist/search.js\";\nimport bellIcon from \"@ui5/webcomponents-icons/dist/bell.js\";\nimport gridIcon from \"@ui5/webcomponents-icons/dist/grid.js\";\nimport daIcon from \"@ui5/webcomponents-icons/dist/da.js\";\nimport overflowIcon from \"@ui5/webcomponents-icons/dist/overflow.js\";\n\nimport ShellBarTemplate from \"./ShellBarTemplate.js\";\nimport shellBarStyles from \"./generated/themes/ShellBar.css.js\";\nimport ShellBarPopoverCss from \"./generated/themes/ShellBarPopover.css.js\";\nimport shellBarLegacyStyles from \"./generated/themes/ShellBarLegacy.css.js\";\n\nimport type { IShellBarSearchController } from \"./shellbar/IShellBarSearchController.js\";\n\nimport ShellBarLegacy from \"./shellbar/ShellBarLegacy.js\";\nimport ShellBarSearch from \"./shellbar/ShellBarSearch.js\";\nimport ShellBarSearchLegacy from \"./shellbar/ShellBarSearchLegacy.js\";\nimport ShellBarOverflow from \"./shellbar/ShellBarOverflow.js\";\nimport ShellBarAccessibility from \"./shellbar/ShellBarAccessibility.js\";\nimport ShellBarItemNavigation from \"./shellbar/ShellBarItemNavigation.js\";\n\nimport ShellBarItem from \"./ShellBarItem.js\";\nimport ShellBarSpacer from \"./ShellBarSpacer.js\";\nimport type ShellBarBranding from \"./ShellBarBranding.js\";\nimport type { ShellBarOverflowResult } from \"./shellbar/ShellBarOverflow.js\";\n\nimport type {\n\tShellBarAccessibilityInfo,\n\tShellBarAccessibilityAttributes,\n\tShellBarAreaAccessibilityAttributes,\n\tShellBarLogoAccessibilityAttributes,\n\tShellBarProfileAccessibilityAttributes,\n} from \"./shellbar/ShellBarAccessibility.js\";\n\nimport {\n\tSHELLBAR_LABEL,\n\tSHELLBAR_NOTIFICATIONS,\n\tSHELLBAR_NOTIFICATIONS_NO_COUNT,\n\tSHELLBAR_PROFILE,\n\tSHELLBAR_PRODUCTS,\n\tSHELLBAR_SEARCH,\n\tSHELLBAR_ASSISTANT,\n\tSHELLBAR_OVERFLOW,\n\tSHELLBAR_ADDITIONAL_CONTEXT,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport type ListItemBase from \"@ui5/webcomponents/dist/ListItemBase.js\";\n\ntype ShellBarBreakpoint = \"S\" | \"M\" | \"L\" | \"XL\" | \"XXL\";\n\n// actions always visible in lean mode, order is important\nconst PREDEFINED_PLACE_ITEMS = [\"feedback\", \"sys-help\"];\n\nconst ShellBarActions = {\n\tSearch: \"search\",\n\tProfile: \"profile\",\n\tOverflow: \"overflow\",\n\tAssistant: \"assistant\",\n\tProductSwitch: \"products\",\n\tNotifications: \"notifications\",\n};\n\nconst ShellBarActionsSelectors = {\n\tSearch: \".ui5-shellbar-search-toggle\",\n\tProfile: \".ui5-shellbar-image-button\",\n\tOverflow: \".ui5-shellbar-overflow-button\",\n\tAssistant: \".ui5-shellbar-assistant-button\",\n\tProductSwitch: \".ui5-shellbar-button-product-switch\",\n\tNotifications: \".ui5-shellbar-bell-button\",\n};\n\ntype ShellBarActionId = typeof ShellBarActions[keyof typeof ShellBarActions];\n\ntype ShellBarActionItem = {\n\tid: ShellBarActionId;\n\ticon?: string;\n\tcount?: string;\n\tenabled: boolean; \t\t// Whether the action is enabled and should be displayed\n\tselector: string; \t\t// The selector by which we can target the action\n\tisProtected: boolean \t// Whether the action can go into the overflow\n\tstableDomRef?: string;\n};\n\ninterface IShellBarSearchField extends HTMLElement {\n\tfocused: boolean;\n\tvalue: string;\n\tcollapsed?: boolean;\n\topen?: boolean;\n}\n\n// Event Types\n\ntype ShellBarNotificationsClickEventDetail = {\n\ttargetRef: HTMLElement;\n};\n\ntype ShellBarProfileClickEventDetail = {\n\ttargetRef: HTMLElement;\n};\n\ntype ShellBarProductSwitchClickEventDetail = {\n\ttargetRef: HTMLElement;\n};\n\ntype ShellBarLogoClickEventDetail = {\n\ttargetRef: HTMLElement;\n};\n\ntype ShellBarMenuItemClickEventDetail = {\n\titem: HTMLElement;\n};\n\ntype ShellBarContentItemVisibilityChangeEventDetail = {\n\titems: Array<HTMLElement>\n};\n\ntype ShellBarSearchButtonEventDetail = {\n\ttargetRef: HTMLElement;\n\tsearchFieldVisible: boolean;\n};\n\ntype ShellBarSearchFieldToggleEventDetail = {\n\texpanded: boolean;\n};\n\ntype ShellBarSearchFieldClearEventDetail = {\n\ttargetRef: HTMLElement;\n};\n\n/**\n * @class\n * ### Overview\n *\n * The `ui5-shellbar` is meant to serve as an application header\n * and includes numerous built-in features, such as: logo, profile image/icon, title, search field, notifications and so on.\n *\n * ### Stable DOM Refs\n *\n * You can use the following stable DOM refs for the `ui5-shellbar`:\n *\n * - logo\n * - notifications\n * - overflow\n * - profile\n * - product-switch\n *\n * ### Keyboard Handling\n *\n * #### Fast Navigation\n * This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\n * In order to use this functionality, you need to import the following module:\n * `import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/ShellBar.js\";`\n * @csspart root - Used to style the outermost wrapper of the `ui5-shellbar`\n * @constructor\n * @extends UI5Element\n * @public\n * @since 0.8.0\n */\n\n@customElement({\n\ttag: \"ui5-shellbar\",\n\tstyles: [shellBarStyles, shellBarLegacyStyles, ShellBarPopoverCss],\n\trenderer: jsxRenderer,\n\ttemplate: ShellBarTemplate,\n\tfastNavigation: true,\n\tlanguageAware: true,\n\tdependencies: [\n\t\tIcon,\n\t\tList,\n\t\tButton,\n\t\tButtonBadge,\n\t\tPopover,\n\t\tShellBarSpacer,\n\t\tShellBarItem,\n\t\tListItemStandard,\n\t\t// legacy dependencies\n\t\tMenu,\n\t],\n})\n/**\n *\n * Fired, when the notification icon is activated.\n * @param {HTMLElement} targetRef dom ref of the activated element\n * @public\n */\n@event(\"notifications-click\", {\n\tcancelable: true,\n\tbubbles: true,\n})\n\n/**\n * Fired, when the profile slot is present.\n * @param {HTMLElement} targetRef dom ref of the activated element\n * @public\n */\n@event(\"profile-click\", {\n\tbubbles: true,\n})\n\n/**\n * Fired, when the product switch icon is activated.\n *\n * **Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.\n * @param {HTMLElement} targetRef dom ref of the activated element\n * @public\n */\n@event(\"product-switch-click\", {\n\tcancelable: true,\n\tbubbles: true,\n})\n\n/**\n * Fired, when the logo is activated.\n * @param {HTMLElement} targetRef dom ref of the activated element\n * @since 0.10\n * @public\n */\n@event(\"logo-click\", {\n\tbubbles: true,\n})\n\n/**\n * Fired, when a menu item is activated\n *\n * **Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.\n * @param {HTMLElement} item DOM ref of the activated list item\n * @since 0.10\n * @public\n */\n@event(\"menu-item-click\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\n/**\n * Fired, when the search button is activated.\n *\n * **Note:** You can prevent expanding/collapsing of the search field by calling `event.preventDefault()`.\n * @param {HTMLElement} targetRef dom ref of the activated element\n * @param {Boolean} searchFieldVisible whether the search field is visible\n * @public\n */\n\n@event(\"search-button-click\", {\n\tcancelable: true,\n\tbubbles: true,\n})\n\n/**\n * Fired, when the search field is expanded or collapsed.\n * @since 2.10.0\n * @param {Boolean} expanded whether the search field is expanded\n * @public\n */\n@event(\"search-field-toggle\", {\n\tbubbles: true,\n})\n\n/**\n * Fired, when the search cancel button is activated.\n *\n * **Note:** You can prevent the default behavior (clearing the search field value) by calling `event.preventDefault()`. The search will still be closed.\n * **Note:** The `search-field-clear` event is in an experimental state and is a subject to change.\n * @param {HTMLElement} targetRef dom ref of the cancel button element\n * @since 2.14.0\n * @public\n */\n@event(\"search-field-clear\", {\n\tcancelable: true,\n\tbubbles: true,\n})\n\n/**\n * Fired, when an item from the content slot is hidden or shown.\n * **Note:** The `content-item-visibility-change` event is in an experimental state and is a subject to change.\n *\n * @param {Array<HTMLElement>} array of all the items that are hidden\n * @public\n * @since 2.7.0\n */\n@event(\"content-item-visibility-change\", {\n\tbubbles: true,\n})\n\nclass ShellBar extends UI5Element {\n\teventDetails!: {\n\t\t\"notifications-click\": ShellBarNotificationsClickEventDetail,\n\t\t\"profile-click\": ShellBarProfileClickEventDetail,\n\t\t\"product-switch-click\": ShellBarProductSwitchClickEventDetail,\n\t\t\"logo-click\": ShellBarLogoClickEventDetail,\n\t\t\"menu-item-click\": ShellBarMenuItemClickEventDetail,\n\t\t\"search-button-click\": ShellBarSearchButtonEventDetail,\n\t\t\"search-field-toggle\": ShellBarSearchFieldToggleEventDetail,\n\t\t\"search-field-clear\": ShellBarSearchFieldClearEventDetail,\n\t\t\"content-item-visibility-change\": ShellBarContentItemVisibilityChangeEventDetail\n\t}\n\n\t/**\n\t * Defines a `ui5-button` in the bar that will be placed in the beginning.\n\t * We encourage this slot to be used for a menu button.\n\t * It gets overstyled to match ShellBar's styling.\n\t * @public\n\t */\n\t@slot()\n\tstartButton!: Slot<IButton>;\n\n\t/**\n\t * Defines the branding slot.\n\t * The `ui5-shellbar-branding` component is intended to be placed inside this slot.\n\t * Content placed here takes precedence over the `primaryTitle` property and the `logo` content slot.\n\t *\n\t * **Note:** The `branding` slot is in an experimental state and is a subject to change.\n\t *\n\t * @since 2.12.0\n\t * @public\n\t */\n\t@slot()\n\tbranding!: Slot<ShellBarBranding>;\n\n\t/**\n\t * Define the items displayed in the content area.\n\t *\n\t * Use the `data-hide-order` attribute with numeric value to specify the order of the items to be hidden when the space is not enough.\n\t * Lower values will be hidden first.\n\t *\n\t * **Note:** The `content` slot is in an experimental state and is a subject to change.\n\t *\n\t * @public\n\t * @since 2.7.0\n\t */\n\t@slot({ type: HTMLElement, individualSlots: true })\n\tcontent!: Slot<HTMLElement>;\n\n\t/**\n\t * Defines the `ui5-input`, that will be used as a search field.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement })\n\tsearchField!: Slot<IShellBarSearchField>;\n\n\t/**\n\t * Defines the assistant slot.\n\t *\n\t * @since 2.0.0\n\t * @public\n\t */\n\t@slot()\n\tassistant!: Slot<IButton>;\n\n\t/**\n\t * Defines the `ui5-shellbar` additional items.\n\t *\n\t * **Note:**\n\t * You can use the `<ui5-shellbar-item></ui5-shellbar-item>`.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n\titems!: DefaultSlot<ShellBarItem>;\n\n\t/**\n\t * You can pass `ui5-avatar` to set the profile image/icon.\n\t * If no profile slot is set - profile will be excluded from actions.\n\t *\n\t * **Note:** We recommend not using the `size` attribute of `ui5-avatar` because\n\t * it should have specific size by design in the context of `ui5-shellbar` profile.\n\t * @since 1.0.0-rc.6\n\t * @public\n\t */\n\t@slot()\n\tprofile!: Slot<HTMLElement>;\n\n\t/**\n\t * Defines the `notificationsCount`,\n\t * displayed in the notification icon top-right corner.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tnotificationsCount?: string;\n\n\t/**\n\t * Defines, if the notification icon would be displayed.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tshowNotifications = false;\n\n\t/**\n\t * Defines, if the product switch icon would be displayed.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tshowProductSwitch = false;\n\n\t/**\n\t * Defines, if the Search Field would be displayed when there is a valid `searchField` slot.\n\t *\n\t * **Note:** By default the Search Field is not displayed.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tshowSearchField = false;\n\n\t/**\n\t * Defines additional accessibility attributes on different areas of the component.\n\t *\n\t * The accessibilityAttributes object has the following fields,\n\t * where each field is an object supporting one or more accessibility attributes:\n\t *\n\t * - **logo** - `logo.role` and `logo.name`.\n\t * - **notifications** - `notifications.expanded` and `notifications.hasPopup`.\n\t * - **profile** - `profile.expanded`, `profile.hasPopup` and `profile.name`.\n\t * - **product** - `product.expanded` and `product.hasPopup`.\n\t * - **search** - `search.hasPopup`.\n\t * - **overflow** - `overflow.expanded` and `overflow.hasPopup`.\n\t * - **branding** - `branding.name`.\n\t *\n\t * The accessibility attributes support the following values:\n\t *\n\t * - **role**: Defines the accessible ARIA role of the logo area.\n\t * Accepts the following string values: `button` or `link`.\n\t *\n\t * - **expanded**: Indicates whether the button, or another grouping element it controls,\n\t * is currently expanded or collapsed.\n\t * Accepts the following string values: `true` or `false`.\n\t *\n\t * - **hasPopup**: Indicates the availability and type of interactive popup element,\n\t * such as menu or dialog, that can be triggered by the button.\n\t *\n\t * Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\t * - **name**: Defines the accessible ARIA name of the area.\n\t * Accepts any string.\n\t *\n\t * @default {}\n\t * @public\n\t * @since 1.10.0\n\t */\n\t@property({ type: Object })\n\taccessibilityAttributes: ShellBarAccessibilityAttributes = {};\n\n\t/**\n\t * @private\n\t */\n\t@property()\n\tbreakpointSize = \"S\";\n\n\t/**\n\t * Actions computed from controllers.\n\t * @private\n\t */\n\t@property({ type: Object })\n\tactions: ShellBarActionItem[] = [];\n\n\t/**\n\t * Show overflow button when items are hidden.\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tshowOverflowButton = false;\n\n\t/**\n\t * Open state of the overflow popover.\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\toverflowPopoverOpen = false;\n\n\t/**\n\t * IDs of items currently hidden due to overflow.\n\t * Used to trigger rerender for conditional rendering.\n\t * @private\n\t */\n\t@property({ type: Object })\n\thiddenItemsIds: string[] = [];\n\n\t/**\n\t * Show full-screen search overlay.\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tshowFullWidthSearch = false;\n\n\t/**\n\t * Spacer element.\n\t * @private\n\t */\n\t@query(\".ui5-shellbar-spacer\")\n\tspacer?: HTMLElement;\n\n\t/**\n\t * Outer container of the overflow container.\n\t * @private\n\t */\n\t@query(\".ui5-shellbar-overflow-container\")\n\toverflowOuter?: HTMLElement;\n\n\t/**\n\t * Inner container of the overflow container.\n\t * @private\n\t */\n\t@query(\".ui5-shellbar-overflow-container-inner\")\n\toverflowInner?: HTMLElement;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\tprivate readonly RESIZE_THROTTLE_RATE = 100; // ms\n\tprivate handleResizeBound: ResizeObserverCallback = throttle(this.handleResize.bind(this), this.RESIZE_THROTTLE_RATE);\n\n\tprivate readonly breakpoints = [599, 1023, 1439, 1919, 10000];\n\tprivate readonly breakpointMap: Record<number, ShellBarBreakpoint> = {\n\t\t599: \"S\",\n\t\t1023: \"M\",\n\t\t1439: \"L\",\n\t\t1919: \"XL\",\n\t\t10000: \"XXL\",\n\t};\n\n\titemNavigation = new ShellBarItemNavigation({\n\t\tgetDomRef: () => this.getDomRef() || null,\n\t});\n\n\toverflow = new ShellBarOverflow();\n\taccessibility: ShellBarAccessibility = new ShellBarAccessibility();\n\n\tprivate _searchAdaptor = new ShellBarSearch(this.getSearchDeps());\n\tprivate _searchAdaptorLegacy = new ShellBarSearchLegacy({\n\t\t...this.getSearchDeps(),\n\t\tgetDisableSearchCollapse: () => this.disableSearchCollapse,\n\t});\n\n\t/* =================== Legacy Members =================== */\n\n\t/**\n\t * Defines the visibility state of the search button.\n\t *\n\t * **Note:** The `hideSearchButton` property is in an experimental state and is a subject to change.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideSearchButton = false;\n\n\t/**\n\t * Disables the automatic search field expansion/collapse when the available space is not enough.\n\t *\n\t * **Note:** The `disableSearchCollapse` property is in an experimental state and is a subject to change.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisableSearchCollapse = false;\n\n\t/**\n\t * Defines the `primaryTitle`.\n\t *\n\t * **Note:** The `primaryTitle` would be hidden on S screen size (less than approx. 700px).\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tprimaryTitle?: string;\n\n\t/**\n\t * Defines the `secondaryTitle`.\n\t *\n\t * **Note:** The `secondaryTitle` would be hidden on S and M screen sizes (less than approx. 1300px).\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tsecondaryTitle?: string;\n\n\t/**\n\t * Defines the logo of the `ui5-shellbar`.\n\t * For example, you can use `ui5-avatar` or `img` elements as logo.\n\t * @since 1.0.0-rc.8\n\t * @public\n\t */\n\t@slot()\n\tlogo!: Slot<HTMLElement>;\n\n\t/**\n\t * Defines the items displayed in menu after a click on a start button.\n\t *\n\t * **Note:** You can use the `<ui5-li></ui5-li>` and its ancestors.\n\t * @since 0.10\n\t * @public\n\t */\n\t@slot()\n\tmenuItems!: Slot<ListItemBase>;\n\n\t/**\n\t * Open state of the menu popover (legacy).\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tmenuPopoverOpen = false;\n\n\t/**\n\t * The container is positioned in the center of the `ui5-shellbar` and occupies one-third of the total length of the `ui5-shellbar`.\n\t *\n\t * **Note:** If set, the `searchField` slot is not rendered.\n\t * @private\n\t */\n\t@slot()\n\tmidContent!: Slot<HTMLElement>;\n\n\tlegacyAdaptor?: ShellBarLegacy;\n\n\t/* =================== Lifecycle Methods =================== */\n\n\tonEnterDOM() {\n\t\tResizeHandler.register(this, this.handleResizeBound);\n\t\tthis.searchAdaptor?.subscribe();\n\t}\n\n\tonExitDOM() {\n\t\tResizeHandler.deregister(this, this.handleResizeBound);\n\t\tthis.searchAdaptor?.unsubscribe();\n\t}\n\n\tonBeforeRendering() {\n\t\tif (!this.legacyAdaptor) {\n\t\t\tthis.initLegacyController();\n\t\t}\n\t\t// Sync branding breakpoint state\n\t\tthis.branding.forEach(brandingEl => {\n\t\t\tbrandingEl._isSBreakPoint = this.isSBreakPoint;\n\t\t});\n\n\t\tthis.buildActions();\n\n\t\tthis.searchAdaptor?.syncShowSearchFieldState();\n\t\t// subscribe to search adaptor for cases when search is added dynamically\n\t\tthis.searchAdaptor?.unsubscribe();\n\t\tthis.searchAdaptor?.subscribe();\n\t}\n\n\tonAfterRendering() {\n\t\tthis.updateBreakpoint();\n\t\tthis.updateOverflow();\n\t}\n\n\t/* =================== Actions Management =================== */\n\n\tprivate buildActions() {\n\t\tthis.actions = [\n\t\t\t{\n\t\t\t\tid: ShellBarActions.Search,\n\t\t\t\ticon: searchIcon,\n\t\t\t\tenabled: this.enabledFeatures.search,\n\t\t\t\tselector: ShellBarActionsSelectors.Search,\n\t\t\t\tisProtected: false,\n\t\t\t\tstableDomRef: \"toggle-search\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: ShellBarActions.Assistant,\n\t\t\t\ticon: daIcon,\n\t\t\t\tenabled: this.enabledFeatures.assistant,\n\t\t\t\tselector: ShellBarActionsSelectors.Assistant,\n\t\t\t\tisProtected: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: ShellBarActions.Notifications,\n\t\t\t\ticon: bellIcon,\n\t\t\t\tcount: this.notificationsCount,\n\t\t\t\tenabled: this.enabledFeatures.notifications,\n\t\t\t\tselector: ShellBarActionsSelectors.Notifications,\n\t\t\t\tisProtected: false,\n\t\t\t\tstableDomRef: \"notifications\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: ShellBarActions.Overflow,\n\t\t\t\ticon: overflowIcon,\n\t\t\t\tenabled: this.enabledFeatures.overflow,\n\t\t\t\tselector: ShellBarActionsSelectors.Overflow,\n\t\t\t\tisProtected: true,\n\t\t\t\tstableDomRef: \"overflow\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: ShellBarActions.Profile,\n\t\t\t\tenabled: this.enabledFeatures.profile,\n\t\t\t\tselector: ShellBarActionsSelectors.Profile,\n\t\t\t\tisProtected: true,\n\t\t\t\tstableDomRef: \"profile\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: ShellBarActions.ProductSwitch,\n\t\t\t\ticon: gridIcon,\n\t\t\t\tenabled: this.enabledFeatures.productSwitch,\n\t\t\t\tselector: ShellBarActionsSelectors.ProductSwitch,\n\t\t\t\tisProtected: true,\n\t\t\t\tstableDomRef: \"product-switch\",\n\t\t\t},\n\t\t].filter(action => action.enabled);\n\t}\n\n\tgetAction(actionId: ShellBarActionId) {\n\t\treturn this.actions.find(action => action.id === actionId);\n\t}\n\n\tgetActionOverflowText(actionId: ShellBarActionId): string {\n\t\tconst texts: Record<string, string> = {\n\t\t\t[ShellBarActions.Search]: this.texts.search,\n\t\t\t[ShellBarActions.Profile]: this.texts.profile,\n\t\t\t[ShellBarActions.Overflow]: this.texts.overflow,\n\t\t\t[ShellBarActions.Assistant]: this.texts.assistant,\n\t\t\t[ShellBarActions.ProductSwitch]: this.texts.products,\n\t\t\t[ShellBarActions.Notifications]: this.texts.notificationsNoCount,\n\t\t};\n\t\treturn texts[actionId] || actionId;\n\t}\n\n\t/* =================== Breakpoint Management =================== */\n\n\tget isSBreakPoint() {\n\t\treturn this.breakpointSize === \"S\";\n\t}\n\n\tprivate updateBreakpoint() {\n\t\tconst width = this.getBoundingClientRect().width;\n\t\tconst bp = this.breakpoints.find(b => width <= b) || 10000;\n\t\tconst breakpoint = this.breakpointMap[bp];\n\n\t\tif (this.breakpointSize !== breakpoint) {\n\t\t\tthis.breakpointSize = breakpoint;\n\t\t}\n\t}\n\n\t/* =================== Overflow Management =================== */\n\n\tprivate updateOverflow() {\n\t\tif (!this.overflow) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst result = this.overflow.updateOverflow({\n\t\t\tactions: this.actions,\n\t\t\tcontent: this.sortContent(this.content),\n\t\t\tcustomItems: this.sortItems(this.items),\n\t\t\thiddenItemsIds: this.hiddenItemsIds,\n\t\t\tshowSearchField: this.enabledFeatures.search && this.showSearchField,\n\t\t\toverflowOuter: this.overflowOuter!,\n\t\t\toverflowInner: this.overflowInner!,\n\t\t\tsetVisible: (selector: string, visible: boolean) => {\n\t\t\t\tconst element = this.shadowRoot!.querySelector(selector);\n\t\t\t\tif (element) {\n\t\t\t\t\telement.classList[visible ? \"remove\" : \"add\"](\"ui5-shellbar-hidden\");\n\t\t\t\t}\n\t\t\t},\n\t\t});\n\n\t\tthis.handleUpdateOverflowResult(result);\n\n\t\treturn result.hiddenItemsIds;\n\t}\n\n\tprivate handleUpdateOverflowResult(result: ShellBarOverflowResult) {\n\t\tconst { hiddenItemsIds, showOverflowButton } = result;\n\n\t\t// Update items overflow state\n\t\tthis.items.forEach(item => {\n\t\t\titem.inOverflow = hiddenItemsIds.includes(item._id);\n\t\t\tif (item.inOverflow) {\n\t\t\t\t// clear the hidden class to ensure the item is visible in the overflow popover\n\t\t\t\titem.classList.remove(\"ui5-shellbar-hidden\");\n\t\t\t}\n\t\t});\n\n\t\tif (!arraysAreEqual(this.hiddenItemsIds, hiddenItemsIds)) {\n\t\t\tthis.handleContentVisibilityChanged(this.hiddenItemsIds, hiddenItemsIds);\n\t\t\tthis.hiddenItemsIds = hiddenItemsIds;\n\t\t\tthis.showOverflowButton = showOverflowButton;\n\t\t}\n\t\tthis.showFullWidthSearch = this.searchAdaptor?.shouldShowFullScreen() || false;\n\t}\n\n\tprivate handleContentVisibilityChanged(oldHiddenItemsIds: string[], newHiddenItemsIds: string[]) {\n\t\tconst filterContentIds = (ids: string[]) => ids.filter(id => this.content.some(item => (item as any)._individualSlot as string === id));\n\t\tconst oldHiddenContentIds = filterContentIds(oldHiddenItemsIds);\n\t\tconst newHiddenContentIds = filterContentIds(newHiddenItemsIds);\n\n\t\tif (!arraysAreEqual(oldHiddenContentIds, newHiddenContentIds)) {\n\t\t\tthis.fireDecoratorEvent(\"content-item-visibility-change\", {\n\t\t\t\titems: newHiddenContentIds.map(id => this.content.find(item => (item as any)._individualSlot as string === id)!),\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate handleResize() {\n\t\tthis.overflowPopoverOpen = false;\n\t\tthis.updateBreakpoint();\n\t\tconst hiddenItemsIds = this.updateOverflow() ?? [];\n\t\tconst spacerWidth = this.spacer?.getBoundingClientRect().width || 0;\n\t\tthis.searchAdaptor?.autoManageSearchState(hiddenItemsIds.length, spacerWidth);\n\t}\n\n\tisHidden(itemId: string) {\n\t\treturn this.hiddenItemsIds.includes(itemId);\n\t}\n\n\thandleOverflowClick() {\n\t\tthis.overflowPopoverOpen = !this.overflowPopoverOpen;\n\t}\n\n\tonPopoverClose() {\n\t\tthis.overflowPopoverOpen = false;\n\t}\n\n\t/**\n\t * Closes the overflow popover.\n\t * @public\n\t */\n\tcloseOverflow(): void {\n\t\tthis.overflowPopoverOpen = false;\n\t}\n\n\thandleOverflowItemClick(e: MouseEvent) {\n\t\tconst target = e.target as HTMLElement;\n\t\tconst actionId = target.getAttribute(\"data-action-id\");\n\n\t\tlet prevented = e.defaultPrevented; // for custom actions\n\n\t\tif (actionId === ShellBarActions.Notifications) {\n\t\t\tprevented = this.handleNotificationsClick();\n\t\t} else if (actionId === ShellBarActions.Search) {\n\t\t\tprevented = this.handleSearchButtonClick();\n\t\t}\n\n\t\tif (!prevented) {\n\t\t\tthis.overflowPopoverOpen = false;\n\t\t}\n\t}\n\n\tget overflowItems() {\n\t\treturn this.overflow.getOverflowItems({\n\t\t\tactions: this.actions,\n\t\t\tcustomItems: this.sortItems(this.items),\n\t\t\thiddenItemsIds: this.hiddenItemsIds,\n\t\t});\n\t}\n\n\t/**\n\t * Returns badge text for overflow button.\n\t * Shows count if only one item with count is overflowed, otherwise shows attention dot.\n\t */\n\tget overflowBadge(): string | undefined {\n\t\tconst itemsWithCount = this.overflowItems.filter(item => item.data.count);\n\t\tif (itemsWithCount.length === 1) {\n\t\t\treturn itemsWithCount[0].data.count;\n\t\t}\n\t\tif (itemsWithCount.length > 1) {\n\t\t\treturn \" \"; // Attention dot\n\t\t}\n\t\treturn undefined;\n\t}\n\n\t/* =================== Search Management =================== */\n\n\tget search() {\n\t\treturn this.searchField.length ? this.searchField[0] : null;\n\t}\n\n\tget isSelfCollapsibleSearch(): boolean {\n\t\tconst searchField = this.search;\n\t\tif (searchField) {\n\t\t\treturn \"collapsed\" in searchField && \"open\" in searchField;\n\t\t}\n\t\treturn false;\n\t}\n\n\tprivate getSearchDeps() {\n\t\treturn {\n\t\t\tgetSearchField: () => this.search,\n\t\t\tgetSearchState: () => this.enabledFeatures.search && this.showSearchField,\n\t\t\tgetCSSVariable: (cssVar: string) => this.getCSSVariable(cssVar),\n\t\t\tsetSearchState: (expanded: boolean) => this.setSearchState(expanded),\n\t\t\tgetOverflowed: () => this.overflow.isOverflowing(this.overflowOuter!, this.overflowInner!),\n\t\t};\n\t}\n\n\tget searchAdaptor(): IShellBarSearchController {\n\t\tif (this.isSelfCollapsibleSearch) {\n\t\t\treturn this._searchAdaptor;\n\t\t}\n\t\treturn this._searchAdaptorLegacy;\n\t}\n\n\thandleSearchButtonClick() {\n\t\tconst searchButton = this.shadowRoot!.querySelector<Button>(\".ui5-shellbar-search-button\");\n\t\tconst defaultPrevented = !this.fireDecoratorEvent(\"search-button-click\", {\n\t\t\ttargetRef: searchButton!,\n\t\t\tsearchFieldVisible: this.showSearchField,\n\t\t});\n\n\t\tif (defaultPrevented) {\n\t\t\treturn defaultPrevented;\n\t\t}\n\n\t\tthis.setSearchState(!this.showSearchField);\n\n\t\tif (!this.showSearchField) {\n\t\t\treturn defaultPrevented;\n\t\t}\n\n\t\tconst input = this.searchField[0];\n\t\tif (input) {\n\t\t\tinput.focused = true;\n\t\t\tsetTimeout(() => {\n\t\t\t\tinput.focus();\n\t\t\t}, 100);\n\t\t}\n\t\treturn defaultPrevented;\n\t}\n\n\tasync setSearchState(expanded: boolean) {\n\t\tif (expanded === this.showSearchField) {\n\t\t\treturn;\n\t\t}\n\t\tthis.showSearchField = expanded;\n\t\tawait renderFinished();\n\t\tthis.fireDecoratorEvent(\"search-field-toggle\", { expanded });\n\t}\n\n\thandleCancelButtonClick() {\n\t\tconst cancelBtn = this.shadowRoot!.querySelector<Button>(\".ui5-shellbar-cancel-button\");\n\t\tif (!cancelBtn) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst clearDefaultPrevented = !this.fireDecoratorEvent(\"search-field-clear\", {\n\t\t\ttargetRef: cancelBtn,\n\t\t});\n\n\t\tthis.showFullWidthSearch = false;\n\t\tthis.setSearchState(false);\n\n\t\tif (!clearDefaultPrevented && this.search) {\n\t\t\tthis.search.value = \"\";\n\t\t}\n\t}\n\n\t/* =================== Legacy Features Management =================== */\n\n\tprivate initLegacyController() {\n\t\tif (this.hasLegacyFeatures) {\n\t\t\tthis.legacyAdaptor = new ShellBarLegacy({\n\t\t\t\tcomponent: this,\n\t\t\t\tgetShadowRoot: () => this.shadowRoot,\n\t\t\t});\n\t\t}\n\t}\n\n\tget hasLegacyFeatures(): boolean {\n\t\treturn this.logo.length > 0\n\t\t\t|| !!this.primaryTitle\n\t\t\t|| !!this.secondaryTitle\n\t\t\t|| this.menuItems.length > 0;\n\t}\n\n\t/* =================== Keyboard Navigation =================== */\n\n\t_onKeyDown(e: KeyboardEvent) {\n\t\tthis.itemNavigation.handleKeyDown(e);\n\t}\n\n\t/* =================== Content Management =================== */\n\n\tget startContent(): HTMLElement[] {\n\t\treturn this.splitContent(this.content).start;\n\t}\n\n\tget endContent(): HTMLElement[] {\n\t\treturn this.splitContent(this.content).end;\n\t}\n\n\tget separatorConfig() {\n\t\tif (this.isSBreakPoint) {\n\t\t\treturn {\n\t\t\t\tshowStartSeparator: false,\n\t\t\t\tshowEndSeparator: false,\n\t\t\t};\n\t\t}\n\t\tconst { start, end } = this.splitContent(this.content);\n\n\t\treturn {\n\t\t\tshowStartSeparator: start.some(item => !this.hiddenItemsIds.includes((item as any)._individualSlot as string)),\n\t\t\tshowEndSeparator: end.some(item => !this.hiddenItemsIds.includes((item as any)._individualSlot as string)),\n\t\t};\n\t}\n\n\tsplitContent(content: readonly HTMLElement[]) {\n\t\tconst spacerIndex = content.findIndex(\n\t\t\tchild => child.hasAttribute(\"ui5-shellbar-spacer\"),\n\t\t);\n\n\t\tif (spacerIndex === -1) {\n\t\t\treturn { start: [...content], end: [] };\n\t\t}\n\n\t\treturn {\n\t\t\tstart: content.slice(0, spacerIndex),\n\t\t\tend: content.slice(spacerIndex + 1),\n\t\t};\n\t}\n\n\tsortContent(content: readonly HTMLElement[]) {\n\t\t// reverse so items on the right are hidden first\n\t\t// then sort by hide order to apply custom preferences\n\t\treturn content.toReversed().toSorted((a, b) => {\n\t\t\tconst aOrder = parseInt(a.getAttribute(\"data-hide-order\") || \"0\");\n\t\t\tconst bOrder = parseInt(b.getAttribute(\"data-hide-order\") || \"0\");\n\t\t\treturn aOrder - bOrder;\n\t\t});\n\t}\n\n\t/*\n\t * Determines whether a separator should be packed with an item.\n\t * Separators are packed with the last item that is hidden to account for\n\t * the space they occupy when next overflow calculation occurs.\n\t */\n\tgetPackedSeparatorInfo(item: HTMLElement, isStartGroup: boolean) {\n\t\tconst group = isStartGroup ? this.startContent : this.endContent;\n\t\tconst sorted = this.sortContent(group);\n\t\tconst isHidden = this.hiddenItemsIds.includes((item as any)._individualSlot as string);\n\t\tconst isLastItem = sorted.at(-1) === item;\n\n\t\treturn { shouldPack: isHidden && isLastItem };\n\t}\n\n\t/* =================== Items Management =================== */\n\n\tsortItems(items: readonly ShellBarItem[]) {\n\t\treturn items.toSorted((a, b) => {\n\t\t\tconst aIndex = PREDEFINED_PLACE_ITEMS.indexOf(a.icon || \"\");\n\t\t\tconst bIndex = PREDEFINED_PLACE_ITEMS.indexOf(b.icon || \"\");\n\t\t\treturn aIndex - bIndex;\n\t\t});\n\t}\n\n\t/* =================== Accessibility =================== */\n\n\tget actionsAccessibilityInfo(): ShellBarAccessibilityInfo {\n\t\treturn this.accessibility.getActionsAccessibilityAttributes(this.texts, {\n\t\t\toverflowPopoverOpen: this.overflowPopoverOpen,\n\t\t\taccessibilityAttributes: this.accessibilityAttributes,\n\t\t});\n\t}\n\n\tget actionsRole(): \"toolbar\" | undefined {\n\t\tconst visibleCount = this.actions.filter(a => !this.hiddenItemsIds.includes(a.id)).length;\n\t\treturn this.accessibility.getActionsRole(visibleCount);\n\t}\n\n\tget contentRole(): \"group\" | undefined {\n\t\tconst visibleItemsCount = this.content.filter(item => !this.hiddenItemsIds.includes((item as any)._individualSlot as string)).length;\n\t\treturn this.accessibility.getContentRole(visibleItemsCount);\n\t}\n\n\t/* =================== Common Members =================== */\n\n\tget enabledFeatures() {\n\t\treturn {\n\t\t\tsearch: this.searchField.length > 0,\n\t\t\tprofile: this.profile.length > 0,\n\t\t\tcontent: this.content.length > 0,\n\t\t\tbranding: this.branding.length > 0,\n\t\t\toverflow: this.showOverflowButton,\n\t\t\tassistant: this.assistant.length > 0,\n\t\t\tstartButton: this.startButton.length > 0,\n\t\t\tnotifications: this.showNotifications,\n\t\t\tproductSwitch: this.showProductSwitch,\n\t\t};\n\t}\n\n\tget texts() {\n\t\treturn {\n\t\t\tsearch: ShellBar.i18nBundle.getText(SHELLBAR_SEARCH),\n\t\t\tprofile: ShellBar.i18nBundle.getText(SHELLBAR_PROFILE),\n\t\t\tshellbar: ShellBar.i18nBundle.getText(SHELLBAR_LABEL),\n\t\t\tproducts: ShellBar.i18nBundle.getText(SHELLBAR_PRODUCTS),\n\t\t\toverflow: ShellBar.i18nBundle.getText(SHELLBAR_OVERFLOW),\n\t\t\tassistant: ShellBar.i18nBundle.getText(SHELLBAR_ASSISTANT),\n\t\t\tnotifications: ShellBar.i18nBundle.getText(SHELLBAR_NOTIFICATIONS, this.notificationsCount || 0),\n\t\t\tnotificationsNoCount: ShellBar.i18nBundle.getText(SHELLBAR_NOTIFICATIONS_NO_COUNT),\n\t\t\tcontentItems: this.content.length > 1 ? ShellBar.i18nBundle.getText(SHELLBAR_ADDITIONAL_CONTEXT) : undefined,\n\t\t};\n\t}\n\n\tget popoverHorizontalAlign(): \"Start\" | \"End\" {\n\t\treturn this.effectiveDir === \"rtl\" ? \"Start\" : \"End\";\n\t}\n\n\t/**\n\t * Returns the `logo` DOM ref.\n\t * @public\n\t * @default null\n\t * @since 1.0.0-rc.16\n\t */\n\tget logoDomRef(): HTMLElement | null {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(`*[data-ui5-stable=\"logo\"]`);\n\t}\n\n\t/**\n\t * Returns the `notifications` icon DOM ref.\n\t * @public\n\t * @default null\n\t * @since 1.0.0-rc.16\n\t */\n\tget notificationsDomRef(): HTMLElement | null {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(`*[data-ui5-stable=\"notifications\"]`);\n\t}\n\n\t/**\n\t * Returns the `overflow` icon DOM ref.\n\t * @public\n\t * @default null\n\t * @since 1.0.0-rc.16\n\t */\n\tget overflowDomRef(): HTMLElement | null {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(`*[data-ui5-stable=\"overflow\"]`);\n\t}\n\n\t/**\n\t * Returns the `profile` icon DOM ref.\n\t * @public\n\t * @default null\n\t * @since 1.0.0-rc.16\n\t */\n\tget profileDomRef(): HTMLElement | null {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(`*[data-ui5-stable=\"profile\"]`);\n\t}\n\n\t/**\n\t * Returns the `product-switch` icon DOM ref.\n\t * @public\n\t * @default null\n\t * @since 1.0.0-rc.16\n\t */\n\tget productSwitchDomRef(): HTMLElement | null {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(`*[data-ui5-stable=\"product-switch\"]`);\n\t}\n\n\t/**\n\t * Returns the search button DOM reference.\n\t * @public\n\t */\n\tasync getSearchButtonDomRef(): Promise<HTMLElement | null> {\n\t\tawait renderFinished();\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(`*[data-ui5-stable=\"toggle-search\"]`);\n\t}\n\n\tprivate _fireClickEvent(eventName: string, domRef: HTMLElement | null): boolean {\n\t\treturn domRef ? !this.fireDecoratorEvent(eventName as any, { targetRef: domRef }) : false;\n\t}\n\n\thandleNotificationsClick() {\n\t\treturn this._fireClickEvent(\"notifications-click\", this.notificationsDomRef);\n\t}\n\n\thandleProfileClick() {\n\t\treturn this._fireClickEvent(\"profile-click\", this.profileDomRef);\n\t}\n\n\thandleProductSwitchClick() {\n\t\treturn this._fireClickEvent(\"product-switch-click\", this.productSwitchDomRef);\n\t}\n\n\tgetCSSVariable(cssVar: string): string {\n\t\tconst styleSet = getComputedStyle(this.getDomRef()!);\n\t\treturn styleSet.getPropertyValue(getScopedVarName(cssVar));\n\t}\n}\n\nShellBar.define();\n\nexport default ShellBar;\nexport {\n\tShellBarActions,\n\tShellBarActionsSelectors,\n};\nexport type {\n\t/* Event Types */\n\tShellBarProfileClickEventDetail,\n\tShellBarSearchButtonEventDetail,\n\tShellBarSearchFieldClearEventDetail,\n\tShellBarSearchFieldToggleEventDetail,\n\tShellBarProductSwitchClickEventDetail,\n\tShellBarNotificationsClickEventDetail,\n\tShellBarContentItemVisibilityChangeEventDetail,\n\t/* Common Types */\n\tShellBarActionId,\n\tShellBarActionItem,\n\tIShellBarSearchField,\n\tShellBarBreakpoint,\n\t/* Accessibility Types */\n\tShellBarAccessibilityInfo,\n\tShellBarAccessibilityAttributes,\n\tShellBarAreaAccessibilityAttributes,\n\tShellBarProfileAccessibilityAttributes,\n\t/* Legacy Types (DELETE WHEN REMOVING LEGACY) */\n\tShellBarLogoClickEventDetail,\n\tShellBarMenuItemClickEventDetail,\n\tShellBarLogoAccessibilityAttributes,\n};\n"]}
1
+ {"version":3,"file":"ShellBar.js","sourceRoot":"","sources":["../src/ShellBar.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { Slot, DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport query from \"@ui5/webcomponents-base/dist/decorators/query.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { getScopedVarName } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport arraysAreEqual from \"@ui5/webcomponents-base/dist/util/arraysAreEqual.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { renderFinished } from \"@ui5/webcomponents-base/dist/Render.js\";\nimport throttle from \"@ui5/webcomponents-base/dist/util/throttle.js\";\n\nimport type { IButton } from \"@ui5/webcomponents/dist/Button.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport ButtonBadge from \"@ui5/webcomponents/dist/ButtonBadge.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport Menu from \"@ui5/webcomponents/dist/Menu.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport ListItemStandard from \"@ui5/webcomponents/dist/ListItemStandard.js\";\nimport searchIcon from \"@ui5/webcomponents-icons/dist/search.js\";\nimport bellIcon from \"@ui5/webcomponents-icons/dist/bell.js\";\nimport gridIcon from \"@ui5/webcomponents-icons/dist/grid.js\";\nimport daIcon from \"@ui5/webcomponents-icons/dist/da.js\";\nimport overflowIcon from \"@ui5/webcomponents-icons/dist/overflow.js\";\n\nimport ShellBarTemplate from \"./ShellBarTemplate.js\";\nimport shellBarStyles from \"./generated/themes/ShellBar.css.js\";\nimport ShellBarPopoverCss from \"./generated/themes/ShellBarPopover.css.js\";\nimport shellBarLegacyStyles from \"./generated/themes/ShellBarLegacy.css.js\";\n\nimport type { IShellBarSearchController } from \"./shellbar/IShellBarSearchController.js\";\n\nimport ShellBarLegacy from \"./shellbar/ShellBarLegacy.js\";\nimport ShellBarSearch from \"./shellbar/ShellBarSearch.js\";\nimport ShellBarSearchLegacy from \"./shellbar/ShellBarSearchLegacy.js\";\nimport ShellBarOverflow from \"./shellbar/ShellBarOverflow.js\";\nimport ShellBarAccessibility from \"./shellbar/ShellBarAccessibility.js\";\nimport ShellBarItemNavigation from \"./shellbar/ShellBarItemNavigation.js\";\n\nimport ShellBarItem from \"./ShellBarItem.js\";\nimport ShellBarSpacer from \"./ShellBarSpacer.js\";\nimport type ShellBarBranding from \"./ShellBarBranding.js\";\nimport type { ShellBarOverflowResult } from \"./shellbar/ShellBarOverflow.js\";\n\nimport type {\n\tShellBarAccessibilityInfo,\n\tShellBarAccessibilityAttributes,\n\tShellBarAreaAccessibilityAttributes,\n\tShellBarLogoAccessibilityAttributes,\n\tShellBarProfileAccessibilityAttributes,\n} from \"./shellbar/ShellBarAccessibility.js\";\n\nimport {\n\tSHELLBAR_LABEL,\n\tSHELLBAR_NOTIFICATIONS,\n\tSHELLBAR_NOTIFICATIONS_NO_COUNT,\n\tSHELLBAR_PROFILE,\n\tSHELLBAR_PRODUCTS,\n\tSHELLBAR_SEARCH,\n\tSHELLBAR_ASSISTANT,\n\tSHELLBAR_OVERFLOW,\n\tSHELLBAR_ADDITIONAL_CONTEXT,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport type ListItemBase from \"@ui5/webcomponents/dist/ListItemBase.js\";\n\ntype ShellBarBreakpoint = \"S\" | \"M\" | \"L\" | \"XL\" | \"XXL\";\n\nconst ShellBarActions = {\n\tSearch: \"search\",\n\tProfile: \"profile\",\n\tOverflow: \"overflow\",\n\tAssistant: \"assistant\",\n\tProductSwitch: \"products\",\n\tNotifications: \"notifications\",\n};\n\nconst ShellBarActionsSelectors = {\n\tSearch: \".ui5-shellbar-search-toggle\",\n\tProfile: \".ui5-shellbar-image-button\",\n\tOverflow: \".ui5-shellbar-overflow-button\",\n\tAssistant: \".ui5-shellbar-assistant-button\",\n\tProductSwitch: \".ui5-shellbar-button-product-switch\",\n\tNotifications: \".ui5-shellbar-bell-button\",\n};\n\ntype ShellBarActionId = typeof ShellBarActions[keyof typeof ShellBarActions];\n\ntype ShellBarActionItem = {\n\tid: ShellBarActionId;\n\ticon?: string;\n\tcount?: string;\n\tenabled: boolean; \t\t// Whether the action is enabled and should be displayed\n\tselector: string; \t\t// The selector by which we can target the action\n\tisProtected: boolean \t// Whether the action can go into the overflow\n\tstableDomRef?: string;\n};\n\ninterface IShellBarSearchField extends HTMLElement {\n\tfocused: boolean;\n\tvalue: string;\n\tcollapsed?: boolean;\n\topen?: boolean;\n}\n\n// Event Types\n\ntype ShellBarNotificationsClickEventDetail = {\n\ttargetRef: HTMLElement;\n};\n\ntype ShellBarProfileClickEventDetail = {\n\ttargetRef: HTMLElement;\n};\n\ntype ShellBarProductSwitchClickEventDetail = {\n\ttargetRef: HTMLElement;\n};\n\ntype ShellBarLogoClickEventDetail = {\n\ttargetRef: HTMLElement;\n};\n\ntype ShellBarMenuItemClickEventDetail = {\n\titem: HTMLElement;\n};\n\ntype ShellBarContentItemVisibilityChangeEventDetail = {\n\titems: Array<HTMLElement>\n};\n\ntype ShellBarSearchButtonEventDetail = {\n\ttargetRef: HTMLElement;\n\tsearchFieldVisible: boolean;\n};\n\ntype ShellBarSearchFieldToggleEventDetail = {\n\texpanded: boolean;\n};\n\ntype ShellBarSearchFieldClearEventDetail = {\n\ttargetRef: HTMLElement;\n};\n\n/**\n * @class\n * ### Overview\n *\n * The `ui5-shellbar` is meant to serve as an application header\n * and includes numerous built-in features, such as: logo, profile image/icon, title, search field, notifications and so on.\n *\n * ### Stable DOM Refs\n *\n * You can use the following stable DOM refs for the `ui5-shellbar`:\n *\n * - logo\n * - notifications\n * - overflow\n * - profile\n * - product-switch\n *\n * ### Keyboard Handling\n *\n * #### Fast Navigation\n * This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\n * In order to use this functionality, you need to import the following module:\n * `import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/ShellBar.js\";`\n * @csspart root - Used to style the outermost wrapper of the `ui5-shellbar`\n * @constructor\n * @extends UI5Element\n * @public\n * @since 0.8.0\n */\n\n@customElement({\n\ttag: \"ui5-shellbar\",\n\tstyles: [shellBarStyles, shellBarLegacyStyles, ShellBarPopoverCss],\n\trenderer: jsxRenderer,\n\ttemplate: ShellBarTemplate,\n\tfastNavigation: true,\n\tlanguageAware: true,\n\tdependencies: [\n\t\tIcon,\n\t\tList,\n\t\tButton,\n\t\tButtonBadge,\n\t\tPopover,\n\t\tShellBarSpacer,\n\t\tShellBarItem,\n\t\tListItemStandard,\n\t\t// legacy dependencies\n\t\tMenu,\n\t],\n})\n/**\n *\n * Fired, when the notification icon is activated.\n * @param {HTMLElement} targetRef dom ref of the activated element\n * @public\n */\n@event(\"notifications-click\", {\n\tcancelable: true,\n\tbubbles: true,\n})\n\n/**\n * Fired, when the profile slot is present.\n * @param {HTMLElement} targetRef dom ref of the activated element\n * @public\n */\n@event(\"profile-click\", {\n\tbubbles: true,\n})\n\n/**\n * Fired, when the product switch icon is activated.\n *\n * **Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.\n * @param {HTMLElement} targetRef dom ref of the activated element\n * @public\n */\n@event(\"product-switch-click\", {\n\tcancelable: true,\n\tbubbles: true,\n})\n\n/**\n * Fired, when the logo is activated.\n * @param {HTMLElement} targetRef dom ref of the activated element\n * @since 0.10\n * @public\n */\n@event(\"logo-click\", {\n\tbubbles: true,\n})\n\n/**\n * Fired, when a menu item is activated\n *\n * **Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.\n * @param {HTMLElement} item DOM ref of the activated list item\n * @since 0.10\n * @public\n */\n@event(\"menu-item-click\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\n/**\n * Fired, when the search button is activated.\n *\n * **Note:** You can prevent expanding/collapsing of the search field by calling `event.preventDefault()`.\n * @param {HTMLElement} targetRef dom ref of the activated element\n * @param {Boolean} searchFieldVisible whether the search field is visible\n * @public\n */\n\n@event(\"search-button-click\", {\n\tcancelable: true,\n\tbubbles: true,\n})\n\n/**\n * Fired, when the search field is expanded or collapsed.\n * @since 2.10.0\n * @param {Boolean} expanded whether the search field is expanded\n * @public\n */\n@event(\"search-field-toggle\", {\n\tbubbles: true,\n})\n\n/**\n * Fired, when the search cancel button is activated.\n *\n * **Note:** You can prevent the default behavior (clearing the search field value) by calling `event.preventDefault()`. The search will still be closed.\n * **Note:** The `search-field-clear` event is in an experimental state and is a subject to change.\n * @param {HTMLElement} targetRef dom ref of the cancel button element\n * @since 2.14.0\n * @public\n */\n@event(\"search-field-clear\", {\n\tcancelable: true,\n\tbubbles: true,\n})\n\n/**\n * Fired, when an item from the content slot is hidden or shown.\n * **Note:** The `content-item-visibility-change` event is in an experimental state and is a subject to change.\n *\n * @param {Array<HTMLElement>} array of all the items that are hidden\n * @public\n * @since 2.7.0\n */\n@event(\"content-item-visibility-change\", {\n\tbubbles: true,\n})\n\nclass ShellBar extends UI5Element {\n\teventDetails!: {\n\t\t\"notifications-click\": ShellBarNotificationsClickEventDetail,\n\t\t\"profile-click\": ShellBarProfileClickEventDetail,\n\t\t\"product-switch-click\": ShellBarProductSwitchClickEventDetail,\n\t\t\"logo-click\": ShellBarLogoClickEventDetail,\n\t\t\"menu-item-click\": ShellBarMenuItemClickEventDetail,\n\t\t\"search-button-click\": ShellBarSearchButtonEventDetail,\n\t\t\"search-field-toggle\": ShellBarSearchFieldToggleEventDetail,\n\t\t\"search-field-clear\": ShellBarSearchFieldClearEventDetail,\n\t\t\"content-item-visibility-change\": ShellBarContentItemVisibilityChangeEventDetail\n\t}\n\n\t/**\n\t * Defines a `ui5-button` in the bar that will be placed in the beginning.\n\t * We encourage this slot to be used for a menu button.\n\t * It gets overstyled to match ShellBar's styling.\n\t * @public\n\t */\n\t@slot()\n\tstartButton!: Slot<IButton>;\n\n\t/**\n\t * Defines the branding slot.\n\t * The `ui5-shellbar-branding` component is intended to be placed inside this slot.\n\t * Content placed here takes precedence over the `primaryTitle` property and the `logo` content slot.\n\t *\n\t * **Note:** The `branding` slot is in an experimental state and is a subject to change.\n\t *\n\t * @since 2.12.0\n\t * @public\n\t */\n\t@slot()\n\tbranding!: Slot<ShellBarBranding>;\n\n\t/**\n\t * Define the items displayed in the content area.\n\t *\n\t * Use the `data-hide-order` attribute with numeric value to specify the order of the items to be hidden when the space is not enough.\n\t * Lower values will be hidden first.\n\t *\n\t * **Note:** The `content` slot is in an experimental state and is a subject to change.\n\t *\n\t * @public\n\t * @since 2.7.0\n\t */\n\t@slot({ type: HTMLElement, individualSlots: true })\n\tcontent!: Slot<HTMLElement>;\n\n\t/**\n\t * Defines the `ui5-input`, that will be used as a search field.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement })\n\tsearchField!: Slot<IShellBarSearchField>;\n\n\t/**\n\t * Defines the assistant slot.\n\t *\n\t * @since 2.0.0\n\t * @public\n\t */\n\t@slot()\n\tassistant!: Slot<IButton>;\n\n\t/**\n\t * Defines the `ui5-shellbar` additional items.\n\t *\n\t * **Note:**\n\t * You can use the `<ui5-shellbar-item></ui5-shellbar-item>`.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n\titems!: DefaultSlot<ShellBarItem>;\n\n\t/**\n\t * You can pass `ui5-avatar` to set the profile image/icon.\n\t * If no profile slot is set - profile will be excluded from actions.\n\t *\n\t * **Note:** We recommend not using the `size` attribute of `ui5-avatar` because\n\t * it should have specific size by design in the context of `ui5-shellbar` profile.\n\t * @since 1.0.0-rc.6\n\t * @public\n\t */\n\t@slot()\n\tprofile!: Slot<HTMLElement>;\n\n\t/**\n\t * Defines the `notificationsCount`,\n\t * displayed in the notification icon top-right corner.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tnotificationsCount?: string;\n\n\t/**\n\t * Defines, if the notification icon would be displayed.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tshowNotifications = false;\n\n\t/**\n\t * Defines, if the product switch icon would be displayed.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tshowProductSwitch = false;\n\n\t/**\n\t * Defines, if the Search Field would be displayed when there is a valid `searchField` slot.\n\t *\n\t * **Note:** By default the Search Field is not displayed.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tshowSearchField = false;\n\n\t/**\n\t * Defines additional accessibility attributes on different areas of the component.\n\t *\n\t * The accessibilityAttributes object has the following fields,\n\t * where each field is an object supporting one or more accessibility attributes:\n\t *\n\t * - **logo** - `logo.role` and `logo.name`.\n\t * - **notifications** - `notifications.expanded` and `notifications.hasPopup`.\n\t * - **profile** - `profile.expanded`, `profile.hasPopup` and `profile.name`.\n\t * - **product** - `product.expanded` and `product.hasPopup`.\n\t * - **search** - `search.hasPopup`.\n\t * - **overflow** - `overflow.expanded` and `overflow.hasPopup`.\n\t * - **branding** - `branding.name`.\n\t *\n\t * The accessibility attributes support the following values:\n\t *\n\t * - **role**: Defines the accessible ARIA role of the logo area.\n\t * Accepts the following string values: `button` or `link`.\n\t *\n\t * - **expanded**: Indicates whether the button, or another grouping element it controls,\n\t * is currently expanded or collapsed.\n\t * Accepts the following string values: `true` or `false`.\n\t *\n\t * - **hasPopup**: Indicates the availability and type of interactive popup element,\n\t * such as menu or dialog, that can be triggered by the button.\n\t *\n\t * Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\t * - **name**: Defines the accessible ARIA name of the area.\n\t * Accepts any string.\n\t *\n\t * @default {}\n\t * @public\n\t * @since 1.10.0\n\t */\n\t@property({ type: Object })\n\taccessibilityAttributes: ShellBarAccessibilityAttributes = {};\n\n\t/**\n\t * @private\n\t */\n\t@property()\n\tbreakpointSize = \"S\";\n\n\t/**\n\t * Actions computed from controllers.\n\t * @private\n\t */\n\t@property({ type: Object })\n\tactions: ShellBarActionItem[] = [];\n\n\t/**\n\t * Show overflow button when items are hidden.\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tshowOverflowButton = false;\n\n\t/**\n\t * Open state of the overflow popover.\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\toverflowPopoverOpen = false;\n\n\t/**\n\t * IDs of items currently hidden due to overflow.\n\t * Used to trigger rerender for conditional rendering.\n\t * @private\n\t */\n\t@property({ type: Object })\n\thiddenItemsIds: string[] = [];\n\n\t/**\n\t * Show full-screen search overlay.\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tshowFullWidthSearch = false;\n\n\t/**\n\t * Spacer element.\n\t * @private\n\t */\n\t@query(\".ui5-shellbar-spacer\")\n\tspacer?: HTMLElement;\n\n\t/**\n\t * Outer container of the overflow container.\n\t * @private\n\t */\n\t@query(\".ui5-shellbar-overflow-container\")\n\toverflowOuter?: HTMLElement;\n\n\t/**\n\t * Inner container of the overflow container.\n\t * @private\n\t */\n\t@query(\".ui5-shellbar-overflow-container-inner\")\n\toverflowInner?: HTMLElement;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\tprivate readonly RESIZE_THROTTLE_RATE = 100; // ms\n\tprivate handleResizeBound: ResizeObserverCallback = throttle(this.handleResize.bind(this), this.RESIZE_THROTTLE_RATE);\n\n\tprivate readonly breakpoints = [599, 1023, 1439, 1919, 10000];\n\tprivate readonly breakpointMap: Record<number, ShellBarBreakpoint> = {\n\t\t599: \"S\",\n\t\t1023: \"M\",\n\t\t1439: \"L\",\n\t\t1919: \"XL\",\n\t\t10000: \"XXL\",\n\t};\n\n\titemNavigation = new ShellBarItemNavigation({\n\t\tgetDomRef: () => this.getDomRef() || null,\n\t});\n\n\toverflow = new ShellBarOverflow();\n\taccessibility: ShellBarAccessibility = new ShellBarAccessibility();\n\n\tprivate _searchAdaptor = new ShellBarSearch(this.getSearchDeps());\n\tprivate _searchAdaptorLegacy = new ShellBarSearchLegacy({\n\t\t...this.getSearchDeps(),\n\t\tgetDisableSearchCollapse: () => this.disableSearchCollapse,\n\t});\n\n\t/* =================== Legacy Members =================== */\n\n\t/**\n\t * Defines the visibility state of the search button.\n\t *\n\t * **Note:** The `hideSearchButton` property is in an experimental state and is a subject to change.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideSearchButton = false;\n\n\t/**\n\t * Disables the automatic search field expansion/collapse when the available space is not enough.\n\t *\n\t * **Note:** The `disableSearchCollapse` property is in an experimental state and is a subject to change.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisableSearchCollapse = false;\n\n\t/**\n\t * Defines the `primaryTitle`.\n\t *\n\t * **Note:** The `primaryTitle` would be hidden on S screen size (less than approx. 700px).\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tprimaryTitle?: string;\n\n\t/**\n\t * Defines the `secondaryTitle`.\n\t *\n\t * **Note:** The `secondaryTitle` would be hidden on S and M screen sizes (less than approx. 1300px).\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tsecondaryTitle?: string;\n\n\t/**\n\t * Defines the logo of the `ui5-shellbar`.\n\t * For example, you can use `ui5-avatar` or `img` elements as logo.\n\t * @since 1.0.0-rc.8\n\t * @public\n\t */\n\t@slot()\n\tlogo!: Slot<HTMLElement>;\n\n\t/**\n\t * Defines the items displayed in menu after a click on a start button.\n\t *\n\t * **Note:** You can use the `<ui5-li></ui5-li>` and its ancestors.\n\t * @since 0.10\n\t * @public\n\t */\n\t@slot()\n\tmenuItems!: Slot<ListItemBase>;\n\n\t/**\n\t * Open state of the menu popover (legacy).\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tmenuPopoverOpen = false;\n\n\t/**\n\t * The container is positioned in the center of the `ui5-shellbar` and occupies one-third of the total length of the `ui5-shellbar`.\n\t *\n\t * **Note:** If set, the `searchField` slot is not rendered.\n\t * @private\n\t */\n\t@slot()\n\tmidContent!: Slot<HTMLElement>;\n\n\tlegacyAdaptor?: ShellBarLegacy;\n\n\t/* =================== Lifecycle Methods =================== */\n\n\tonEnterDOM() {\n\t\tResizeHandler.register(this, this.handleResizeBound);\n\t\tthis.searchAdaptor?.subscribe();\n\t}\n\n\tonExitDOM() {\n\t\tResizeHandler.deregister(this, this.handleResizeBound);\n\t\tthis.searchAdaptor?.unsubscribe();\n\t}\n\n\tonBeforeRendering() {\n\t\tif (!this.legacyAdaptor) {\n\t\t\tthis.initLegacyController();\n\t\t}\n\t\t// Sync branding breakpoint state\n\t\tthis.branding.forEach(brandingEl => {\n\t\t\tbrandingEl._isSBreakPoint = this.isSBreakPoint;\n\t\t});\n\n\t\tthis.buildActions();\n\n\t\tthis.searchAdaptor?.syncShowSearchFieldState();\n\t\t// subscribe to search adaptor for cases when search is added dynamically\n\t\tthis.searchAdaptor?.unsubscribe();\n\t\tthis.searchAdaptor?.subscribe();\n\t}\n\n\tonAfterRendering() {\n\t\tthis.updateBreakpoint();\n\t\tthis.updateOverflow();\n\t}\n\n\t/* =================== Actions Management =================== */\n\n\tprivate buildActions() {\n\t\tthis.actions = [\n\t\t\t{\n\t\t\t\tid: ShellBarActions.Search,\n\t\t\t\ticon: searchIcon,\n\t\t\t\tenabled: this.enabledFeatures.search,\n\t\t\t\tselector: ShellBarActionsSelectors.Search,\n\t\t\t\tisProtected: false,\n\t\t\t\tstableDomRef: \"toggle-search\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: ShellBarActions.Assistant,\n\t\t\t\ticon: daIcon,\n\t\t\t\tenabled: this.enabledFeatures.assistant,\n\t\t\t\tselector: ShellBarActionsSelectors.Assistant,\n\t\t\t\tisProtected: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: ShellBarActions.Notifications,\n\t\t\t\ticon: bellIcon,\n\t\t\t\tcount: this.notificationsCount,\n\t\t\t\tenabled: this.enabledFeatures.notifications,\n\t\t\t\tselector: ShellBarActionsSelectors.Notifications,\n\t\t\t\tisProtected: false,\n\t\t\t\tstableDomRef: \"notifications\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: ShellBarActions.Overflow,\n\t\t\t\ticon: overflowIcon,\n\t\t\t\tenabled: this.enabledFeatures.overflow,\n\t\t\t\tselector: ShellBarActionsSelectors.Overflow,\n\t\t\t\tisProtected: true,\n\t\t\t\tstableDomRef: \"overflow\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: ShellBarActions.Profile,\n\t\t\t\tenabled: this.enabledFeatures.profile,\n\t\t\t\tselector: ShellBarActionsSelectors.Profile,\n\t\t\t\tisProtected: true,\n\t\t\t\tstableDomRef: \"profile\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: ShellBarActions.ProductSwitch,\n\t\t\t\ticon: gridIcon,\n\t\t\t\tenabled: this.enabledFeatures.productSwitch,\n\t\t\t\tselector: ShellBarActionsSelectors.ProductSwitch,\n\t\t\t\tisProtected: true,\n\t\t\t\tstableDomRef: \"product-switch\",\n\t\t\t},\n\t\t].filter(action => action.enabled);\n\t}\n\n\tgetAction(actionId: ShellBarActionId) {\n\t\treturn this.actions.find(action => action.id === actionId);\n\t}\n\n\tgetActionOverflowText(actionId: ShellBarActionId): string {\n\t\tconst texts: Record<string, string> = {\n\t\t\t[ShellBarActions.Search]: this.texts.search,\n\t\t\t[ShellBarActions.Profile]: this.texts.profile,\n\t\t\t[ShellBarActions.Overflow]: this.texts.overflow,\n\t\t\t[ShellBarActions.Assistant]: this.texts.assistant,\n\t\t\t[ShellBarActions.ProductSwitch]: this.texts.products,\n\t\t\t[ShellBarActions.Notifications]: this.texts.notificationsNoCount,\n\t\t};\n\t\treturn texts[actionId] || actionId;\n\t}\n\n\t/* =================== Breakpoint Management =================== */\n\n\tget isSBreakPoint() {\n\t\treturn this.breakpointSize === \"S\";\n\t}\n\n\tprivate updateBreakpoint() {\n\t\tconst width = this.getBoundingClientRect().width;\n\t\tconst bp = this.breakpoints.find(b => width <= b) || 10000;\n\t\tconst breakpoint = this.breakpointMap[bp];\n\n\t\tif (this.breakpointSize !== breakpoint) {\n\t\t\tthis.breakpointSize = breakpoint;\n\t\t}\n\t}\n\n\t/* =================== Overflow Management =================== */\n\n\tprivate updateOverflow() {\n\t\tif (!this.overflow) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst result = this.overflow.updateOverflow({\n\t\t\tactions: this.actions,\n\t\t\tcontent: this.sortContent(this.content),\n\t\t\tcustomItems: this.items,\n\t\t\thiddenItemsIds: this.hiddenItemsIds,\n\t\t\tshowSearchField: this.enabledFeatures.search && this.showSearchField,\n\t\t\toverflowOuter: this.overflowOuter!,\n\t\t\toverflowInner: this.overflowInner!,\n\t\t\tsetVisible: (selector: string, visible: boolean) => {\n\t\t\t\tconst element = this.shadowRoot!.querySelector(selector);\n\t\t\t\tif (element) {\n\t\t\t\t\telement.classList[visible ? \"remove\" : \"add\"](\"ui5-shellbar-hidden\");\n\t\t\t\t}\n\t\t\t},\n\t\t});\n\n\t\tthis.handleUpdateOverflowResult(result);\n\n\t\treturn result.hiddenItemsIds;\n\t}\n\n\tprivate handleUpdateOverflowResult(result: ShellBarOverflowResult) {\n\t\tconst { hiddenItemsIds, showOverflowButton } = result;\n\n\t\t// Update items overflow state\n\t\tthis.items.forEach(item => {\n\t\t\titem.inOverflow = hiddenItemsIds.includes(item._id);\n\t\t\tif (item.inOverflow) {\n\t\t\t\t// clear the hidden class to ensure the item is visible in the overflow popover\n\t\t\t\titem.classList.remove(\"ui5-shellbar-hidden\");\n\t\t\t}\n\t\t});\n\n\t\tif (!arraysAreEqual(this.hiddenItemsIds, hiddenItemsIds)) {\n\t\t\tthis.handleContentVisibilityChanged(this.hiddenItemsIds, hiddenItemsIds);\n\t\t\tthis.hiddenItemsIds = hiddenItemsIds;\n\t\t\tthis.showOverflowButton = showOverflowButton;\n\t\t}\n\t\tthis.showFullWidthSearch = this.searchAdaptor?.shouldShowFullScreen() || false;\n\t}\n\n\tprivate handleContentVisibilityChanged(oldHiddenItemsIds: string[], newHiddenItemsIds: string[]) {\n\t\tconst filterContentIds = (ids: string[]) => ids.filter(id => this.content.some(item => (item as any)._individualSlot as string === id));\n\t\tconst oldHiddenContentIds = filterContentIds(oldHiddenItemsIds);\n\t\tconst newHiddenContentIds = filterContentIds(newHiddenItemsIds);\n\n\t\tif (!arraysAreEqual(oldHiddenContentIds, newHiddenContentIds)) {\n\t\t\tthis.fireDecoratorEvent(\"content-item-visibility-change\", {\n\t\t\t\titems: newHiddenContentIds.map(id => this.content.find(item => (item as any)._individualSlot as string === id)!),\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate handleResize() {\n\t\tthis.overflowPopoverOpen = false;\n\t\tthis.updateBreakpoint();\n\t\tconst hiddenItemsIds = this.updateOverflow() ?? [];\n\t\tconst spacerWidth = this.spacer?.getBoundingClientRect().width || 0;\n\t\tthis.searchAdaptor?.autoManageSearchState(hiddenItemsIds.length, spacerWidth);\n\t}\n\n\tisHidden(itemId: string) {\n\t\treturn this.hiddenItemsIds.includes(itemId);\n\t}\n\n\thandleOverflowClick() {\n\t\tthis.overflowPopoverOpen = !this.overflowPopoverOpen;\n\t}\n\n\tonPopoverClose() {\n\t\tthis.overflowPopoverOpen = false;\n\t}\n\n\t/**\n\t * Closes the overflow popover.\n\t * @public\n\t */\n\tcloseOverflow(): void {\n\t\tthis.overflowPopoverOpen = false;\n\t}\n\n\thandleOverflowItemClick(e: MouseEvent) {\n\t\tconst target = e.target as HTMLElement;\n\t\tconst actionId = target.getAttribute(\"data-action-id\");\n\n\t\tlet prevented = e.defaultPrevented; // for custom actions\n\n\t\tif (actionId === ShellBarActions.Notifications) {\n\t\t\tprevented = this.handleNotificationsClick();\n\t\t} else if (actionId === ShellBarActions.Search) {\n\t\t\tprevented = this.handleSearchButtonClick();\n\t\t}\n\n\t\tif (!prevented) {\n\t\t\tthis.overflowPopoverOpen = false;\n\t\t}\n\t}\n\n\tget overflowItems() {\n\t\treturn this.overflow.getOverflowItems({\n\t\t\tactions: this.actions,\n\t\t\tcustomItems: this.items,\n\t\t\thiddenItemsIds: this.hiddenItemsIds,\n\t\t});\n\t}\n\n\t/**\n\t * Returns badge text for overflow button.\n\t * Shows count if only one item with count is overflowed, otherwise shows attention dot.\n\t */\n\tget overflowBadge(): string | undefined {\n\t\tconst itemsWithCount = this.overflowItems.filter(item => item.data.count);\n\t\tif (itemsWithCount.length === 1) {\n\t\t\treturn itemsWithCount[0].data.count;\n\t\t}\n\t\tif (itemsWithCount.length > 1) {\n\t\t\treturn \" \"; // Attention dot\n\t\t}\n\t\treturn undefined;\n\t}\n\n\t/* =================== Search Management =================== */\n\n\tget search() {\n\t\treturn this.searchField.length ? this.searchField[0] : null;\n\t}\n\n\tget isSelfCollapsibleSearch(): boolean {\n\t\tconst searchField = this.search;\n\t\tif (searchField) {\n\t\t\treturn \"collapsed\" in searchField && \"open\" in searchField;\n\t\t}\n\t\treturn false;\n\t}\n\n\tprivate getSearchDeps() {\n\t\treturn {\n\t\t\tgetSearchField: () => this.search,\n\t\t\tgetSearchState: () => this.enabledFeatures.search && this.showSearchField,\n\t\t\tgetCSSVariable: (cssVar: string) => this.getCSSVariable(cssVar),\n\t\t\tsetSearchState: (expanded: boolean) => this.setSearchState(expanded),\n\t\t\tgetOverflowed: () => this.overflow.isOverflowing(this.overflowOuter!, this.overflowInner!),\n\t\t};\n\t}\n\n\tget searchAdaptor(): IShellBarSearchController {\n\t\tif (this.isSelfCollapsibleSearch) {\n\t\t\treturn this._searchAdaptor;\n\t\t}\n\t\treturn this._searchAdaptorLegacy;\n\t}\n\n\thandleSearchButtonClick() {\n\t\tconst searchButton = this.shadowRoot!.querySelector<Button>(\".ui5-shellbar-search-button\");\n\t\tconst defaultPrevented = !this.fireDecoratorEvent(\"search-button-click\", {\n\t\t\ttargetRef: searchButton!,\n\t\t\tsearchFieldVisible: this.showSearchField,\n\t\t});\n\n\t\tif (defaultPrevented) {\n\t\t\treturn defaultPrevented;\n\t\t}\n\n\t\tthis.setSearchState(!this.showSearchField);\n\n\t\tif (!this.showSearchField) {\n\t\t\treturn defaultPrevented;\n\t\t}\n\n\t\tconst input = this.searchField[0];\n\t\tif (input) {\n\t\t\tinput.focused = true;\n\t\t\tsetTimeout(() => {\n\t\t\t\tinput.focus();\n\t\t\t}, 100);\n\t\t}\n\t\treturn defaultPrevented;\n\t}\n\n\tasync setSearchState(expanded: boolean) {\n\t\tif (expanded === this.showSearchField) {\n\t\t\treturn;\n\t\t}\n\t\tthis.showSearchField = expanded;\n\t\tawait renderFinished();\n\t\tthis.fireDecoratorEvent(\"search-field-toggle\", { expanded });\n\t}\n\n\thandleCancelButtonClick() {\n\t\tconst cancelBtn = this.shadowRoot!.querySelector<Button>(\".ui5-shellbar-cancel-button\");\n\t\tif (!cancelBtn) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst clearDefaultPrevented = !this.fireDecoratorEvent(\"search-field-clear\", {\n\t\t\ttargetRef: cancelBtn,\n\t\t});\n\n\t\tthis.showFullWidthSearch = false;\n\t\tthis.setSearchState(false);\n\n\t\tif (!clearDefaultPrevented && this.search) {\n\t\t\tthis.search.value = \"\";\n\t\t}\n\t}\n\n\t/* =================== Legacy Features Management =================== */\n\n\tprivate initLegacyController() {\n\t\tif (this.hasLegacyFeatures) {\n\t\t\tthis.legacyAdaptor = new ShellBarLegacy({\n\t\t\t\tcomponent: this,\n\t\t\t\tgetShadowRoot: () => this.shadowRoot,\n\t\t\t});\n\t\t}\n\t}\n\n\tget hasLegacyFeatures(): boolean {\n\t\treturn this.logo.length > 0\n\t\t\t|| !!this.primaryTitle\n\t\t\t|| !!this.secondaryTitle\n\t\t\t|| this.menuItems.length > 0;\n\t}\n\n\t/* =================== Keyboard Navigation =================== */\n\n\t_onKeyDown(e: KeyboardEvent) {\n\t\tthis.itemNavigation.handleKeyDown(e);\n\t}\n\n\t/* =================== Content Management =================== */\n\n\tget startContent(): HTMLElement[] {\n\t\treturn this.splitContent(this.content).start;\n\t}\n\n\tget endContent(): HTMLElement[] {\n\t\treturn this.splitContent(this.content).end;\n\t}\n\n\tget separatorConfig() {\n\t\tif (this.isSBreakPoint) {\n\t\t\treturn {\n\t\t\t\tshowStartSeparator: false,\n\t\t\t\tshowEndSeparator: false,\n\t\t\t};\n\t\t}\n\t\tconst { start, end } = this.splitContent(this.content);\n\n\t\treturn {\n\t\t\tshowStartSeparator: start.some(item => !this.hiddenItemsIds.includes((item as any)._individualSlot as string)),\n\t\t\tshowEndSeparator: end.some(item => !this.hiddenItemsIds.includes((item as any)._individualSlot as string)),\n\t\t};\n\t}\n\n\tsplitContent(content: readonly HTMLElement[]) {\n\t\tconst spacerIndex = content.findIndex(\n\t\t\tchild => child.hasAttribute(\"ui5-shellbar-spacer\"),\n\t\t);\n\n\t\tif (spacerIndex === -1) {\n\t\t\treturn { start: [...content], end: [] };\n\t\t}\n\n\t\treturn {\n\t\t\tstart: content.slice(0, spacerIndex),\n\t\t\tend: content.slice(spacerIndex + 1),\n\t\t};\n\t}\n\n\tsortContent(content: readonly HTMLElement[]) {\n\t\t// reverse so items on the right are hidden first\n\t\t// then sort by hide order to apply custom preferences\n\t\treturn content.toReversed().toSorted((a, b) => {\n\t\t\tconst aOrder = parseInt(a.getAttribute(\"data-hide-order\") || \"0\");\n\t\t\tconst bOrder = parseInt(b.getAttribute(\"data-hide-order\") || \"0\");\n\t\t\treturn aOrder - bOrder;\n\t\t});\n\t}\n\n\t/*\n\t * Determines whether a separator should be packed with an item.\n\t * Separators are packed with the last item that is hidden to account for\n\t * the space they occupy when next overflow calculation occurs.\n\t */\n\tgetPackedSeparatorInfo(item: HTMLElement, isStartGroup: boolean) {\n\t\tconst group = isStartGroup ? this.startContent : this.endContent;\n\t\tconst sorted = this.sortContent(group);\n\t\tconst isHidden = this.hiddenItemsIds.includes((item as any)._individualSlot as string);\n\t\tconst isLastItem = sorted.at(-1) === item;\n\n\t\treturn { shouldPack: isHidden && isLastItem };\n\t}\n\n\t/* =================== Items Management =================== */\n\n\t/* =================== Accessibility =================== */\n\n\tget actionsAccessibilityInfo(): ShellBarAccessibilityInfo {\n\t\treturn this.accessibility.getActionsAccessibilityAttributes(this.texts, {\n\t\t\toverflowPopoverOpen: this.overflowPopoverOpen,\n\t\t\taccessibilityAttributes: this.accessibilityAttributes,\n\t\t});\n\t}\n\n\tget actionsRole(): \"toolbar\" | undefined {\n\t\tconst visibleCount = this.actions.filter(a => !this.hiddenItemsIds.includes(a.id)).length;\n\t\treturn this.accessibility.getActionsRole(visibleCount);\n\t}\n\n\tget contentRole(): \"group\" | undefined {\n\t\tconst visibleItemsCount = this.content.filter(item => !this.hiddenItemsIds.includes((item as any)._individualSlot as string)).length;\n\t\treturn this.accessibility.getContentRole(visibleItemsCount);\n\t}\n\n\t/* =================== Common Members =================== */\n\n\tget enabledFeatures() {\n\t\treturn {\n\t\t\tsearch: this.searchField.length > 0,\n\t\t\tprofile: this.profile.length > 0,\n\t\t\tcontent: this.content.length > 0,\n\t\t\tbranding: this.branding.length > 0,\n\t\t\toverflow: this.showOverflowButton,\n\t\t\tassistant: this.assistant.length > 0,\n\t\t\tstartButton: this.startButton.length > 0,\n\t\t\tnotifications: this.showNotifications,\n\t\t\tproductSwitch: this.showProductSwitch,\n\t\t};\n\t}\n\n\tget texts() {\n\t\treturn {\n\t\t\tsearch: ShellBar.i18nBundle.getText(SHELLBAR_SEARCH),\n\t\t\tprofile: ShellBar.i18nBundle.getText(SHELLBAR_PROFILE),\n\t\t\tshellbar: ShellBar.i18nBundle.getText(SHELLBAR_LABEL),\n\t\t\tproducts: ShellBar.i18nBundle.getText(SHELLBAR_PRODUCTS),\n\t\t\toverflow: ShellBar.i18nBundle.getText(SHELLBAR_OVERFLOW),\n\t\t\tassistant: ShellBar.i18nBundle.getText(SHELLBAR_ASSISTANT),\n\t\t\tnotifications: ShellBar.i18nBundle.getText(SHELLBAR_NOTIFICATIONS, this.notificationsCount || 0),\n\t\t\tnotificationsNoCount: ShellBar.i18nBundle.getText(SHELLBAR_NOTIFICATIONS_NO_COUNT),\n\t\t\tcontentItems: this.content.length > 1 ? ShellBar.i18nBundle.getText(SHELLBAR_ADDITIONAL_CONTEXT) : undefined,\n\t\t};\n\t}\n\n\tget popoverHorizontalAlign(): \"Start\" | \"End\" {\n\t\treturn this.effectiveDir === \"rtl\" ? \"Start\" : \"End\";\n\t}\n\n\t/**\n\t * Returns the `logo` DOM ref.\n\t * @public\n\t * @default null\n\t * @since 1.0.0-rc.16\n\t */\n\tget logoDomRef(): HTMLElement | null {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(`*[data-ui5-stable=\"logo\"]`);\n\t}\n\n\t/**\n\t * Returns the `notifications` icon DOM ref.\n\t * @public\n\t * @default null\n\t * @since 1.0.0-rc.16\n\t */\n\tget notificationsDomRef(): HTMLElement | null {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(`*[data-ui5-stable=\"notifications\"]`);\n\t}\n\n\t/**\n\t * Returns the `overflow` icon DOM ref.\n\t * @public\n\t * @default null\n\t * @since 1.0.0-rc.16\n\t */\n\tget overflowDomRef(): HTMLElement | null {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(`*[data-ui5-stable=\"overflow\"]`);\n\t}\n\n\t/**\n\t * Returns the `profile` icon DOM ref.\n\t * @public\n\t * @default null\n\t * @since 1.0.0-rc.16\n\t */\n\tget profileDomRef(): HTMLElement | null {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(`*[data-ui5-stable=\"profile\"]`);\n\t}\n\n\t/**\n\t * Returns the `product-switch` icon DOM ref.\n\t * @public\n\t * @default null\n\t * @since 1.0.0-rc.16\n\t */\n\tget productSwitchDomRef(): HTMLElement | null {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(`*[data-ui5-stable=\"product-switch\"]`);\n\t}\n\n\t/**\n\t * Returns the search button DOM reference.\n\t * @public\n\t */\n\tasync getSearchButtonDomRef(): Promise<HTMLElement | null> {\n\t\tawait renderFinished();\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(`*[data-ui5-stable=\"toggle-search\"]`);\n\t}\n\n\tprivate _fireClickEvent(eventName: string, domRef: HTMLElement | null): boolean {\n\t\treturn domRef ? !this.fireDecoratorEvent(eventName as any, { targetRef: domRef }) : false;\n\t}\n\n\thandleNotificationsClick() {\n\t\treturn this._fireClickEvent(\"notifications-click\", this.notificationsDomRef);\n\t}\n\n\thandleProfileClick() {\n\t\treturn this._fireClickEvent(\"profile-click\", this.profileDomRef);\n\t}\n\n\thandleProductSwitchClick() {\n\t\treturn this._fireClickEvent(\"product-switch-click\", this.productSwitchDomRef);\n\t}\n\n\tgetCSSVariable(cssVar: string): string {\n\t\tconst styleSet = getComputedStyle(this.getDomRef()!);\n\t\treturn styleSet.getPropertyValue(getScopedVarName(cssVar));\n\t}\n}\n\nShellBar.define();\n\nexport default ShellBar;\nexport {\n\tShellBarActions,\n\tShellBarActionsSelectors,\n};\nexport type {\n\t/* Event Types */\n\tShellBarProfileClickEventDetail,\n\tShellBarSearchButtonEventDetail,\n\tShellBarSearchFieldClearEventDetail,\n\tShellBarSearchFieldToggleEventDetail,\n\tShellBarProductSwitchClickEventDetail,\n\tShellBarNotificationsClickEventDetail,\n\tShellBarContentItemVisibilityChangeEventDetail,\n\t/* Common Types */\n\tShellBarActionId,\n\tShellBarActionItem,\n\tIShellBarSearchField,\n\tShellBarBreakpoint,\n\t/* Accessibility Types */\n\tShellBarAccessibilityInfo,\n\tShellBarAccessibilityAttributes,\n\tShellBarAreaAccessibilityAttributes,\n\tShellBarProfileAccessibilityAttributes,\n\t/* Legacy Types (DELETE WHEN REMOVING LEGACY) */\n\tShellBarLogoClickEventDetail,\n\tShellBarMenuItemClickEventDetail,\n\tShellBarLogoAccessibilityAttributes,\n};\n"]}
package/dist/ShellBarTemplate.js CHANGED
@@ -37,7 +37,7 @@ export default function ShellBarTemplate() {
37
37
  }, children: _jsx("slot", { name: "assistant" }) })), notificationsAction && (_jsx(Button, { "data-ui5-stable": notificationsAction.stableDomRef, class: {
38
38
  "ui5-shellbar-bell-button ui5-shellbar-action-button ui5-shellbar-gap-start": true,
39
39
  "ui5-shellbar-hidden": this.isHidden("notifications")
40
- }, icon: notificationsAction.icon, design: "Transparent", onClick: this.handleNotificationsClick, tooltip: actionsAccInfo.notifications.title, accessibilityAttributes: actionsAccInfo.notifications.accessibilityAttributes, children: notificationsAction?.count && (_jsx(ButtonBadge, { slot: "badge", design: "OverlayText", text: notificationsAction?.count })) })), this.sortItems(this.items).map(item => (_jsx("div", { class: {
40
+ }, icon: notificationsAction.icon, design: "Transparent", onClick: this.handleNotificationsClick, tooltip: actionsAccInfo.notifications.title, accessibilityAttributes: actionsAccInfo.notifications.accessibilityAttributes, children: notificationsAction?.count && (_jsx(ButtonBadge, { slot: "badge", design: "OverlayText", text: notificationsAction?.count })) })), this.items.map(item => (_jsx("div", { class: {
41
41
  "ui5-shellbar-custom-item ui5-shellbar-gap-start": true,
42
42
  "ui5-shellbar-hidden": this.isHidden(item._id),
43
43
  }, "data-ui5-stable": item.stableDomRef, children: !item.inOverflow ? _jsx("slot", { name: item._individualSlot }) : null }, item._id))), overflowAction && (_jsx(Button, { "data-ui5-stable": overflowAction.stableDomRef, id: "ui5-shellbar-overflow-button", class: {
package/dist/ShellBarTemplate.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShellBarTemplate.js","sourceRoot":"","sources":["../src/ShellBarTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import Button from \"@ui5/webcomponents/dist/Button.js\";\nimport ButtonBadge from \"@ui5/webcomponents/dist/ButtonBadge.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport type ShellBar from \"./ShellBar.js\";\nimport ShellBarItem from \"./ShellBarItem.js\";\n\nimport {\n\tShellBarSearchField,\n\tShellBarSearchFieldFullWidth\n} from \"./shellbar/templates/ShellBarSearchTemplate.js\";\n\nimport {\n\tShellBarSearchField as ShellBarSearchFieldLegacy,\n\tShellBarSearchButton as ShellBarSearchButtonLegacy,\n\tShellBarSearchFieldFullWidth as ShellBarSearchFieldFullWidthLegacy,\n} from \"./shellbar/templates/ShellBarSearchLegacyTemplate.js\";\n\nimport {\n\tShellBarLegacyBrandingArea,\n} from \"./shellbar/templates/ShellBarLegacyTemplate.js\";\n\nexport default function ShellBarTemplate(this: ShellBar) {\n\tconst isLegacySearch = !this.isSelfCollapsibleSearch;\n\n\tconst SearchInBarTemplate = isLegacySearch ? ShellBarSearchFieldLegacy : ShellBarSearchField;\n\tconst SearchFullWidthTemplate = isLegacySearch ? ShellBarSearchFieldFullWidthLegacy : ShellBarSearchFieldFullWidth;\n\n\tconst profileAction = this.getAction(\"profile\");\n\tconst overflowAction = this.getAction(\"overflow\");\n\tconst assistantAction = this.getAction(\"assistant\");\n\tconst notificationsAction = this.getAction(\"notifications\");\n\tconst productSwitchAction = this.getAction(\"products\");\n\n\tconst actionsAccInfo = this.actionsAccessibilityInfo;\n\n\treturn (\n\t\t<>\n\t\t\t<header class=\"ui5-shellbar-root\" part=\"root\" onKeyDown={this._onKeyDown} aria-label={this.texts.shellbar}>\n\t\t\t\t{/* Full-width search overlay */}\n\t\t\t\t{this.showFullWidthSearch && SearchFullWidthTemplate.call(this)}\n\n\t\t\t\t{this.enabledFeatures.startButton && (\n\t\t\t\t\t<div class=\"ui5-shellbar-start-button ui5-shellbar-gap-end\">\n\t\t\t\t\t\t<slot name=\"startButton\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{this.enabledFeatures.branding && (\n\t\t\t\t\t<div class=\"ui5-shellbar-branding-area\">\n\t\t\t\t\t\t<slot name=\"branding\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{/* Legacy branding (logo + primaryTitle) when no menu items */}\n\t\t\t\t{!this.enabledFeatures.branding && ShellBarLegacyBrandingArea.call(this)}\n\n\t\t\t\t<div class=\"ui5-shellbar-overflow-container\">\n\t\t\t\t\t<div class=\"ui5-shellbar-overflow-container-inner\">\n\n\t\t\t\t\t\t{this.enabledFeatures.content && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"ui5-shellbar-content-area ui5-shellbar-content-items\"\n\t\t\t\t\t\t\t\trole={this.contentRole}\n\t\t\t\t\t\t\t\taria-label={this.texts.contentItems}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{/* Start separator */}\n\t\t\t\t\t\t\t\t{this.separatorConfig.showStartSeparator && (\n\t\t\t\t\t\t\t\t\t<div class=\"ui5-shellbar-separator ui5-shellbar-separator-start\"></div>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{/* Start content items */}\n\t\t\t\t\t\t\t\t{this.startContent.map(item => {\n\t\t\t\t\t\t\t\t\tconst itemId = (item as any)._individualSlot as string;\n\t\t\t\t\t\t\t\t\tconst packedSep = this.getPackedSeparatorInfo(item, true);\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={itemId}\n\t\t\t\t\t\t\t\t\t\t\tid={itemId}\n\t\t\t\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\t\t\t\t\"ui5-shellbar-content-item ui5-shellbar-gap-start\": true,\n\t\t\t\t\t\t\t\t\t\t\t\t\"ui5-shellbar-hidden\": this.isHidden(itemId),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{packedSep.shouldPack && (\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ui5-shellbar-separator ui5-shellbar-separator-start\"></div>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t<slot name={(item as any)._individualSlot}></slot>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t{/* Spacer: Grows to fill available space, used to measure if space is tight, should be in DOM always */}\n\t\t\t\t\t\t\t\t<div class=\"ui5-shellbar-spacer\"></div>\n\n\t\t\t\t\t\t\t\t{/* End content items */}\n\t\t\t\t\t\t\t\t{this.endContent.map(item => {\n\t\t\t\t\t\t\t\t\tconst itemId = (item as any)._individualSlot as string;\n\t\t\t\t\t\t\t\t\tconst packedSep = this.getPackedSeparatorInfo(item, false);\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={itemId}\n\t\t\t\t\t\t\t\t\t\t\tid={itemId}\n\t\t\t\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\t\t\t\t\"ui5-shellbar-content-item ui5-shellbar-gap-start\": true,\n\t\t\t\t\t\t\t\t\t\t\t\t\"ui5-shellbar-hidden\": this.isHidden(itemId),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<slot name={itemId}></slot>\n\t\t\t\t\t\t\t\t\t\t\t{packedSep.shouldPack && (\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ui5-shellbar-separator ui5-shellbar-separator-end ui5-shellbar-gap-start\"></div>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t{/* End separator */}\n\t\t\t\t\t\t\t\t{this.separatorConfig.showEndSeparator && (\n\t\t\t\t\t\t\t\t\t<div class=\"ui5-shellbar-separator ui5-shellbar-separator-end ui5-shellbar-gap-start\"></div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this.enabledFeatures.search && SearchInBarTemplate.call(this)}\n\t\t\t\t\t\t{this.enabledFeatures.search && isLegacySearch && ShellBarSearchButtonLegacy.call(this)}\n\n\t\t\t\t\t\t{assistantAction && (\n\t\t\t\t\t\t\t<div class={{\n\t\t\t\t\t\t\t\t\"ui5-shellbar-assistant-button ui5-shellbar-gap-start\": true,\n\t\t\t\t\t\t\t\t\"ui5-shellbar-hidden\": this.isHidden(\"assistant\")\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t<slot name=\"assistant\"></slot>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{notificationsAction && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdata-ui5-stable={notificationsAction.stableDomRef}\n\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-bell-button ui5-shellbar-action-button ui5-shellbar-gap-start\": true,\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-hidden\": this.isHidden(\"notifications\")\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ticon={notificationsAction.icon}\n\t\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\t\tonClick={this.handleNotificationsClick}\n\t\t\t\t\t\t\t\ttooltip={actionsAccInfo.notifications.title}\n\t\t\t\t\t\t\t\taccessibilityAttributes={actionsAccInfo.notifications.accessibilityAttributes}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{notificationsAction?.count && (\n\t\t\t\t\t\t\t\t\t<ButtonBadge slot=\"badge\" design=\"OverlayText\" text={notificationsAction?.count} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{/* Custom Items */}\n\t\t\t\t\t\t{this.sortItems(this.items).map(item => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={item._id}\n\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-custom-item ui5-shellbar-gap-start\": true,\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-hidden\": this.isHidden(item._id),\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tdata-ui5-stable={item.stableDomRef}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!item.inOverflow ? <slot name={(item as any)._individualSlot}></slot> : null}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t{overflowAction && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdata-ui5-stable={overflowAction.stableDomRef}\n\t\t\t\t\t\t\t\tid=\"ui5-shellbar-overflow-button\"\n\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-overflow-button ui5-shellbar-action-button ui5-shellbar-gap-start\": true,\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-hidden\": this.isHidden(\"overflow\")\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ticon={overflowAction.icon}\n\t\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\t\tonClick={this.handleOverflowClick}\n\t\t\t\t\t\t\t\ttooltip={actionsAccInfo.overflow.title}\n\t\t\t\t\t\t\t\taccessibilityAttributes={actionsAccInfo.overflow.accessibilityAttributes}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.overflowBadge && (\n\t\t\t\t\t\t\t\t\t<ButtonBadge\n\t\t\t\t\t\t\t\t\t\tslot=\"badge\"\n\t\t\t\t\t\t\t\t\t\tdesign={this.overflowBadge === \" \" ? \"AttentionDot\" : \"OverlayText\"}\n\t\t\t\t\t\t\t\t\t\ttext={this.overflowBadge === \" \" ? \"\" : this.overflowBadge}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{profileAction && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdata-profile-btn\n\t\t\t\t\t\t\t\tdata-ui5-stable={profileAction.stableDomRef}\n\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-image-button ui5-shellbar-action-button ui5-shellbar-gap-start\": true,\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-hidden\": this.isHidden(\"profile\")\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\t\tonClick={this.handleProfileClick}\n\t\t\t\t\t\t\t\ttooltip={actionsAccInfo.profile.title}\n\t\t\t\t\t\t\t\taccessibilityAttributes={actionsAccInfo.profile.accessibilityAttributes}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<slot name=\"profile\"></slot>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{productSwitchAction && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdata-ui5-stable={productSwitchAction.stableDomRef}\n\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-button-product-switch ui5-shellbar-action-button ui5-shellbar-gap-start\": true,\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-hidden\": this.isHidden(\"products\")\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ticon={productSwitchAction.icon}\n\t\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\t\tonClick={this.handleProductSwitchClick}\n\t\t\t\t\t\t\t\ttooltip={actionsAccInfo.products.title}\n\t\t\t\t\t\t\t\taccessibilityAttributes={actionsAccInfo.products.accessibilityAttributes}\n\t\t\t\t\t\t\t></Button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</header>\n\n\t\t\t{/* Overflow Popover */}\n\t\t\t<Popover\n\t\t\t\tclass=\"ui5-shellbar-overflow-popover\"\n\t\t\t\topen={this.overflowPopoverOpen}\n\t\t\t\tonClose={this.onPopoverClose}\n\t\t\t\topener=\"ui5-shellbar-overflow-button\"\n\t\t\t\tplacement=\"Bottom\"\n\t\t\t\thideArrow={true}\n\t\t\t\thorizontalAlign={this.popoverHorizontalAlign} // TODO: add test\n\t\t\t>\n\t\t\t\t<List separators=\"None\" onClick={this.handleOverflowItemClick}>\n\t\t\t\t\t{this.overflowItems.map(item => {\n\t\t\t\t\t\tif (item.type === \"action\") {\n\t\t\t\t\t\t\tconst actionData = item.data;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<ShellBarItem\n\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\ticon={actionData.icon ? `sap-icon://${actionData.icon}` : \"\"}\n\t\t\t\t\t\t\t\t\tdata-action-id={item.id}\n\t\t\t\t\t\t\t\t\tcount={actionData.count}\n\t\t\t\t\t\t\t\t\tinOverflow={true}\n\t\t\t\t\t\t\t\t\ttext={this.getActionOverflowText(item.id)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn <slot key={item.id} name={item.data._individualSlot}></slot>;\n\t\t\t\t\t})}\n\t\t\t\t</List>\n\t\t\t</Popover>\n\t\t</>\n\t);\n}\n"]}
1
+ {"version":3,"file":"ShellBarTemplate.js","sourceRoot":"","sources":["../src/ShellBarTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import Button from \"@ui5/webcomponents/dist/Button.js\";\nimport ButtonBadge from \"@ui5/webcomponents/dist/ButtonBadge.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport type ShellBar from \"./ShellBar.js\";\nimport ShellBarItem from \"./ShellBarItem.js\";\n\nimport {\n\tShellBarSearchField,\n\tShellBarSearchFieldFullWidth\n} from \"./shellbar/templates/ShellBarSearchTemplate.js\";\n\nimport {\n\tShellBarSearchField as ShellBarSearchFieldLegacy,\n\tShellBarSearchButton as ShellBarSearchButtonLegacy,\n\tShellBarSearchFieldFullWidth as ShellBarSearchFieldFullWidthLegacy,\n} from \"./shellbar/templates/ShellBarSearchLegacyTemplate.js\";\n\nimport {\n\tShellBarLegacyBrandingArea,\n} from \"./shellbar/templates/ShellBarLegacyTemplate.js\";\n\nexport default function ShellBarTemplate(this: ShellBar) {\n\tconst isLegacySearch = !this.isSelfCollapsibleSearch;\n\n\tconst SearchInBarTemplate = isLegacySearch ? ShellBarSearchFieldLegacy : ShellBarSearchField;\n\tconst SearchFullWidthTemplate = isLegacySearch ? ShellBarSearchFieldFullWidthLegacy : ShellBarSearchFieldFullWidth;\n\n\tconst profileAction = this.getAction(\"profile\");\n\tconst overflowAction = this.getAction(\"overflow\");\n\tconst assistantAction = this.getAction(\"assistant\");\n\tconst notificationsAction = this.getAction(\"notifications\");\n\tconst productSwitchAction = this.getAction(\"products\");\n\n\tconst actionsAccInfo = this.actionsAccessibilityInfo;\n\n\treturn (\n\t\t<>\n\t\t\t<header class=\"ui5-shellbar-root\" part=\"root\" onKeyDown={this._onKeyDown} aria-label={this.texts.shellbar}>\n\t\t\t\t{/* Full-width search overlay */}\n\t\t\t\t{this.showFullWidthSearch && SearchFullWidthTemplate.call(this)}\n\n\t\t\t\t{this.enabledFeatures.startButton && (\n\t\t\t\t\t<div class=\"ui5-shellbar-start-button ui5-shellbar-gap-end\">\n\t\t\t\t\t\t<slot name=\"startButton\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{this.enabledFeatures.branding && (\n\t\t\t\t\t<div class=\"ui5-shellbar-branding-area\">\n\t\t\t\t\t\t<slot name=\"branding\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{/* Legacy branding (logo + primaryTitle) when no menu items */}\n\t\t\t\t{!this.enabledFeatures.branding && ShellBarLegacyBrandingArea.call(this)}\n\n\t\t\t\t<div class=\"ui5-shellbar-overflow-container\">\n\t\t\t\t\t<div class=\"ui5-shellbar-overflow-container-inner\">\n\n\t\t\t\t\t\t{this.enabledFeatures.content && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"ui5-shellbar-content-area ui5-shellbar-content-items\"\n\t\t\t\t\t\t\t\trole={this.contentRole}\n\t\t\t\t\t\t\t\taria-label={this.texts.contentItems}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{/* Start separator */}\n\t\t\t\t\t\t\t\t{this.separatorConfig.showStartSeparator && (\n\t\t\t\t\t\t\t\t\t<div class=\"ui5-shellbar-separator ui5-shellbar-separator-start\"></div>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{/* Start content items */}\n\t\t\t\t\t\t\t\t{this.startContent.map(item => {\n\t\t\t\t\t\t\t\t\tconst itemId = (item as any)._individualSlot as string;\n\t\t\t\t\t\t\t\t\tconst packedSep = this.getPackedSeparatorInfo(item, true);\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={itemId}\n\t\t\t\t\t\t\t\t\t\t\tid={itemId}\n\t\t\t\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\t\t\t\t\"ui5-shellbar-content-item ui5-shellbar-gap-start\": true,\n\t\t\t\t\t\t\t\t\t\t\t\t\"ui5-shellbar-hidden\": this.isHidden(itemId),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{packedSep.shouldPack && (\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ui5-shellbar-separator ui5-shellbar-separator-start\"></div>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t<slot name={(item as any)._individualSlot}></slot>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t{/* Spacer: Grows to fill available space, used to measure if space is tight, should be in DOM always */}\n\t\t\t\t\t\t\t\t<div class=\"ui5-shellbar-spacer\"></div>\n\n\t\t\t\t\t\t\t\t{/* End content items */}\n\t\t\t\t\t\t\t\t{this.endContent.map(item => {\n\t\t\t\t\t\t\t\t\tconst itemId = (item as any)._individualSlot as string;\n\t\t\t\t\t\t\t\t\tconst packedSep = this.getPackedSeparatorInfo(item, false);\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tkey={itemId}\n\t\t\t\t\t\t\t\t\t\t\tid={itemId}\n\t\t\t\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\t\t\t\t\"ui5-shellbar-content-item ui5-shellbar-gap-start\": true,\n\t\t\t\t\t\t\t\t\t\t\t\t\"ui5-shellbar-hidden\": this.isHidden(itemId),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<slot name={itemId}></slot>\n\t\t\t\t\t\t\t\t\t\t\t{packedSep.shouldPack && (\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"ui5-shellbar-separator ui5-shellbar-separator-end ui5-shellbar-gap-start\"></div>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t{/* End separator */}\n\t\t\t\t\t\t\t\t{this.separatorConfig.showEndSeparator && (\n\t\t\t\t\t\t\t\t\t<div class=\"ui5-shellbar-separator ui5-shellbar-separator-end ui5-shellbar-gap-start\"></div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this.enabledFeatures.search && SearchInBarTemplate.call(this)}\n\t\t\t\t\t\t{this.enabledFeatures.search && isLegacySearch && ShellBarSearchButtonLegacy.call(this)}\n\n\t\t\t\t\t\t{assistantAction && (\n\t\t\t\t\t\t\t<div class={{\n\t\t\t\t\t\t\t\t\"ui5-shellbar-assistant-button ui5-shellbar-gap-start\": true,\n\t\t\t\t\t\t\t\t\"ui5-shellbar-hidden\": this.isHidden(\"assistant\")\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t<slot name=\"assistant\"></slot>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{notificationsAction && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdata-ui5-stable={notificationsAction.stableDomRef}\n\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-bell-button ui5-shellbar-action-button ui5-shellbar-gap-start\": true,\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-hidden\": this.isHidden(\"notifications\")\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ticon={notificationsAction.icon}\n\t\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\t\tonClick={this.handleNotificationsClick}\n\t\t\t\t\t\t\t\ttooltip={actionsAccInfo.notifications.title}\n\t\t\t\t\t\t\t\taccessibilityAttributes={actionsAccInfo.notifications.accessibilityAttributes}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{notificationsAction?.count && (\n\t\t\t\t\t\t\t\t\t<ButtonBadge slot=\"badge\" design=\"OverlayText\" text={notificationsAction?.count} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{/* Custom Items */}\n\t\t\t\t\t\t{this.items.map(item => (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={item._id}\n\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-custom-item ui5-shellbar-gap-start\": true,\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-hidden\": this.isHidden(item._id),\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tdata-ui5-stable={item.stableDomRef}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!item.inOverflow ? <slot name={(item as any)._individualSlot}></slot> : null}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t{overflowAction && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdata-ui5-stable={overflowAction.stableDomRef}\n\t\t\t\t\t\t\t\tid=\"ui5-shellbar-overflow-button\"\n\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-overflow-button ui5-shellbar-action-button ui5-shellbar-gap-start\": true,\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-hidden\": this.isHidden(\"overflow\")\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ticon={overflowAction.icon}\n\t\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\t\tonClick={this.handleOverflowClick}\n\t\t\t\t\t\t\t\ttooltip={actionsAccInfo.overflow.title}\n\t\t\t\t\t\t\t\taccessibilityAttributes={actionsAccInfo.overflow.accessibilityAttributes}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.overflowBadge && (\n\t\t\t\t\t\t\t\t\t<ButtonBadge\n\t\t\t\t\t\t\t\t\t\tslot=\"badge\"\n\t\t\t\t\t\t\t\t\t\tdesign={this.overflowBadge === \" \" ? \"AttentionDot\" : \"OverlayText\"}\n\t\t\t\t\t\t\t\t\t\ttext={this.overflowBadge === \" \" ? \"\" : this.overflowBadge}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{profileAction && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdata-profile-btn\n\t\t\t\t\t\t\t\tdata-ui5-stable={profileAction.stableDomRef}\n\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-image-button ui5-shellbar-action-button ui5-shellbar-gap-start\": true,\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-hidden\": this.isHidden(\"profile\")\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\t\tonClick={this.handleProfileClick}\n\t\t\t\t\t\t\t\ttooltip={actionsAccInfo.profile.title}\n\t\t\t\t\t\t\t\taccessibilityAttributes={actionsAccInfo.profile.accessibilityAttributes}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<slot name=\"profile\"></slot>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{productSwitchAction && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tdata-ui5-stable={productSwitchAction.stableDomRef}\n\t\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-button-product-switch ui5-shellbar-action-button ui5-shellbar-gap-start\": true,\n\t\t\t\t\t\t\t\t\t\"ui5-shellbar-hidden\": this.isHidden(\"products\")\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ticon={productSwitchAction.icon}\n\t\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\t\tonClick={this.handleProductSwitchClick}\n\t\t\t\t\t\t\t\ttooltip={actionsAccInfo.products.title}\n\t\t\t\t\t\t\t\taccessibilityAttributes={actionsAccInfo.products.accessibilityAttributes}\n\t\t\t\t\t\t\t></Button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</header>\n\n\t\t\t{/* Overflow Popover */}\n\t\t\t<Popover\n\t\t\t\tclass=\"ui5-shellbar-overflow-popover\"\n\t\t\t\topen={this.overflowPopoverOpen}\n\t\t\t\tonClose={this.onPopoverClose}\n\t\t\t\topener=\"ui5-shellbar-overflow-button\"\n\t\t\t\tplacement=\"Bottom\"\n\t\t\t\thideArrow={true}\n\t\t\t\thorizontalAlign={this.popoverHorizontalAlign} // TODO: add test\n\t\t\t>\n\t\t\t\t<List separators=\"None\" onClick={this.handleOverflowItemClick}>\n\t\t\t\t\t{this.overflowItems.map(item => {\n\t\t\t\t\t\tif (item.type === \"action\") {\n\t\t\t\t\t\t\tconst actionData = item.data;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<ShellBarItem\n\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\ticon={actionData.icon ? `sap-icon://${actionData.icon}` : \"\"}\n\t\t\t\t\t\t\t\t\tdata-action-id={item.id}\n\t\t\t\t\t\t\t\t\tcount={actionData.count}\n\t\t\t\t\t\t\t\t\tinOverflow={true}\n\t\t\t\t\t\t\t\t\ttext={this.getActionOverflowText(item.id)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn <slot key={item.id} name={item.data._individualSlot}></slot>;\n\t\t\t\t\t})}\n\t\t\t\t</List>\n\t\t\t</Popover>\n\t\t</>\n\t);\n}\n"]}
package/dist/bundle.esm.js CHANGED
@@ -6,6 +6,7 @@ import "./Assets.js";
6
6
  // FIORI illustrations
7
7
  import "./illustrations/AllIllustrations.js";
8
8
  // FIORI components
9
+ import HeroBanner from "./HeroBanner.js";
9
10
  import BarcodeScannerDialog from "./BarcodeScannerDialog.js";
10
11
  import DynamicPage from "./DynamicPage.js";
11
12
  import DynamicPageHeader from "./DynamicPageHeader.js";
package/dist/bundle.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"bundle.esm.js","sourceRoot":"","sources":["../src/bundle.esm.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport testAssets from \"@ui5/webcomponents/dist/bundle.esm.js\";\nimport * as defaultFioriTexts from \"./generated/i18n/i18n-defaults.js\";\n\n// FIORI assets\nimport \"./Assets.js\";\n\n// FIORI illustrations\nimport \"./illustrations/AllIllustrations.js\";\n\n// FIORI components\nimport BarcodeScannerDialog from \"./BarcodeScannerDialog.js\";\nimport DynamicPage from \"./DynamicPage.js\";\nimport DynamicPageHeader from \"./DynamicPageHeader.js\";\nimport DynamicPageTitle from \"./DynamicPageTitle.js\";\nimport DynamicPageHeaderActions from \"./DynamicPageHeaderActions.js\";\nimport DynamicSideContent from \"./DynamicSideContent.js\";\nimport FilterItem from \"./FilterItem.js\";\nimport FilterItemOption from \"./FilterItemOption.js\";\nimport FlexibleColumnLayout from \"./FlexibleColumnLayout.js\";\nimport GroupItem from \"./GroupItem.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport MediaGallery from \"./MediaGallery.js\";\nimport MediaGalleryItem from \"./MediaGalleryItem.js\";\nimport NavigationMenu from \"./NavigationMenu.js\";\nimport NavigationMenuItem from \"./NavigationMenuItem.js\";\nimport NotificationListGroupItem from \"./NotificationListGroupItem.js\";\nimport NotificationListItem from \"./NotificationListItem.js\";\nimport NotificationList from \"./NotificationList.js\";\nimport Page from \"./Page.js\";\nimport ProductSwitch from \"./ProductSwitch.js\";\nimport ProductSwitchItem from \"./ProductSwitchItem.js\";\nimport ShellBar from \"./ShellBar.js\";\nimport SearchField from \"./SearchField.js\";\nimport SearchScope from \"./SearchScope.js\";\nimport Search from \"./Search.js\";\nimport ShellBarSearch from \"./ShellBarSearch.js\";\nimport SearchMessageArea from \"./SearchMessageArea.js\";\nimport SearchItem from \"./SearchItem.js\";\nimport SearchItemShowMore from \"./SearchItemShowMore.js\";\nimport SearchItemGroup from \"./SearchItemGroup.js\";\nimport ShellBarBranding from \"./ShellBarBranding.js\";\nimport ShellBarSpacer from \"./ShellBarSpacer.js\";\nimport ShellBarItem from \"./ShellBarItem.js\";\nimport SideNavigationItem from \"./SideNavigationItem.js\";\nimport SideNavigationSubItem from \"./SideNavigationSubItem.js\";\nimport SideNavigationGroup from \"./SideNavigationGroup.js\";\nimport SideNavigation from \"./SideNavigation.js\";\nimport SortItem from \"./SortItem.js\";\nimport UserSettingsItem from \"./UserSettingsItem.js\";\nimport SettingsDialog from \"./UserSettingsDialog.js\";\nimport UserSettingsView from \"./UserSettingsView.js\";\nimport UserSettingsAccountView from \"./UserSettingsAccountView.js\";\nimport UserSettingsAppearanceView from \"./UserSettingsAppearanceView.js\";\nimport UserSettingsAppearanceViewItem from \"./UserSettingsAppearanceViewItem.js\";\nimport UserSettingsAppearanceViewGroup from \"./UserSettingsAppearanceViewGroup.js\";\nimport Timeline from \"./Timeline.js\";\nimport TimelineGroupItem from \"./TimelineGroupItem.js\";\nimport NavigationLayout from \"./NavigationLayout.js\";\nimport UploadCollection from \"./UploadCollection.js\";\nimport UploadCollectionItem from \"./UploadCollectionItem.js\";\nimport UserMenu from \"./UserMenu.js\";\nimport UserMenuAccount from \"./UserMenuAccount.js\";\nimport UserMenuItem from \"./UserMenuItem.js\";\nimport UserMenuItemGroup from \"./UserMenuItemGroup.js\";\nimport ViewSettingsDialog from \"./ViewSettingsDialog.js\";\nimport ViewSettingsDialogCustomTab from \"./ViewSettingsDialogCustomTab.js\";\nimport Wizard from \"./Wizard.js\";\n\ntestAssets.defaultTexts = { ...testAssets.defaultTexts, ...defaultFioriTexts };\nexport default testAssets;\n"]}
1
+ {"version":3,"file":"bundle.esm.js","sourceRoot":"","sources":["../src/bundle.esm.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport testAssets from \"@ui5/webcomponents/dist/bundle.esm.js\";\nimport * as defaultFioriTexts from \"./generated/i18n/i18n-defaults.js\";\n\n// FIORI assets\nimport \"./Assets.js\";\n\n// FIORI illustrations\nimport \"./illustrations/AllIllustrations.js\";\n\n// FIORI components\nimport HeroBanner from \"./HeroBanner.js\";\nimport BarcodeScannerDialog from \"./BarcodeScannerDialog.js\";\nimport DynamicPage from \"./DynamicPage.js\";\nimport DynamicPageHeader from \"./DynamicPageHeader.js\";\nimport DynamicPageTitle from \"./DynamicPageTitle.js\";\nimport DynamicPageHeaderActions from \"./DynamicPageHeaderActions.js\";\nimport DynamicSideContent from \"./DynamicSideContent.js\";\nimport FilterItem from \"./FilterItem.js\";\nimport FilterItemOption from \"./FilterItemOption.js\";\nimport FlexibleColumnLayout from \"./FlexibleColumnLayout.js\";\nimport GroupItem from \"./GroupItem.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport MediaGallery from \"./MediaGallery.js\";\nimport MediaGalleryItem from \"./MediaGalleryItem.js\";\nimport NavigationMenu from \"./NavigationMenu.js\";\nimport NavigationMenuItem from \"./NavigationMenuItem.js\";\nimport NotificationListGroupItem from \"./NotificationListGroupItem.js\";\nimport NotificationListItem from \"./NotificationListItem.js\";\nimport NotificationList from \"./NotificationList.js\";\nimport Page from \"./Page.js\";\nimport ProductSwitch from \"./ProductSwitch.js\";\nimport ProductSwitchItem from \"./ProductSwitchItem.js\";\nimport ShellBar from \"./ShellBar.js\";\nimport SearchField from \"./SearchField.js\";\nimport SearchScope from \"./SearchScope.js\";\nimport Search from \"./Search.js\";\nimport ShellBarSearch from \"./ShellBarSearch.js\";\nimport SearchMessageArea from \"./SearchMessageArea.js\";\nimport SearchItem from \"./SearchItem.js\";\nimport SearchItemShowMore from \"./SearchItemShowMore.js\";\nimport SearchItemGroup from \"./SearchItemGroup.js\";\nimport ShellBarBranding from \"./ShellBarBranding.js\";\nimport ShellBarSpacer from \"./ShellBarSpacer.js\";\nimport ShellBarItem from \"./ShellBarItem.js\";\nimport SideNavigationItem from \"./SideNavigationItem.js\";\nimport SideNavigationSubItem from \"./SideNavigationSubItem.js\";\nimport SideNavigationGroup from \"./SideNavigationGroup.js\";\nimport SideNavigation from \"./SideNavigation.js\";\nimport SortItem from \"./SortItem.js\";\nimport UserSettingsItem from \"./UserSettingsItem.js\";\nimport SettingsDialog from \"./UserSettingsDialog.js\";\nimport UserSettingsView from \"./UserSettingsView.js\";\nimport UserSettingsAccountView from \"./UserSettingsAccountView.js\";\nimport UserSettingsAppearanceView from \"./UserSettingsAppearanceView.js\";\nimport UserSettingsAppearanceViewItem from \"./UserSettingsAppearanceViewItem.js\";\nimport UserSettingsAppearanceViewGroup from \"./UserSettingsAppearanceViewGroup.js\";\nimport Timeline from \"./Timeline.js\";\nimport TimelineGroupItem from \"./TimelineGroupItem.js\";\nimport NavigationLayout from \"./NavigationLayout.js\";\nimport UploadCollection from \"./UploadCollection.js\";\nimport UploadCollectionItem from \"./UploadCollectionItem.js\";\nimport UserMenu from \"./UserMenu.js\";\nimport UserMenuAccount from \"./UserMenuAccount.js\";\nimport UserMenuItem from \"./UserMenuItem.js\";\nimport UserMenuItemGroup from \"./UserMenuItemGroup.js\";\nimport ViewSettingsDialog from \"./ViewSettingsDialog.js\";\nimport ViewSettingsDialogCustomTab from \"./ViewSettingsDialogCustomTab.js\";\nimport Wizard from \"./Wizard.js\";\n\ntestAssets.defaultTexts = { ...testAssets.defaultTexts, ...defaultFioriTexts };\nexport default testAssets;\n"]}
package/dist/css/themes/HeroBanner.css ADDED
@@ -0,0 +1 @@
1
+ :host(:not([hidden])){display:block;width:100%;container-type:inline-size;border-radius:var(--_ui5_banner_border_radius);background-color:var(--_ui5_banner_background);background-image:var(--_ui5_banner_background_image);background-repeat:no-repeat;background-position:top;background-size:cover}.ui5-banner-root{box-sizing:border-box;min-height:5.75rem;max-height:24rem;border-radius:inherit;background-color:inherit;background-image:inherit;background-size:inherit;box-shadow:var(--_ui5_banner_box_shadow);border:var(--_ui5_banner_border);overflow:hidden;position:relative}.ui5-banner-content{display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;padding:1.5rem;color:var(--_ui5_banner_text_color);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-banner-header{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.ui5-banner-header-text{display:flex;flex-direction:column;gap:.5rem;flex:1 1 auto;min-width:0}.ui5-banner-actions{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;--sapButton_Lite_TextColor: var(--_ui5_banner_text_color);--sapButton_Lite_Hover_TextColor: var(--_ui5_banner_text_color);--sapButton_Lite_Active_TextColor: var(--_ui5_banner_text_color);--sapButton_Lite_Hover_Background: color-mix(in srgb, var(--_ui5_banner_text_color) 15%, transparent);--sapButton_Lite_Active_Background: color-mix(in srgb, var(--_ui5_banner_text_color) 25%, transparent);--sapButton_IconColor: var(--_ui5_banner_text_color)}.ui5-banner-actions-bottom-start{align-self:flex-start;margin-top:.5rem}.ui5-banner-heading{font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader3Size);font-weight:400;text-align:start;color:var(--_ui5_banner_text_color);line-height:1.4;margin:0;padding:0}.ui5-banner-overline{font-family:var(--sapFontFamily);font-size:var(--sapFontSize);text-align:start;color:var(--_ui5_banner_text_color);line-height:1.4}.ui5-banner-block{box-sizing:border-box;min-width:0}.ui5-banner-content:not(:has(.ui5-banner-block-start)) .ui5-banner-block-end{display:flex;flex-direction:column;width:100%}.ui5-banner-content.ui5-banner-columns-equal{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}.ui5-banner-columns-equal .ui5-banner-header{grid-column:1 / -1;grid-row:1}.ui5-banner-columns-equal .ui5-banner-block-start{grid-column:1;grid-row:2}.ui5-banner-columns-equal:not(:has(.ui5-banner-block-end)) .ui5-banner-block-start{grid-column:1 / -1}.ui5-banner-columns-equal .ui5-banner-block-end{grid-column:2;grid-row:2}.ui5-banner-content.ui5-banner-columns-first-wider{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto 1fr}.ui5-banner-columns-first-wider .ui5-banner-header{grid-column:1 / -1;grid-row:1}.ui5-banner-columns-first-wider .ui5-banner-block-start{grid-column:1;grid-row:2}.ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-end)) .ui5-banner-block-start{grid-column:1 / -1}.ui5-banner-columns-first-wider .ui5-banner-block-end{grid-column:2;grid-row:2}:host([actions-placement="BottomStart"]) .ui5-banner-root:has(.ui5-banner-block-end):not(:has(.ui5-banner-block-start)){display:flex;flex-direction:column}:host([actions-placement="BottomStart"]) .ui5-banner-root:has(.ui5-banner-block-end):not(:has(.ui5-banner-block-start)) .ui5-banner-content{flex:1}:host([actions-placement="BottomStart"]) .ui5-banner-content:has(.ui5-banner-block-end):not(:has(.ui5-banner-block-start)):not(.ui5-banner-columns-equal):not(.ui5-banner-columns-first-wider){display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;align-items:stretch}:host([actions-placement="BottomStart"]) .ui5-banner-content:has(.ui5-banner-block-end):not(:has(.ui5-banner-block-start)):not(.ui5-banner-columns-equal):not(.ui5-banner-columns-first-wider) .ui5-banner-header{grid-column:1;grid-row:1;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}:host([actions-placement="BottomStart"]) .ui5-banner-content:has(.ui5-banner-block-end):not(:has(.ui5-banner-block-start)):not(.ui5-banner-columns-equal):not(.ui5-banner-columns-first-wider) .ui5-banner-block-end{grid-column:2;grid-row:1;height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}:host([actions-placement="BottomStart"]) .ui5-banner-columns-equal:has(.ui5-banner-block-start) .ui5-banner-header,:host([actions-placement="BottomStart"]) .ui5-banner-columns-first-wider:has(.ui5-banner-block-start) .ui5-banner-header{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}:host([actions-placement="BottomStart"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)),:host([actions-placement="BottomStart"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)){grid-template-rows:1fr;align-items:stretch}:host([actions-placement="BottomStart"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)) .ui5-banner-header,:host([actions-placement="BottomStart"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)) .ui5-banner-header{grid-column:1;grid-row:1;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}:host([actions-placement="BottomStart"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)) .ui5-banner-block-end,:host([actions-placement="BottomStart"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)) .ui5-banner-block-end{grid-column:2;grid-row:1;align-self:stretch;height:100%;display:flex;flex-direction:column;justify-content:center}:host([header-block-placement="Bottom"]) .ui5-banner-content:not(.ui5-banner-columns-equal):not(.ui5-banner-columns-first-wider) .ui5-banner-header{margin-top:auto}:host([header-block-placement="Bottom"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)),:host([header-block-placement="Bottom"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)){grid-template-rows:1fr;align-items:stretch;min-height:12rem}:host([header-block-placement="Bottom"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)):has(.ui5-banner-actions-grid-item),:host([header-block-placement="Bottom"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)):has(.ui5-banner-actions-grid-item){grid-template-rows:auto 1fr}:host([header-block-placement="Bottom"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)) .ui5-banner-header,:host([header-block-placement="Bottom"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)) .ui5-banner-header{grid-column:1;grid-row:1;align-self:end}:host([header-block-placement="Bottom"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)):has(.ui5-banner-actions-grid-item) .ui5-banner-header,:host([header-block-placement="Bottom"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)):has(.ui5-banner-actions-grid-item) .ui5-banner-header{grid-row:1 / 3;align-self:end}:host([header-block-placement="Bottom"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)) .ui5-banner-actions-grid-item,:host([header-block-placement="Bottom"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)) .ui5-banner-actions-grid-item{grid-column:2;grid-row:1;align-self:start;justify-self:end;min-width:0}:host([header-block-placement="Bottom"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)) .ui5-banner-block-end,:host([header-block-placement="Bottom"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)) .ui5-banner-block-end{grid-column:2;grid-row:1;align-self:stretch;height:100%}:host([header-block-placement="Bottom"]) .ui5-banner-columns-equal:not(:has(.ui5-banner-block-start)):has(.ui5-banner-actions-grid-item) .ui5-banner-block-end,:host([header-block-placement="Bottom"]) .ui5-banner-columns-first-wider:not(:has(.ui5-banner-block-start)):has(.ui5-banner-actions-grid-item) .ui5-banner-block-end{grid-row:2}@container (max-width: 1024px){.ui5-banner-heading{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}@container (max-width: 599px){.ui5-banner-content.ui5-banner-columns-equal,.ui5-banner-content.ui5-banner-columns-first-wider{display:flex;flex-direction:column}.ui5-banner-block-start{order:1}.ui5-banner-block-end{order:2}:host([actions-placement="BottomStart"]) .ui5-banner-content:has(.ui5-banner-block-end):not(:has(.ui5-banner-block-start)):not(.ui5-banner-columns-equal):not(.ui5-banner-columns-first-wider){display:flex;flex-direction:column}:host([actions-placement="BottomStart"]) .ui5-banner-content:has(.ui5-banner-block-end):not(:has(.ui5-banner-block-start)):not(.ui5-banner-columns-equal):not(.ui5-banner-columns-first-wider) .ui5-banner-block-end{justify-content:center}.ui5-banner-content:not(:has(.ui5-banner-block-start)) .ui5-banner-block-end{justify-content:center;width:100%}}
package/dist/css/themes/sap_fiori_3/parameters-bundle.css CHANGED
@@ -1,2 +1,2 @@
1
- :host{--_ui5_fcl_solid_bg: var(--sapShell_Background);--_ui5_fcl_column_border: none;--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);--sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);--sapIllus_Layering1: var(--sapContent_Illustrative_Color5);--sapIllus_Layering2: var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);--sapIllus_NoColor: none;--sapIllus_PatternShadow: url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);--_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);--_ui5_media_gallery_overflow_btn_border: none;--_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-notification_item-border-radius: 0px;--_ui5-notification_group_header-border-bottom-width: .0625rem;--_ui5-notification_group_header-margin: 0px;--_ui5-notification_group_header-margin-expanded: .5rem;--_ui5-notification_group_header-padding: 1rem .5rem;--_ui5-notification_item-state-icon-padding: .625rem;--_ui5-notification_item-border-bottom: var(--ui5-listitem-border-bottom);--_ui5-notification_item-border-top-left-right: none;--_ui5-notification_item-margin: 0;--_ui5-notification_item-background-color-hover: none;--_ui5-notification_item-background-color-active: none;--_ui5-notification_item-border-active: 1px solid transparent;--_ui5-notification_item-root-padding-inline: 1rem .5rem;--_ui5-notification_item-content-padding: .75rem 1rem;--_ui5-notification_item-title-margin-bottom: .25rem;--_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.375rem);--_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.125rem);--_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-notification_item-focus-offset: 0;--_ui5-notification_item-outline-offset: 0;--_ui5-notification_item-growing-btn-background-color-active: var(--sapList_Active_Background);--_ui5_page_list_bg: var(--sapGroup_ContentBackground);--_ui5_page_transparent_bg: transparent;--_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: -.1875rem;--_ui5_shellbar_root_height: 2.75rem;--_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset: -.0625rem;--_ui5_shellbar_button_box_shadow: none;--_ui5_shellbar_button_box_shadow_active: none;--_ui5_shellbar_button_border: none;--_ui5_shellbar_button_border_radius: .25rem;--_ui5_shellbar_button_focused_border: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5_shellbar_search_field_background: var(--sapShellColor);--_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5_shellbar_search_field_box_shadow: none;--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_search_field_width: 25rem;--_ui5_shellbar_input_focus_outline_color: inherit;--_ui5_shellbar_overflow_container_middle_height: 2.5rem;--_ui5_shellbar_menu_button_title_font_size: .75rem;--_ui5_shellbar_image_button_border_radius: 50%;--_ui5-shellbar-content-margin-start: .5rem;--_ui5-shellbar-overflow-button-margin: .5rem;--_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);--_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);--_ui5-shellbar-badge-offset: .25rem;--_ui5-shellbar-badge-margin: -.25rem;--_ui5_side_navigation_width: 15rem;--_ui5_side_navigation_collapsed_width: 3rem;--_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;--_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5_side_navigation_navigation_separator_radius: unset;--_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_side_navigation_box_shadow: none;--_ui5_side_navigation_triangle_display: block;--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_width: 2rem;--_ui5_side_navigation_hover_border_style_color: none;--_ui5_side_navigation_hover_border_width: 0;--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_item_border_style_color: none;--_ui5_side_navigation_item_border_width: 0;--_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);--_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);--_ui5_side_navigation_item_border_radius: 0;--_ui5_side_navigation_item_bottom_margin: 0;--_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);--_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5_side_navigation_item_transition: none;--_ui5_side_navigation_item_padding_left: .5rem;--_ui5_side_navigation_item_focus_border_offset: 1px;--_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);--_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);--_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);--_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_group_expanded_border_width: 0;--_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);--_ui5_side_navigation_icon_padding_inline_end: 1rem;--_ui5_side_navigation_item_font_family: var(--sapFontFamily);--_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);--_ui5_side_navigation_group_padding: .5rem;--_ui5_side_navigation_padding-flexible: 0;--_ui5_side_navigation_padding-fixed: 0;--_ui5_side_navigation_popup_padding: 0;--_ui5_side_navigation_popup_title_line_height: normal;--_ui5_side_navigation_first_fixed_item_margin_top: 0;--_ui5_side_navigation_item_expand_icon_visibility: none;--_ui5_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5_side_navigation_item_collapsed_hover_focus_display: none;--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5_side_navigation_action_item_collapsed_padding: 0;--_ui5_side_navigation_item_collapsed_padding: 0;--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5_side_navigation_item_expand_icon_right: -.5rem;--_ui5_side_navigation_item_expand_icon_hover_left: auto;--_ui5_side_navigation_item_expand_icon_hover_right: 0;--_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5_TimelineItem_arrow_size: 1.625rem;--_ui5_TimelineItem_bubble_border_width: .0625rem;--_ui5_TimelineItem_bubble_border_style: dotted;--_ui5_TimelineItem_bubble_border_radius: .25rem;--_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5_TimelineItem_bubble_border_top: -.125rem;--_ui5_TimelineItem_bubble_border_right: -.125rem;--_ui5_TimelineItem_bubble_border_bottom: -.125rem;--_ui5_TimelineItem_bubble_border_left: -.625rem;--_ui5_TimelineItem_bubble_rtl_left_offset: -.125rem;--_ui5_TimelineItem_bubble_rtl_right_offset: -.625rem;--_ui5_TimelineItem_bubble_focus_border_radius: 0;--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);--_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);--_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);--_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);--_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);--_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, -50%) var(--_ui5-cozy-size, calc(-100% - 1rem) );--_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, 50%) var(--_ui5-cozy-size, calc(100% + 1rem) );--_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, calc(100% + .25rem) );--_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + .25rem) );--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );--_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);--ui5_upload_collection_drag_overlay_border: .125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border: .125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background: transparent;--ui5_upload_collection_thumbnail_size: 3rem;--ui5_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5_upload_collection_small_size_buttons_margin_block_start: .75rem;--ui5_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_border_radius: 0;--ui5_upload_collection_drag_overlay_opacity: .8;--_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_vsd_content_li_padding: .375rem;--_ui5_vsd_content_height: 23.4375rem;--_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);--_ui5_wiz_content_item_wrapper_padding: 0rem;--_ui5_wiz_content_item_wrapper_bg: var(--sapBackgroundColor);--_ui5_search_icon_border_radius: .375rem;--_ui5_search_input_border_radius: none;--_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);--_ui5-search-icon-border: none;--_ui5-search-wrapper-background: var(--sapShellColor);--_ui5_search_separator_background: none;--_ui5-search-wrapper-hover-background: none;--_ui5-search-wrapper-hover-background-color: none;--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);--_ui5-search-elements-active-background: var(--sapShell_Active_Background);--_ui5_search_input_scope_margin: 0;--_ui5-search_input_scope_hover_shadow: none;--_ui5-search_input_scope_active_shadow: none;--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);--_ui5_search_wrapper_outline: none;--_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);--_ui5_search_filter_button_border_radius: .375rem;--_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);--_ui5_search_filter_button_border: none;--_ui5-search-filter_button_background_color: var(--sapShell_InteractiveBackground);--ui5_search_filter_button_background_active: var(--sapShell_InteractiveBackground);--_ui5_search_icon_size: 2.25rem;--_ui5_search_icon_size_default: 2.25rem;--_ui5_search_icon_padding: .625rem;--_ui5_search_icon_hover_padding: .5625rem;--_ui5_search_input_start_margin: .25rem;--_ui5_search_input_end_padding: .25rem;--_ui5-search-input-start-padding: .625rem;--_ui5-search-select-height: 2.25rem;--_ui5-search-loading-overlay-background: var(--sapBackgroundColor);--_ui5-search-loading-overlay-transparency: .72;--_ui5-search-field-text-color: var(--sapShell_InteractiveTextColor);--_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_search_byline_vertical_padding: .5rem;--_ui5_wiz_tab_focus_outline: 1px dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selected_bg: var(--sapSelectedColor);--_ui5_wiz_tab_border: 1px solid var(--sapSelectedColor);--_ui5_wiz_tab_selection_line: var(--sapSelectedColor);--_ui5_wiz_tab_icon_color: var(--sapSelectedColor);--_ui5_wiz_tab_active_separator_color: var(--sapSelectedColor);--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5_wiz_tab_focus_border_radius: 0;--_ui5_dynamic_page_footer_spacer: 4rem;--_ui5_dynamic_page_title_padding_S: .5rem 1rem;--_ui5_dynamic_page_title_padding_M: .5rem 2rem;--_ui5_dynamic_page_title_padding_L: .5rem 2rem;--_ui5_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5_dynamic_page_header_padding_M: 1rem 2rem;--_ui5_dynamic_page_header_padding_L: 1rem 2rem;--_ui5_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5_dynamic_page_content_padding_S: 1rem 0 0;--_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;--ui5_dynamic_page_background: var(--sapBackgroundColor);--_ui5_dynamic_page_title_padding_top: .5rem;--_ui5_dynamic_page_title_padding_bottom: .5rem;--_ui5_dynamic_page_title_min_height: 3rem;--_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5_dynamic_page_title_heading_padding_top: .3125rem;--_ui5_dynamic_page_title_subheading_margin_top: .25rem;--_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5_dynamic_page_actions-lines-color: var(--sapHighlightColor);--_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-color);--_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-background);--_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);--_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_scroll_container_offset: .5rem;--_ui5_shellbar_notification_btn_count_offset: .125rem;--_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);--_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);--_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}
1
+ :host{--_ui5_banner_background: var(--sapShell_HeroBanner_Background);--_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);--_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);--_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);--_ui5_banner_box_shadow: var(--sapContent_Shadow0);--_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);--_ui5_fcl_solid_bg: var(--sapShell_Background);--_ui5_fcl_column_border: none;--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);--sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);--sapIllus_Layering1: var(--sapContent_Illustrative_Color5);--sapIllus_Layering2: var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);--sapIllus_NoColor: none;--sapIllus_PatternShadow: url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);--_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);--_ui5_media_gallery_overflow_btn_border: none;--_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-notification_item-border-radius: 0px;--_ui5-notification_group_header-border-bottom-width: .0625rem;--_ui5-notification_group_header-margin: 0px;--_ui5-notification_group_header-margin-expanded: .5rem;--_ui5-notification_group_header-padding: 1rem .5rem;--_ui5-notification_item-state-icon-padding: .625rem;--_ui5-notification_item-border-bottom: var(--ui5-listitem-border-bottom);--_ui5-notification_item-border-top-left-right: none;--_ui5-notification_item-margin: 0;--_ui5-notification_item-background-color-hover: none;--_ui5-notification_item-background-color-active: none;--_ui5-notification_item-border-active: 1px solid transparent;--_ui5-notification_item-root-padding-inline: 1rem .5rem;--_ui5-notification_item-content-padding: .75rem 1rem;--_ui5-notification_item-title-margin-bottom: .25rem;--_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.375rem);--_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.125rem);--_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);--_ui5-notification_item-focus-offset: 0;--_ui5-notification_item-outline-offset: 0;--_ui5-notification_item-growing-btn-background-color-active: var(--sapList_Active_Background);--_ui5_page_list_bg: var(--sapGroup_ContentBackground);--_ui5_page_transparent_bg: transparent;--_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: -.1875rem;--_ui5_shellbar_root_height: 2.75rem;--_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset: -.0625rem;--_ui5_shellbar_button_box_shadow: none;--_ui5_shellbar_button_box_shadow_active: none;--_ui5_shellbar_button_border: none;--_ui5_shellbar_button_border_radius: .25rem;--_ui5_shellbar_button_focused_border: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5_shellbar_search_field_background: var(--sapShellColor);--_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5_shellbar_search_field_box_shadow: none;--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_search_field_width: 25rem;--_ui5_shellbar_input_focus_outline_color: inherit;--_ui5_shellbar_overflow_container_middle_height: 2.5rem;--_ui5_shellbar_menu_button_title_font_size: .75rem;--_ui5_shellbar_image_button_border_radius: 50%;--_ui5-shellbar-content-margin-start: .5rem;--_ui5-shellbar-overflow-button-margin: .5rem;--_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);--_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);--_ui5-shellbar-badge-offset: .25rem;--_ui5-shellbar-badge-margin: -.25rem;--_ui5_side_navigation_width: 15rem;--_ui5_side_navigation_collapsed_width: 3rem;--_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;--_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5_side_navigation_navigation_separator_radius: unset;--_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_side_navigation_box_shadow: none;--_ui5_side_navigation_triangle_display: block;--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_width: 2rem;--_ui5_side_navigation_hover_border_style_color: none;--_ui5_side_navigation_hover_border_width: 0;--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_item_border_style_color: none;--_ui5_side_navigation_item_border_width: 0;--_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);--_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);--_ui5_side_navigation_item_border_radius: 0;--_ui5_side_navigation_item_bottom_margin: 0;--_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);--_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5_side_navigation_item_transition: none;--_ui5_side_navigation_item_padding_left: .5rem;--_ui5_side_navigation_item_focus_border_offset: 1px;--_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);--_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);--_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);--_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_group_expanded_border_width: 0;--_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);--_ui5_side_navigation_icon_padding_inline_end: 1rem;--_ui5_side_navigation_item_font_family: var(--sapFontFamily);--_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);--_ui5_side_navigation_group_padding: .5rem;--_ui5_side_navigation_padding-flexible: 0;--_ui5_side_navigation_padding-fixed: 0;--_ui5_side_navigation_popup_padding: 0;--_ui5_side_navigation_popup_title_line_height: normal;--_ui5_side_navigation_first_fixed_item_margin_top: 0;--_ui5_side_navigation_item_expand_icon_visibility: none;--_ui5_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5_side_navigation_item_collapsed_hover_focus_display: none;--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5_side_navigation_action_item_collapsed_padding: 0;--_ui5_side_navigation_item_collapsed_padding: 0;--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5_side_navigation_item_expand_icon_right: -.5rem;--_ui5_side_navigation_item_expand_icon_hover_left: auto;--_ui5_side_navigation_item_expand_icon_hover_right: 0;--_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5_TimelineItem_arrow_size: 1.625rem;--_ui5_TimelineItem_bubble_border_width: .0625rem;--_ui5_TimelineItem_bubble_border_style: dotted;--_ui5_TimelineItem_bubble_border_radius: .25rem;--_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5_TimelineItem_bubble_border_top: -.125rem;--_ui5_TimelineItem_bubble_border_right: -.125rem;--_ui5_TimelineItem_bubble_border_bottom: -.125rem;--_ui5_TimelineItem_bubble_border_left: -.625rem;--_ui5_TimelineItem_bubble_rtl_left_offset: -.125rem;--_ui5_TimelineItem_bubble_rtl_right_offset: -.625rem;--_ui5_TimelineItem_bubble_focus_border_radius: 0;--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);--_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);--_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);--_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);--_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);--_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);--_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, -50%) var(--_ui5-cozy-size, calc(-100% - 1rem) );--_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, 50%) var(--_ui5-cozy-size, calc(100% + 1rem) );--_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, calc(100% + .25rem) );--_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + .25rem) );--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );--_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);--ui5_upload_collection_drag_overlay_border: .125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border: .125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background: transparent;--ui5_upload_collection_thumbnail_size: 3rem;--ui5_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5_upload_collection_small_size_buttons_margin_block_start: .75rem;--ui5_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_border_radius: 0;--ui5_upload_collection_drag_overlay_opacity: .8;--_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);--_ui5_vsd_content_li_padding: .375rem;--_ui5_vsd_content_height: 23.4375rem;--_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);--_ui5_wiz_content_item_wrapper_padding: 0rem;--_ui5_wiz_content_item_wrapper_bg: var(--sapBackgroundColor);--_ui5_search_icon_border_radius: .375rem;--_ui5_search_input_border_radius: none;--_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);--_ui5-search-icon-border: none;--_ui5-search-wrapper-background: var(--sapShellColor);--_ui5_search_separator_background: none;--_ui5-search-wrapper-hover-background: none;--_ui5-search-wrapper-hover-background-color: none;--_ui5-search-elements-hover-background: var(--sapShell_Hover_Background);--_ui5-search-elements-active-background: var(--sapShell_Active_Background);--_ui5_search_input_scope_margin: 0;--_ui5-search_input_scope_hover_shadow: none;--_ui5-search_input_scope_active_shadow: none;--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);--_ui5_search_wrapper_outline: none;--_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);--_ui5_search_filter_button_border_radius: .375rem;--_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);--_ui5_search_filter_button_border: none;--_ui5-search-filter_button_background_color: var(--sapShell_InteractiveBackground);--ui5_search_filter_button_background_active: var(--sapShell_InteractiveBackground);--_ui5_search_icon_size: 2.25rem;--_ui5_search_icon_size_default: 2.25rem;--_ui5_search_icon_padding: .625rem;--_ui5_search_icon_hover_padding: .5625rem;--_ui5_search_input_start_margin: .25rem;--_ui5_search_input_end_padding: .25rem;--_ui5-search-input-start-padding: .625rem;--_ui5-search-select-height: 2.25rem;--_ui5-search-loading-overlay-background: var(--sapBackgroundColor);--_ui5-search-loading-overlay-transparency: .72;--_ui5-search-field-text-color: var(--sapShell_InteractiveTextColor);--_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);--_ui5_search_byline_vertical_padding: .5rem;--_ui5_wiz_tab_focus_outline: 1px dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selected_bg: var(--sapSelectedColor);--_ui5_wiz_tab_border: 1px solid var(--sapSelectedColor);--_ui5_wiz_tab_selection_line: var(--sapSelectedColor);--_ui5_wiz_tab_icon_color: var(--sapSelectedColor);--_ui5_wiz_tab_active_separator_color: var(--sapSelectedColor);--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5_wiz_tab_focus_border_radius: 0;--_ui5_dynamic_page_footer_spacer: 4rem;--_ui5_dynamic_page_title_padding_S: .5rem 1rem;--_ui5_dynamic_page_title_padding_M: .5rem 2rem;--_ui5_dynamic_page_title_padding_L: .5rem 2rem;--_ui5_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5_dynamic_page_header_padding_M: 1rem 2rem;--_ui5_dynamic_page_header_padding_L: 1rem 2rem;--_ui5_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5_dynamic_page_content_padding_S: 1rem 0 0;--_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;--ui5_dynamic_page_background: var(--sapBackgroundColor);--_ui5_dynamic_page_title_padding_top: .5rem;--_ui5_dynamic_page_title_padding_bottom: .5rem;--_ui5_dynamic_page_title_min_height: 3rem;--_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5_dynamic_page_title_heading_padding_top: .3125rem;--_ui5_dynamic_page_title_subheading_margin_top: .25rem;--_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5_dynamic_page_actions-lines-color: var(--sapHighlightColor);--_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-color);--_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-background);--_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);--_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));--_ui5_timeline_scroll_container_offset: .5rem;--_ui5_shellbar_notification_btn_count_offset: .125rem;--_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);--_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);--_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}
2
2
  :dir(rtl){--_ui5_timeline_scroll_container_offset: -.5rem;--_ui5_shellbar_notification_btn_count_offset: auto;--_ui5_side_navigation_item_expand_icon_hover_left: 0;--_ui5_side_navigation_item_expand_icon_hover_right: auto}