@ui5/webcomponents-fiori 2.24.0 → 2.25.0-rc.3

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 (86) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/MediaGalleryTemplate.js +1 -1
  4. package/dist/MediaGalleryTemplate.js.map +1 -1
  5. package/dist/ShellBar.js +7 -1
  6. package/dist/ShellBar.js.map +1 -1
  7. package/dist/ShellBarSearch.d.ts +1 -0
  8. package/dist/ShellBarSearch.js +6 -0
  9. package/dist/ShellBarSearch.js.map +1 -1
  10. package/dist/UserMenu.d.ts +1 -1
  11. package/dist/UserMenu.js +1 -1
  12. package/dist/UserMenu.js.map +1 -1
  13. package/dist/UserSettingsAccountView.js +2 -2
  14. package/dist/UserSettingsAccountView.js.map +1 -1
  15. package/dist/UserSettingsAppearanceViewItemTemplate.js +1 -1
  16. package/dist/UserSettingsAppearanceViewItemTemplate.js.map +1 -1
  17. package/dist/UserSettingsAppearanceViewTemplate.js +2 -2
  18. package/dist/UserSettingsAppearanceViewTemplate.js.map +1 -1
  19. package/dist/UserSettingsDialog.d.ts +18 -0
  20. package/dist/UserSettingsDialog.js +49 -3
  21. package/dist/UserSettingsDialog.js.map +1 -1
  22. package/dist/UserSettingsDialogTemplate.js +3 -3
  23. package/dist/UserSettingsDialogTemplate.js.map +1 -1
  24. package/dist/UserSettingsItemTemplate.js +1 -1
  25. package/dist/UserSettingsItemTemplate.js.map +1 -1
  26. package/dist/css/themes/UserSettingsAccountView.css +1 -1
  27. package/dist/css/themes/UserSettingsAppearanceViewItem.css +1 -1
  28. package/dist/css/themes/UserSettingsDialog.css +1 -1
  29. package/dist/css/themes/UserSettingsItem.css +1 -1
  30. package/dist/css/themes/UserSettingsView.css +1 -1
  31. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  32. package/dist/css/themes/sap_horizon_auto/parameters-bundle.css +2 -2
  33. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +2 -2
  34. package/dist/custom-elements-internal.json +45 -4
  35. package/dist/custom-elements.json +36 -3
  36. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  37. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  38. package/dist/generated/assets/themes/sap_horizon_auto/parameters-bundle.css.json +1 -1
  39. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  40. package/dist/generated/i18n/i18n-defaults.d.ts +3 -1
  41. package/dist/generated/i18n/i18n-defaults.js +6 -4
  42. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  43. package/dist/generated/themes/UserSettingsAccountView.css.d.ts +1 -1
  44. package/dist/generated/themes/UserSettingsAccountView.css.js +1 -1
  45. package/dist/generated/themes/UserSettingsAccountView.css.js.map +1 -1
  46. package/dist/generated/themes/UserSettingsAppearanceViewItem.css.d.ts +1 -1
  47. package/dist/generated/themes/UserSettingsAppearanceViewItem.css.js +1 -1
  48. package/dist/generated/themes/UserSettingsAppearanceViewItem.css.js.map +1 -1
  49. package/dist/generated/themes/UserSettingsDialog.css.d.ts +1 -1
  50. package/dist/generated/themes/UserSettingsDialog.css.js +1 -1
  51. package/dist/generated/themes/UserSettingsDialog.css.js.map +1 -1
  52. package/dist/generated/themes/UserSettingsItem.css.d.ts +1 -1
  53. package/dist/generated/themes/UserSettingsItem.css.js +1 -1
  54. package/dist/generated/themes/UserSettingsItem.css.js.map +1 -1
  55. package/dist/generated/themes/UserSettingsView.css.d.ts +1 -1
  56. package/dist/generated/themes/UserSettingsView.css.js +1 -1
  57. package/dist/generated/themes/UserSettingsView.css.js.map +1 -1
  58. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  59. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  60. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  61. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.d.ts +1 -1
  62. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js +2 -2
  63. package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js.map +1 -1
  64. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +1 -1
  65. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +2 -2
  66. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  67. package/dist/shellbar/ShellBarSearch.d.ts +3 -1
  68. package/dist/shellbar/ShellBarSearch.js +3 -2
  69. package/dist/shellbar/ShellBarSearch.js.map +1 -1
  70. package/dist/vscode.html-custom-data.json +6 -1
  71. package/dist/web-types.json +34 -8
  72. package/package-scripts.cjs +1 -0
  73. package/package.json +10 -8
  74. package/src/MediaGalleryTemplate.tsx +6 -2
  75. package/src/UserSettingsAppearanceViewItemTemplate.tsx +1 -3
  76. package/src/UserSettingsAppearanceViewTemplate.tsx +2 -2
  77. package/src/UserSettingsDialogTemplate.tsx +9 -2
  78. package/src/UserSettingsItemTemplate.tsx +1 -1
  79. package/src/i18n/messagebundle.properties +9 -3
  80. package/src/i18n/messagebundle_en.properties +3 -3
  81. package/src/themes/UserSettingsAccountView.css +2 -0
  82. package/src/themes/UserSettingsAppearanceViewItem.css +3 -10
  83. package/src/themes/UserSettingsDialog.css +5 -0
  84. package/src/themes/UserSettingsItem.css +3 -2
  85. package/src/themes/UserSettingsView.css +4 -17
  86. package/src/themes/sap_horizon/HeroBanner-parameters.css +2 -2
package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{\n --_ui5_banner_background: var(--sapShell_Banner_Background, var(--sapHighlightColor));\n --_ui5_banner_text_color: var(--sapShell_Banner_TextColor, var(--sapContent_ContrastTextColor));\n --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);\n --_ui5_banner_box_shadow: var(--sapContent_Shadow0);\n --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);\n --_ui5_fcl_solid_bg: var(--sapShell_Background);\n --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);\n --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);\n --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);\n --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);\n --_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);\n --_ui5_media_gallery_overflow_btn_border: none;\n --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);\n --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);\n --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);\n --_ui5_page_list_bg: var(--sapGroup_ContentBackground);\n --_ui5_page_transparent_bg: transparent;\n --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_content_li_padding: .375rem;\n --_ui5_vsd_content_height: 23.4375rem;\n --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);\n --_ui5_product_switch_item_width: 11.25rem;\n --_ui5_product_switch_item_height: 7rem;\n --_ui5_product_switch_item_active_outline_color: var(--sapContent_FocusColor);\n --_ui5_product_switch_item_outline_offset: -.1875rem;\n --_ui5_shellbar_root_height: 3.25rem;\n --_ui5_shellbar_logo_outline_color: var(--sapContent_FocusColor);\n --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);\n --_ui5_shellbar_outline_offset: -.1875rem;\n --_ui5_shellbar_button_border: none;\n --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);\n --_ui5_shellbar_button_focused_border: .125rem solid var(--sapContent_FocusColor);\n --_ui5_shellbar_button_badge_border: 1px solid var(--sapContent_BadgeBackground);\n --_ui5_shellbar_logo_border_radius: .5rem;\n --_ui5_shellbar_button_box_shadow: var(--sapContent_Interaction_Shadow);\n --_ui5_shellbar_button_box_shadow_active: inset 0 0 0 .0625rem var(--sapButton_Lite_Active_BorderColor);\n --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);\n --_ui5_shellbar_search_field_background: var(--sapShell_InteractiveBackground);\n --_ui5_shellbar_search_field_border: none;\n --_ui5_shellbar_search_field_color: var(--sapShell_InteractiveTextColor);\n --_ui5_shellbar_search_field_background_hover: var(--sapShell_Hover_Background);\n --_ui5_shellbar_search_field_box_shadow_hover: var(--sapContent_Interaction_Shadow);\n --_ui5_shellbar_overflow_container_middle_height: 3rem;\n --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);\n --_ui5_shellbar_input_border_radius: 1.125rem;\n --_ui5_shellbar_input_focus_border_radius: 1.125rem;\n --_ui5_shellbar_input_background_color: var(--sapShell_InteractiveBackground);\n --_ui5_TimelineItem_arrow_size: 1.625rem;\n --_ui5_TimelineItem_bubble_border_width: .125rem;\n --_ui5_TimelineItem_bubble_border_style: solid;\n --_ui5_TimelineItem_bubble_border_radius: var(--sapElement_BorderCornerRadius);\n --_ui5_TimelineItem_bubble_border_color: var(--sapGroup_ContentBorderColor);\n --_ui5_TimelineItem_bubble_border_top: -.25rem;\n --_ui5_TimelineItem_bubble_border_right: -.25rem;\n --_ui5_TimelineItem_bubble_border_bottom: -.25rem;\n --_ui5_TimelineItem_bubble_border_left: -.75rem;\n --_ui5_TimelineItem_bubble_rtl_left_offset: -.25rem;\n --_ui5_TimelineItem_bubble_rtl_right_offset: -.75rem;\n --_ui5_TimelineItem_bubble_focus_border_radius: .875rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.75rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.25rem;\n --_ui5_TimelineItem_bubble_content_padding: .5rem;\n --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .125rem;\n --_ui5_TimelineItem_bubble_content_description_padding_top: .5rem;\n --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);\n --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);\n --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);\n --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);\n --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);\n --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);\n --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );\n --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );\n --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);\n --_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) );\n --_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) );\n --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );\n --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 3rem;\n --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;\n --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);\n --_ui5_side_navigation_navigation_separator_radius: unset;\n --_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: block;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_width: 2rem;\n --_ui5_side_navigation_hover_border_style_color: none;\n --_ui5_side_navigation_hover_border_width: 0;\n --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_border_style_color: none;\n --_ui5_side_navigation_item_border_width: 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\n --_ui5_side_navigation_item_border_radius: .375rem;\n --_ui5_side_navigation_item_bottom_margin: 0;\n --_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;\n --_ui5_side_navigation_item_transition: background-color .3s ease-in-out;\n --_ui5_side_navigation_item_padding_left: .5rem;\n --_ui5_side_navigation_item_focus_border_offset: 1px;\n --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);\n --_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);\n --_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);\n --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);\n --_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);\n --_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_group_expanded_border_width: 0;\n --_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);\n --_ui5_side_navigation_icon_padding_inline_end: .4375rem;\n --_ui5_side_navigation_item_font_family: var(--sapFontFamily);\n --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);\n --_ui5_side_navigation_group_padding: .5rem;\n --_ui5_side_navigation_padding-flexible: 0;\n --_ui5_side_navigation_padding-fixed: 0;\n --_ui5_side_navigation_popup_padding: 0;\n --_ui5_side_navigation_popup_title_line_height: normal;\n --_ui5_side_navigation_first_fixed_item_margin_top: 0;\n --_ui5_side_navigation_item_expand_icon_visibility: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: auto;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;\n --_ui5_side_navigation_action_item_collapsed_padding: 0;\n --_ui5_side_navigation_item_collapsed_padding: 0;\n --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);\n --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);\n --_ui5_side_navigation_item_expand_icon_right: -.5rem;\n --_ui5_side_navigation_item_expand_icon_hover_left: auto;\n --_ui5_side_navigation_item_expand_icon_hover_right: 0;\n --_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);\n --ui5_upload_collection_drag_overlay_border: .125rem dashed var(--sapContent_ForegroundBorderColor);\n --ui5_upload_collection_drop_overlay_border: .125rem solid var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_drop_overlay_background: transparent;\n --ui5_upload_collection_thumbnail_size: 3rem;\n --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;\n --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;\n --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;\n --ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .8;\n --_ui5_wiz_content_item_wrapper_padding: 1rem;\n --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);\n --_ui5_wiz_tab_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_selection_line: var(--sapSelectedColor);\n --_ui5_wiz_tab_icon_color: var(--sapSelectedColor);\n --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_title_color: var(--sapTextColor);\n --_ui5_wiz_tab_title_font_family: var(--sapFontBoldFamily);\n --_ui5_wiz_tab_focus_border_radius: 8px;\n --_ui5-notification_item-border-radius: .75rem;\n --_ui5_dynamic_page_footer_spacer: 4rem;\n --_ui5_dynamic_page_title_padding_S: .5rem 1rem;\n --_ui5_dynamic_page_title_padding_M: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_L: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;\n --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;\n --_ui5_dynamic_page_header_padding_M: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_L: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;\n --_ui5_dynamic_page_content_padding_S: 1rem 0 0;\n --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;\n --ui5_dynamic_page_background: var(--sapBackgroundColor);\n --_ui5_dynamic_page_title_padding_top: .5rem;\n --_ui5_dynamic_page_title_padding_bottom: .5rem;\n --_ui5_dynamic_page_title_min_height: 4rem;\n --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;\n --_ui5_dynamic_page_title_heading_padding_top: .3125rem;\n --_ui5_dynamic_page_title_subheading_margin_top: .25rem;\n --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);\n --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;\n --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;\n --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);\n --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);\n --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);\n --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);\n --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);\n --_ui5_timeline_tlgi_line_horizontal_height: 14.8125rem;\n --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 19.375rem) var(--_ui5-cozy-size, 19.9375rem);\n --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_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));\n --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);\n --_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);\n --_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}\n";
1
+ declare const _default: ":host{\n --_ui5_banner_background: var(--sapShell_HeroBanner_Background, var(--sapHighlightColor));\n --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor, var(--sapContent_ContrastTextColor));\n --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);\n --_ui5_banner_box_shadow: var(--sapContent_Shadow0);\n --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);\n --_ui5_fcl_solid_bg: var(--sapShell_Background);\n --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);\n --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);\n --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);\n --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);\n --_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);\n --_ui5_media_gallery_overflow_btn_border: none;\n --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);\n --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);\n --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);\n --_ui5_page_list_bg: var(--sapGroup_ContentBackground);\n --_ui5_page_transparent_bg: transparent;\n --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_content_li_padding: .375rem;\n --_ui5_vsd_content_height: 23.4375rem;\n --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);\n --_ui5_product_switch_item_width: 11.25rem;\n --_ui5_product_switch_item_height: 7rem;\n --_ui5_product_switch_item_active_outline_color: var(--sapContent_FocusColor);\n --_ui5_product_switch_item_outline_offset: -.1875rem;\n --_ui5_shellbar_root_height: 3.25rem;\n --_ui5_shellbar_logo_outline_color: var(--sapContent_FocusColor);\n --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);\n --_ui5_shellbar_outline_offset: -.1875rem;\n --_ui5_shellbar_button_border: none;\n --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);\n --_ui5_shellbar_button_focused_border: .125rem solid var(--sapContent_FocusColor);\n --_ui5_shellbar_button_badge_border: 1px solid var(--sapContent_BadgeBackground);\n --_ui5_shellbar_logo_border_radius: .5rem;\n --_ui5_shellbar_button_box_shadow: var(--sapContent_Interaction_Shadow);\n --_ui5_shellbar_button_box_shadow_active: inset 0 0 0 .0625rem var(--sapButton_Lite_Active_BorderColor);\n --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);\n --_ui5_shellbar_search_field_background: var(--sapShell_InteractiveBackground);\n --_ui5_shellbar_search_field_border: none;\n --_ui5_shellbar_search_field_color: var(--sapShell_InteractiveTextColor);\n --_ui5_shellbar_search_field_background_hover: var(--sapShell_Hover_Background);\n --_ui5_shellbar_search_field_box_shadow_hover: var(--sapContent_Interaction_Shadow);\n --_ui5_shellbar_overflow_container_middle_height: 3rem;\n --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);\n --_ui5_shellbar_input_border_radius: 1.125rem;\n --_ui5_shellbar_input_focus_border_radius: 1.125rem;\n --_ui5_shellbar_input_background_color: var(--sapShell_InteractiveBackground);\n --_ui5_TimelineItem_arrow_size: 1.625rem;\n --_ui5_TimelineItem_bubble_border_width: .125rem;\n --_ui5_TimelineItem_bubble_border_style: solid;\n --_ui5_TimelineItem_bubble_border_radius: var(--sapElement_BorderCornerRadius);\n --_ui5_TimelineItem_bubble_border_color: var(--sapGroup_ContentBorderColor);\n --_ui5_TimelineItem_bubble_border_top: -.25rem;\n --_ui5_TimelineItem_bubble_border_right: -.25rem;\n --_ui5_TimelineItem_bubble_border_bottom: -.25rem;\n --_ui5_TimelineItem_bubble_border_left: -.75rem;\n --_ui5_TimelineItem_bubble_rtl_left_offset: -.25rem;\n --_ui5_TimelineItem_bubble_rtl_right_offset: -.75rem;\n --_ui5_TimelineItem_bubble_focus_border_radius: .875rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.75rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.25rem;\n --_ui5_TimelineItem_bubble_content_padding: .5rem;\n --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .125rem;\n --_ui5_TimelineItem_bubble_content_description_padding_top: .5rem;\n --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);\n --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);\n --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);\n --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);\n --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);\n --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);\n --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );\n --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );\n --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);\n --_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) );\n --_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) );\n --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );\n --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 3rem;\n --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;\n --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);\n --_ui5_side_navigation_navigation_separator_radius: unset;\n --_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: block;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_width: 2rem;\n --_ui5_side_navigation_hover_border_style_color: none;\n --_ui5_side_navigation_hover_border_width: 0;\n --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_border_style_color: none;\n --_ui5_side_navigation_item_border_width: 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\n --_ui5_side_navigation_item_border_radius: .375rem;\n --_ui5_side_navigation_item_bottom_margin: 0;\n --_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;\n --_ui5_side_navigation_item_transition: background-color .3s ease-in-out;\n --_ui5_side_navigation_item_padding_left: .5rem;\n --_ui5_side_navigation_item_focus_border_offset: 1px;\n --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);\n --_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);\n --_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);\n --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);\n --_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);\n --_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_group_expanded_border_width: 0;\n --_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);\n --_ui5_side_navigation_icon_padding_inline_end: .4375rem;\n --_ui5_side_navigation_item_font_family: var(--sapFontFamily);\n --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);\n --_ui5_side_navigation_group_padding: .5rem;\n --_ui5_side_navigation_padding-flexible: 0;\n --_ui5_side_navigation_padding-fixed: 0;\n --_ui5_side_navigation_popup_padding: 0;\n --_ui5_side_navigation_popup_title_line_height: normal;\n --_ui5_side_navigation_first_fixed_item_margin_top: 0;\n --_ui5_side_navigation_item_expand_icon_visibility: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: auto;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;\n --_ui5_side_navigation_action_item_collapsed_padding: 0;\n --_ui5_side_navigation_item_collapsed_padding: 0;\n --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);\n --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);\n --_ui5_side_navigation_item_expand_icon_right: -.5rem;\n --_ui5_side_navigation_item_expand_icon_hover_left: auto;\n --_ui5_side_navigation_item_expand_icon_hover_right: 0;\n --_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);\n --ui5_upload_collection_drag_overlay_border: .125rem dashed var(--sapContent_ForegroundBorderColor);\n --ui5_upload_collection_drop_overlay_border: .125rem solid var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_drop_overlay_background: transparent;\n --ui5_upload_collection_thumbnail_size: 3rem;\n --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;\n --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;\n --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;\n --ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .8;\n --_ui5_wiz_content_item_wrapper_padding: 1rem;\n --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);\n --_ui5_wiz_tab_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_selection_line: var(--sapSelectedColor);\n --_ui5_wiz_tab_icon_color: var(--sapSelectedColor);\n --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_title_color: var(--sapTextColor);\n --_ui5_wiz_tab_title_font_family: var(--sapFontBoldFamily);\n --_ui5_wiz_tab_focus_border_radius: 8px;\n --_ui5-notification_item-border-radius: .75rem;\n --_ui5_dynamic_page_footer_spacer: 4rem;\n --_ui5_dynamic_page_title_padding_S: .5rem 1rem;\n --_ui5_dynamic_page_title_padding_M: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_L: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;\n --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;\n --_ui5_dynamic_page_header_padding_M: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_L: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;\n --_ui5_dynamic_page_content_padding_S: 1rem 0 0;\n --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;\n --ui5_dynamic_page_background: var(--sapBackgroundColor);\n --_ui5_dynamic_page_title_padding_top: .5rem;\n --_ui5_dynamic_page_title_padding_bottom: .5rem;\n --_ui5_dynamic_page_title_min_height: 4rem;\n --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;\n --_ui5_dynamic_page_title_heading_padding_top: .3125rem;\n --_ui5_dynamic_page_title_subheading_margin_top: .25rem;\n --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);\n --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;\n --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;\n --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);\n --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);\n --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);\n --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);\n --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);\n --_ui5_timeline_tlgi_line_horizontal_height: 14.8125rem;\n --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 19.375rem) var(--_ui5-cozy-size, 19.9375rem);\n --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_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));\n --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);\n --_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);\n --_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}\n";
2
2
  export default _default;
package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export default `:host{
2
- --_ui5_banner_background: var(--sapShell_Banner_Background, var(--sapHighlightColor));
3
- --_ui5_banner_text_color: var(--sapShell_Banner_TextColor, var(--sapContent_ContrastTextColor));
2
+ --_ui5_banner_background: var(--sapShell_HeroBanner_Background, var(--sapHighlightColor));
3
+ --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor, var(--sapContent_ContrastTextColor));
4
4
  --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);
5
5
  --_ui5_banner_box_shadow: var(--sapContent_Shadow0);
6
6
  --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);
package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_exp/parameters-bundle.css.ts"],"names":[],"mappings":"AAAA,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiNd,CAAA","sourcesContent":["export default `:host{\n --_ui5_banner_background: var(--sapShell_Banner_Background, var(--sapHighlightColor));\n --_ui5_banner_text_color: var(--sapShell_Banner_TextColor, var(--sapContent_ContrastTextColor));\n --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);\n --_ui5_banner_box_shadow: var(--sapContent_Shadow0);\n --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);\n --_ui5_fcl_solid_bg: var(--sapShell_Background);\n --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);\n --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);\n --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);\n --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);\n --_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);\n --_ui5_media_gallery_overflow_btn_border: none;\n --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);\n --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);\n --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);\n --_ui5_page_list_bg: var(--sapGroup_ContentBackground);\n --_ui5_page_transparent_bg: transparent;\n --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_content_li_padding: .375rem;\n --_ui5_vsd_content_height: 23.4375rem;\n --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);\n --_ui5_product_switch_item_width: 11.25rem;\n --_ui5_product_switch_item_height: 7rem;\n --_ui5_product_switch_item_active_outline_color: var(--sapContent_FocusColor);\n --_ui5_product_switch_item_outline_offset: -.1875rem;\n --_ui5_shellbar_root_height: 3.25rem;\n --_ui5_shellbar_logo_outline_color: var(--sapContent_FocusColor);\n --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);\n --_ui5_shellbar_outline_offset: -.1875rem;\n --_ui5_shellbar_button_border: none;\n --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);\n --_ui5_shellbar_button_focused_border: .125rem solid var(--sapContent_FocusColor);\n --_ui5_shellbar_button_badge_border: 1px solid var(--sapContent_BadgeBackground);\n --_ui5_shellbar_logo_border_radius: .5rem;\n --_ui5_shellbar_button_box_shadow: var(--sapContent_Interaction_Shadow);\n --_ui5_shellbar_button_box_shadow_active: inset 0 0 0 .0625rem var(--sapButton_Lite_Active_BorderColor);\n --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);\n --_ui5_shellbar_search_field_background: var(--sapShell_InteractiveBackground);\n --_ui5_shellbar_search_field_border: none;\n --_ui5_shellbar_search_field_color: var(--sapShell_InteractiveTextColor);\n --_ui5_shellbar_search_field_background_hover: var(--sapShell_Hover_Background);\n --_ui5_shellbar_search_field_box_shadow_hover: var(--sapContent_Interaction_Shadow);\n --_ui5_shellbar_overflow_container_middle_height: 3rem;\n --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);\n --_ui5_shellbar_input_border_radius: 1.125rem;\n --_ui5_shellbar_input_focus_border_radius: 1.125rem;\n --_ui5_shellbar_input_background_color: var(--sapShell_InteractiveBackground);\n --_ui5_TimelineItem_arrow_size: 1.625rem;\n --_ui5_TimelineItem_bubble_border_width: .125rem;\n --_ui5_TimelineItem_bubble_border_style: solid;\n --_ui5_TimelineItem_bubble_border_radius: var(--sapElement_BorderCornerRadius);\n --_ui5_TimelineItem_bubble_border_color: var(--sapGroup_ContentBorderColor);\n --_ui5_TimelineItem_bubble_border_top: -.25rem;\n --_ui5_TimelineItem_bubble_border_right: -.25rem;\n --_ui5_TimelineItem_bubble_border_bottom: -.25rem;\n --_ui5_TimelineItem_bubble_border_left: -.75rem;\n --_ui5_TimelineItem_bubble_rtl_left_offset: -.25rem;\n --_ui5_TimelineItem_bubble_rtl_right_offset: -.75rem;\n --_ui5_TimelineItem_bubble_focus_border_radius: .875rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.75rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.25rem;\n --_ui5_TimelineItem_bubble_content_padding: .5rem;\n --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .125rem;\n --_ui5_TimelineItem_bubble_content_description_padding_top: .5rem;\n --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);\n --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);\n --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);\n --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);\n --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);\n --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);\n --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );\n --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );\n --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);\n --_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) );\n --_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) );\n --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );\n --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 3rem;\n --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;\n --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);\n --_ui5_side_navigation_navigation_separator_radius: unset;\n --_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: block;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_width: 2rem;\n --_ui5_side_navigation_hover_border_style_color: none;\n --_ui5_side_navigation_hover_border_width: 0;\n --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_border_style_color: none;\n --_ui5_side_navigation_item_border_width: 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\n --_ui5_side_navigation_item_border_radius: .375rem;\n --_ui5_side_navigation_item_bottom_margin: 0;\n --_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;\n --_ui5_side_navigation_item_transition: background-color .3s ease-in-out;\n --_ui5_side_navigation_item_padding_left: .5rem;\n --_ui5_side_navigation_item_focus_border_offset: 1px;\n --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);\n --_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);\n --_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);\n --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);\n --_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);\n --_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_group_expanded_border_width: 0;\n --_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);\n --_ui5_side_navigation_icon_padding_inline_end: .4375rem;\n --_ui5_side_navigation_item_font_family: var(--sapFontFamily);\n --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);\n --_ui5_side_navigation_group_padding: .5rem;\n --_ui5_side_navigation_padding-flexible: 0;\n --_ui5_side_navigation_padding-fixed: 0;\n --_ui5_side_navigation_popup_padding: 0;\n --_ui5_side_navigation_popup_title_line_height: normal;\n --_ui5_side_navigation_first_fixed_item_margin_top: 0;\n --_ui5_side_navigation_item_expand_icon_visibility: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: auto;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;\n --_ui5_side_navigation_action_item_collapsed_padding: 0;\n --_ui5_side_navigation_item_collapsed_padding: 0;\n --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);\n --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);\n --_ui5_side_navigation_item_expand_icon_right: -.5rem;\n --_ui5_side_navigation_item_expand_icon_hover_left: auto;\n --_ui5_side_navigation_item_expand_icon_hover_right: 0;\n --_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);\n --ui5_upload_collection_drag_overlay_border: .125rem dashed var(--sapContent_ForegroundBorderColor);\n --ui5_upload_collection_drop_overlay_border: .125rem solid var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_drop_overlay_background: transparent;\n --ui5_upload_collection_thumbnail_size: 3rem;\n --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;\n --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;\n --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;\n --ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .8;\n --_ui5_wiz_content_item_wrapper_padding: 1rem;\n --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);\n --_ui5_wiz_tab_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_selection_line: var(--sapSelectedColor);\n --_ui5_wiz_tab_icon_color: var(--sapSelectedColor);\n --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_title_color: var(--sapTextColor);\n --_ui5_wiz_tab_title_font_family: var(--sapFontBoldFamily);\n --_ui5_wiz_tab_focus_border_radius: 8px;\n --_ui5-notification_item-border-radius: .75rem;\n --_ui5_dynamic_page_footer_spacer: 4rem;\n --_ui5_dynamic_page_title_padding_S: .5rem 1rem;\n --_ui5_dynamic_page_title_padding_M: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_L: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;\n --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;\n --_ui5_dynamic_page_header_padding_M: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_L: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;\n --_ui5_dynamic_page_content_padding_S: 1rem 0 0;\n --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;\n --ui5_dynamic_page_background: var(--sapBackgroundColor);\n --_ui5_dynamic_page_title_padding_top: .5rem;\n --_ui5_dynamic_page_title_padding_bottom: .5rem;\n --_ui5_dynamic_page_title_min_height: 4rem;\n --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;\n --_ui5_dynamic_page_title_heading_padding_top: .3125rem;\n --_ui5_dynamic_page_title_subheading_margin_top: .25rem;\n --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);\n --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;\n --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;\n --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);\n --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);\n --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);\n --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);\n --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);\n --_ui5_timeline_tlgi_line_horizontal_height: 14.8125rem;\n --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 19.375rem) var(--_ui5-cozy-size, 19.9375rem);\n --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_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));\n --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);\n --_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);\n --_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}\n`"]}
1
+ {"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_exp/parameters-bundle.css.ts"],"names":[],"mappings":"AAAA,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiNd,CAAA","sourcesContent":["export default `:host{\n --_ui5_banner_background: var(--sapShell_HeroBanner_Background, var(--sapHighlightColor));\n --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor, var(--sapContent_ContrastTextColor));\n --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);\n --_ui5_banner_box_shadow: var(--sapContent_Shadow0);\n --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);\n --_ui5_fcl_solid_bg: var(--sapShell_Background);\n --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);\n --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);\n --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);\n --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);\n --_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);\n --_ui5_media_gallery_overflow_btn_border: none;\n --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);\n --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);\n --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);\n --_ui5_page_list_bg: var(--sapGroup_ContentBackground);\n --_ui5_page_transparent_bg: transparent;\n --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_content_li_padding: .375rem;\n --_ui5_vsd_content_height: 23.4375rem;\n --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);\n --_ui5_product_switch_item_width: 11.25rem;\n --_ui5_product_switch_item_height: 7rem;\n --_ui5_product_switch_item_active_outline_color: var(--sapContent_FocusColor);\n --_ui5_product_switch_item_outline_offset: -.1875rem;\n --_ui5_shellbar_root_height: 3.25rem;\n --_ui5_shellbar_logo_outline_color: var(--sapContent_FocusColor);\n --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);\n --_ui5_shellbar_outline_offset: -.1875rem;\n --_ui5_shellbar_button_border: none;\n --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);\n --_ui5_shellbar_button_focused_border: .125rem solid var(--sapContent_FocusColor);\n --_ui5_shellbar_button_badge_border: 1px solid var(--sapContent_BadgeBackground);\n --_ui5_shellbar_logo_border_radius: .5rem;\n --_ui5_shellbar_button_box_shadow: var(--sapContent_Interaction_Shadow);\n --_ui5_shellbar_button_box_shadow_active: inset 0 0 0 .0625rem var(--sapButton_Lite_Active_BorderColor);\n --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);\n --_ui5_shellbar_search_field_background: var(--sapShell_InteractiveBackground);\n --_ui5_shellbar_search_field_border: none;\n --_ui5_shellbar_search_field_color: var(--sapShell_InteractiveTextColor);\n --_ui5_shellbar_search_field_background_hover: var(--sapShell_Hover_Background);\n --_ui5_shellbar_search_field_box_shadow_hover: var(--sapContent_Interaction_Shadow);\n --_ui5_shellbar_overflow_container_middle_height: 3rem;\n --_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);\n --_ui5_shellbar_input_border_radius: 1.125rem;\n --_ui5_shellbar_input_focus_border_radius: 1.125rem;\n --_ui5_shellbar_input_background_color: var(--sapShell_InteractiveBackground);\n --_ui5_TimelineItem_arrow_size: 1.625rem;\n --_ui5_TimelineItem_bubble_border_width: .125rem;\n --_ui5_TimelineItem_bubble_border_style: solid;\n --_ui5_TimelineItem_bubble_border_radius: var(--sapElement_BorderCornerRadius);\n --_ui5_TimelineItem_bubble_border_color: var(--sapGroup_ContentBorderColor);\n --_ui5_TimelineItem_bubble_border_top: -.25rem;\n --_ui5_TimelineItem_bubble_border_right: -.25rem;\n --_ui5_TimelineItem_bubble_border_bottom: -.25rem;\n --_ui5_TimelineItem_bubble_border_left: -.75rem;\n --_ui5_TimelineItem_bubble_rtl_left_offset: -.25rem;\n --_ui5_TimelineItem_bubble_rtl_right_offset: -.75rem;\n --_ui5_TimelineItem_bubble_focus_border_radius: .875rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.75rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.25rem;\n --_ui5_TimelineItem_bubble_content_padding: .5rem;\n --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .125rem;\n --_ui5_TimelineItem_bubble_content_description_padding_top: .5rem;\n --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);\n --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);\n --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);\n --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);\n --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);\n --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);\n --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );\n --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );\n --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);\n --_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) );\n --_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) );\n --_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );\n --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );\n --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);\n --_ui5_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 3rem;\n --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;\n --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);\n --_ui5_side_navigation_navigation_separator_radius: unset;\n --_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: block;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_width: 2rem;\n --_ui5_side_navigation_hover_border_style_color: none;\n --_ui5_side_navigation_hover_border_width: 0;\n --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_border_style_color: none;\n --_ui5_side_navigation_item_border_width: 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\n --_ui5_side_navigation_item_border_radius: .375rem;\n --_ui5_side_navigation_item_bottom_margin: 0;\n --_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;\n --_ui5_side_navigation_item_transition: background-color .3s ease-in-out;\n --_ui5_side_navigation_item_padding_left: .5rem;\n --_ui5_side_navigation_item_focus_border_offset: 1px;\n --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);\n --_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);\n --_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);\n --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);\n --_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);\n --_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_group_expanded_border_width: 0;\n --_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);\n --_ui5_side_navigation_icon_padding_inline_end: .4375rem;\n --_ui5_side_navigation_item_font_family: var(--sapFontFamily);\n --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);\n --_ui5_side_navigation_group_padding: .5rem;\n --_ui5_side_navigation_padding-flexible: 0;\n --_ui5_side_navigation_padding-fixed: 0;\n --_ui5_side_navigation_popup_padding: 0;\n --_ui5_side_navigation_popup_title_line_height: normal;\n --_ui5_side_navigation_first_fixed_item_margin_top: 0;\n --_ui5_side_navigation_item_expand_icon_visibility: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: auto;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;\n --_ui5_side_navigation_action_item_collapsed_padding: 0;\n --_ui5_side_navigation_item_collapsed_padding: 0;\n --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);\n --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);\n --_ui5_side_navigation_item_expand_icon_right: -.5rem;\n --_ui5_side_navigation_item_expand_icon_hover_left: auto;\n --_ui5_side_navigation_item_expand_icon_hover_right: 0;\n --_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);\n --ui5_upload_collection_drag_overlay_border: .125rem dashed var(--sapContent_ForegroundBorderColor);\n --ui5_upload_collection_drop_overlay_border: .125rem solid var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_drop_overlay_background: transparent;\n --ui5_upload_collection_thumbnail_size: 3rem;\n --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;\n --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;\n --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;\n --ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .8;\n --_ui5_wiz_content_item_wrapper_padding: 1rem;\n --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);\n --_ui5_wiz_tab_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_selection_line: var(--sapSelectedColor);\n --_ui5_wiz_tab_icon_color: var(--sapSelectedColor);\n --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_title_color: var(--sapTextColor);\n --_ui5_wiz_tab_title_font_family: var(--sapFontBoldFamily);\n --_ui5_wiz_tab_focus_border_radius: 8px;\n --_ui5-notification_item-border-radius: .75rem;\n --_ui5_dynamic_page_footer_spacer: 4rem;\n --_ui5_dynamic_page_title_padding_S: .5rem 1rem;\n --_ui5_dynamic_page_title_padding_M: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_L: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;\n --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;\n --_ui5_dynamic_page_header_padding_M: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_L: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;\n --_ui5_dynamic_page_content_padding_S: 1rem 0 0;\n --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;\n --ui5_dynamic_page_background: var(--sapBackgroundColor);\n --_ui5_dynamic_page_title_padding_top: .5rem;\n --_ui5_dynamic_page_title_padding_bottom: .5rem;\n --_ui5_dynamic_page_title_min_height: 4rem;\n --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;\n --_ui5_dynamic_page_title_heading_padding_top: .3125rem;\n --_ui5_dynamic_page_title_subheading_margin_top: .25rem;\n --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);\n --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;\n --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;\n --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);\n --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);\n --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);\n --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);\n --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);\n --_ui5_timeline_tlgi_line_horizontal_height: 14.8125rem;\n --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 19.375rem) var(--_ui5-cozy-size, 19.9375rem);\n --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_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));\n --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);\n --_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);\n --_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}\n`"]}
package/dist/shellbar/ShellBarSearch.d.ts CHANGED
@@ -4,6 +4,7 @@ interface ShellBarSearchConstructorParams {
4
4
  getOverflowed: () => boolean;
5
5
  getSearchState: () => boolean;
6
6
  setSearchState: (expanded: boolean) => void;
7
+ handleSearchButtonClick: () => boolean;
7
8
  getSearchField: () => IShellBarSearchField | null;
8
9
  getCSSVariable: (variable: string) => string;
9
10
  }
@@ -21,9 +22,10 @@ declare class ShellBarSearch implements IShellBarSearchController {
21
22
  private getSearchField;
22
23
  private getSearchState;
23
24
  private setSearchState;
25
+ private handleSearchButtonClick;
24
26
  private getCSSVariable;
25
27
  private initialRender;
26
- constructor({ getOverflowed, setSearchState, getSearchField, getSearchState, getCSSVariable, }: ShellBarSearchConstructorParams);
28
+ constructor({ getOverflowed, setSearchState, getSearchField, getSearchState, getCSSVariable, handleSearchButtonClick, }: ShellBarSearchConstructorParams);
27
29
  subscribe(searchField?: HTMLElement | null): void;
28
30
  unsubscribe(searchField?: HTMLElement | null): void;
29
31
  /**
package/dist/shellbar/ShellBarSearch.js CHANGED
@@ -4,7 +4,7 @@ import { isPhone } from "@ui5/webcomponents-base/dist/Device.js";
4
4
  * Handles search fields with collapsed/open properties and ui5-open/close/search events.
5
5
  */
6
6
  class ShellBarSearch {
7
- constructor({ getOverflowed, setSearchState, getSearchField, getSearchState, getCSSVariable, }) {
7
+ constructor({ getOverflowed, setSearchState, getSearchField, getSearchState, getCSSVariable, handleSearchButtonClick, }) {
8
8
  this.onSearchBound = this.onSearch.bind(this);
9
9
  this.onSearchOpenBound = this.onSearchOpen.bind(this);
10
10
  this.onSearchCloseBound = this.onSearchClose.bind(this);
@@ -14,6 +14,7 @@ class ShellBarSearch {
14
14
  this.getSearchField = getSearchField;
15
15
  this.getSearchState = getSearchState;
16
16
  this.setSearchState = setSearchState;
17
+ this.handleSearchButtonClick = handleSearchButtonClick;
17
18
  }
18
19
  subscribe(searchField = this.getSearchField()) {
19
20
  if (!searchField) {
@@ -110,7 +111,7 @@ class ShellBarSearch {
110
111
  if (isPhone() || (this.getSearchField()?.value && this.getSearchState())) {
111
112
  return;
112
113
  }
113
- this.setSearchState(!this.getSearchState());
114
+ this.handleSearchButtonClick();
114
115
  }
115
116
  /**
116
117
  * Gets the minimum width needed for search field from CSS variable.
package/dist/shellbar/ShellBarSearch.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShellBarSearch.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarSearch.ts"],"names":[],"mappings":"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","sourcesContent":["import { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type { IShellBarSearchField } from \"../ShellBar.js\";\nimport type { IShellBarSearchController } from \"./IShellBarSearchController.js\";\n\ninterface ShellBarSearchConstructorParams {\n\tgetOverflowed: () => boolean;\n\tgetSearchState: () => boolean;\n\tsetSearchState: (expanded: boolean) => void;\n\tgetSearchField: () => IShellBarSearchField | null;\n\tgetCSSVariable: (variable: string) => string;\n}\n\n/**\n * Search controller for self-collapsible search (ui5-shellbar-search).\n * Handles search fields with collapsed/open properties and ui5-open/close/search events.\n */\nclass ShellBarSearch implements IShellBarSearchController {\n\tstatic CSS_VARIABLE = \"--_ui5_shellbar_search_field_width\";\n\tstatic FALLBACK_WIDTH = 400;\n\n\tprivate onSearchBound = this.onSearch.bind(this);\n\tprivate onSearchOpenBound = this.onSearchOpen.bind(this);\n\tprivate onSearchCloseBound = this.onSearchClose.bind(this);\n\n\tprivate getOverflowed: () => boolean;\n\tprivate getSearchField: () => IShellBarSearchField | null;\n\tprivate getSearchState: () => boolean;\n\tprivate setSearchState: (expanded: boolean) => void;\n\tprivate getCSSVariable: (variable: string) => string;\n\tprivate initialRender = true;\n\n\tconstructor({\n\t\tgetOverflowed,\n\t\tsetSearchState,\n\t\tgetSearchField,\n\t\tgetSearchState,\n\t\tgetCSSVariable,\n\t}: ShellBarSearchConstructorParams) {\n\t\tthis.getOverflowed = getOverflowed;\n\t\tthis.getCSSVariable = getCSSVariable;\n\t\tthis.getSearchField = getSearchField;\n\t\tthis.getSearchState = getSearchState;\n\t\tthis.setSearchState = setSearchState;\n\t}\n\n\tsubscribe(searchField: HTMLElement | null = this.getSearchField()) {\n\t\tif (!searchField) {\n\t\t\treturn;\n\t\t}\n\t\tsearchField.addEventListener(\"ui5-open\", this.onSearchOpenBound);\n\t\tsearchField.addEventListener(\"ui5-close\", this.onSearchCloseBound);\n\t\tsearchField.addEventListener(\"ui5-search\", this.onSearchBound);\n\t}\n\n\tunsubscribe(searchField: HTMLElement | null = this.getSearchField()) {\n\t\tif (!searchField) {\n\t\t\treturn;\n\t\t}\n\t\tsearchField.removeEventListener(\"ui5-open\", this.onSearchOpenBound);\n\t\tsearchField.removeEventListener(\"ui5-close\", this.onSearchCloseBound);\n\t\tsearchField.removeEventListener(\"ui5-search\", this.onSearchBound);\n\t}\n\n\t/**\n\t * Auto-collapse/restore search field based on available space.\n\t * Delegates decision logic to SearchController.\n\t */\n\tautoManageSearchState(hiddenItems: number, availableSpace: number) {\n\t\tif (!this.hasSearchField) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Get search field min width from CSS variable\n\t\tconst searchFieldWidth = this.getSearchFieldWidth();\n\n\t\tconst searchHasFocus = document.activeElement === this.getSearchField();\n\t\tconst searchHasValue = !!this.getSearchField()?.value;\n\n\t\t// On initial load, allow search to collapse even if it would trigger full-screen mode.\n\t\t// This prevents search from showing in full-screen when page loads on small screens.\n\t\t// After initial render, prevent collapse in full-screen mode during resize.\n\t\tconst inFullScreen = !this.initialRender && this.shouldShowFullScreen();\n\t\tconst preventCollapse = searchHasFocus || searchHasValue || inFullScreen;\n\n\t\tif (hiddenItems > 0 && !preventCollapse) {\n\t\t\tthis.setSearchState(false);\n\t\t} else if (availableSpace + this.getSearchButtonSize() > searchFieldWidth) {\n\t\t\tthis.setSearchState(true);\n\t\t}\n\n\t\tthis.initialRender = false;\n\t}\n\n\t/**\n\t * Applies the show-search-field state to the search field.\n\t */\n\tsyncShowSearchFieldState() {\n\t\tconst search = this.getSearchField();\n\t\tif (!search) {\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\t// On initial render, don't auto-open the search dialog on phones\n\t\t\t// to prevent the full-screen search from showing when page loads\n\t\t\tif (this.initialRender) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsearch.open = this.getSearchState();\n\t\t} else {\n\t\t\tsearch.collapsed = !this.getSearchState();\n\t\t}\n\t}\n\n\t/**\n\t * Determines if full-screen search should be shown.\n\t * Full-screen search activates when overflow happens AND search is visible.\n\t */\n\tshouldShowFullScreen(): boolean {\n\t\treturn this.getOverflowed() && this.getSearchState();\n\t}\n\n\tprivate onSearchOpen(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\tthis.setSearchState(true);\n\t\t}\n\t}\n\n\tprivate onSearchClose(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\tthis.setSearchState(false);\n\t\t}\n\t}\n\n\tprivate onSearch(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\n\t\t// On mobile or if has value, don't toggle\n\t\tif (isPhone() || (this.getSearchField()?.value && this.getSearchState())) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setSearchState(!this.getSearchState());\n\t}\n\n\t/**\n\t * Gets the minimum width needed for search field from CSS variable.\n\t */\n\tprivate getSearchFieldWidth(): number {\n\t\tconst width = this.getCSSVariable(ShellBarSearch.CSS_VARIABLE);\n\t\tif (!width) {\n\t\t\treturn ShellBarSearch.FALLBACK_WIDTH;\n\t\t}\n\t\t// Convert rem to px\n\t\tif (width.endsWith(\"rem\")) {\n\t\t\tconst fontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);\n\t\t\treturn parseFloat(width) * fontSize;\n\t\t}\n\t\treturn parseFloat(width);\n\t}\n\n\tget hasSearchField() {\n\t\treturn !!this.getSearchField();\n\t}\n\n\t/**\n\t * Gets the size of the search button.\n\t * If the search field is visible, the size is 0.\n\t * Otherwise, it is the width of the search field (just a button in collapsed state).\n\t */\n\tprivate getSearchButtonSize(): number {\n\t\treturn this.getSearchState() ? 0 : this.getSearchField()?.getBoundingClientRect().width || 0;\n\t}\n}\n\nexport default ShellBarSearch;\nexport type {\n\tShellBarSearchConstructorParams,\n};\n"]}
1
+ {"version":3,"file":"ShellBarSearch.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarSearch.ts"],"names":[],"mappings":"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","sourcesContent":["import { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type { IShellBarSearchField } from \"../ShellBar.js\";\nimport type { IShellBarSearchController } from \"./IShellBarSearchController.js\";\n\ninterface ShellBarSearchConstructorParams {\n\tgetOverflowed: () => boolean;\n\tgetSearchState: () => boolean;\n\tsetSearchState: (expanded: boolean) => void;\n\thandleSearchButtonClick: () => boolean;\n\tgetSearchField: () => IShellBarSearchField | null;\n\tgetCSSVariable: (variable: string) => string;\n}\n\n/**\n * Search controller for self-collapsible search (ui5-shellbar-search).\n * Handles search fields with collapsed/open properties and ui5-open/close/search events.\n */\nclass ShellBarSearch implements IShellBarSearchController {\n\tstatic CSS_VARIABLE = \"--_ui5_shellbar_search_field_width\";\n\tstatic FALLBACK_WIDTH = 400;\n\n\tprivate onSearchBound = this.onSearch.bind(this);\n\tprivate onSearchOpenBound = this.onSearchOpen.bind(this);\n\tprivate onSearchCloseBound = this.onSearchClose.bind(this);\n\n\tprivate getOverflowed: () => boolean;\n\tprivate getSearchField: () => IShellBarSearchField | null;\n\tprivate getSearchState: () => boolean;\n\tprivate setSearchState: (expanded: boolean) => void;\n\tprivate handleSearchButtonClick: () => boolean;\n\tprivate getCSSVariable: (variable: string) => string;\n\tprivate initialRender = true;\n\n\tconstructor({\n\t\tgetOverflowed,\n\t\tsetSearchState,\n\t\tgetSearchField,\n\t\tgetSearchState,\n\t\tgetCSSVariable,\n\t\thandleSearchButtonClick,\n\t}: ShellBarSearchConstructorParams) {\n\t\tthis.getOverflowed = getOverflowed;\n\t\tthis.getCSSVariable = getCSSVariable;\n\t\tthis.getSearchField = getSearchField;\n\t\tthis.getSearchState = getSearchState;\n\t\tthis.setSearchState = setSearchState;\n\t\tthis.handleSearchButtonClick = handleSearchButtonClick;\n\t}\n\n\tsubscribe(searchField: HTMLElement | null = this.getSearchField()) {\n\t\tif (!searchField) {\n\t\t\treturn;\n\t\t}\n\t\tsearchField.addEventListener(\"ui5-open\", this.onSearchOpenBound);\n\t\tsearchField.addEventListener(\"ui5-close\", this.onSearchCloseBound);\n\t\tsearchField.addEventListener(\"ui5-search\", this.onSearchBound);\n\t}\n\n\tunsubscribe(searchField: HTMLElement | null = this.getSearchField()) {\n\t\tif (!searchField) {\n\t\t\treturn;\n\t\t}\n\t\tsearchField.removeEventListener(\"ui5-open\", this.onSearchOpenBound);\n\t\tsearchField.removeEventListener(\"ui5-close\", this.onSearchCloseBound);\n\t\tsearchField.removeEventListener(\"ui5-search\", this.onSearchBound);\n\t}\n\n\t/**\n\t * Auto-collapse/restore search field based on available space.\n\t * Delegates decision logic to SearchController.\n\t */\n\tautoManageSearchState(hiddenItems: number, availableSpace: number) {\n\t\tif (!this.hasSearchField) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Get search field min width from CSS variable\n\t\tconst searchFieldWidth = this.getSearchFieldWidth();\n\n\t\tconst searchHasFocus = document.activeElement === this.getSearchField();\n\t\tconst searchHasValue = !!this.getSearchField()?.value;\n\n\t\t// On initial load, allow search to collapse even if it would trigger full-screen mode.\n\t\t// This prevents search from showing in full-screen when page loads on small screens.\n\t\t// After initial render, prevent collapse in full-screen mode during resize.\n\t\tconst inFullScreen = !this.initialRender && this.shouldShowFullScreen();\n\t\tconst preventCollapse = searchHasFocus || searchHasValue || inFullScreen;\n\n\t\tif (hiddenItems > 0 && !preventCollapse) {\n\t\t\tthis.setSearchState(false);\n\t\t} else if (availableSpace + this.getSearchButtonSize() > searchFieldWidth) {\n\t\t\tthis.setSearchState(true);\n\t\t}\n\n\t\tthis.initialRender = false;\n\t}\n\n\t/**\n\t * Applies the show-search-field state to the search field.\n\t */\n\tsyncShowSearchFieldState() {\n\t\tconst search = this.getSearchField();\n\t\tif (!search) {\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\t// On initial render, don't auto-open the search dialog on phones\n\t\t\t// to prevent the full-screen search from showing when page loads\n\t\t\tif (this.initialRender) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsearch.open = this.getSearchState();\n\t\t} else {\n\t\t\tsearch.collapsed = !this.getSearchState();\n\t\t}\n\t}\n\n\t/**\n\t * Determines if full-screen search should be shown.\n\t * Full-screen search activates when overflow happens AND search is visible.\n\t */\n\tshouldShowFullScreen(): boolean {\n\t\treturn this.getOverflowed() && this.getSearchState();\n\t}\n\n\tprivate onSearchOpen(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\tthis.setSearchState(true);\n\t\t}\n\t}\n\n\tprivate onSearchClose(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\tthis.setSearchState(false);\n\t\t}\n\t}\n\n\tprivate onSearch(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\n\t\t// On mobile or if has value, don't toggle\n\t\tif (isPhone() || (this.getSearchField()?.value && this.getSearchState())) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.handleSearchButtonClick();\n\t}\n\n\t/**\n\t * Gets the minimum width needed for search field from CSS variable.\n\t */\n\tprivate getSearchFieldWidth(): number {\n\t\tconst width = this.getCSSVariable(ShellBarSearch.CSS_VARIABLE);\n\t\tif (!width) {\n\t\t\treturn ShellBarSearch.FALLBACK_WIDTH;\n\t\t}\n\t\t// Convert rem to px\n\t\tif (width.endsWith(\"rem\")) {\n\t\t\tconst fontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);\n\t\t\treturn parseFloat(width) * fontSize;\n\t\t}\n\t\treturn parseFloat(width);\n\t}\n\n\tget hasSearchField() {\n\t\treturn !!this.getSearchField();\n\t}\n\n\t/**\n\t * Gets the size of the search button.\n\t * If the search field is visible, the size is 0.\n\t * Otherwise, it is the width of the search field (just a button in collapsed state).\n\t */\n\tprivate getSearchButtonSize(): number {\n\t\treturn this.getSearchState() ? 0 : this.getSearchField()?.getBoundingClientRect().width || 0;\n\t}\n}\n\nexport default ShellBarSearch;\nexport type {\n\tShellBarSearchConstructorParams,\n};\n"]}
package/dist/vscode.html-custom-data.json CHANGED
@@ -1669,7 +1669,7 @@
1669
1669
  },
1670
1670
  {
1671
1671
  "name": "ui5-user-settings-dialog",
1672
- "description": "### Overview\n\nThe `ui5-user-settings-dialog` is an SAP Fiori-specific web component used in the `ui5-user-menu`.\nIt allows the user to easily view information and settings for an account.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents-fiori/dist/UserSettingsDialog.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **before-close** - Fired before the settings dialog is closed.\n- **close** - Fired when a settings dialog is closed.\n- **open** - Fired when a settings dialog is open.\n- **selection-change** - Fired when an item is selected.\n\n### **Slots:**\n - **default** - Defines the user settings items.\n\n**Note:** If no setting item is set as `selected`, the first one will be selected.\n- **fixedItems** - Defines the fixed user settings items.",
1672
+ "description": "### Overview\n\nThe `ui5-user-settings-dialog` is an SAP Fiori-specific web component used in the `ui5-user-menu`.\nIt allows the user to easily view information and settings for an account.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents-fiori/dist/UserSettingsDialog.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **before-close** - Fired before the settings dialog is closed.\n\n**Note:** This event is cancelable via `preventDefault()`, allowing the application to keep the\ndialog open — for example, to prompt the user about unsaved changes before dismissal.\n- **cancel** - Fired when the Cancel button in the footer is clicked.\nThe dialog does not close automatically — the application is responsible\nfor closing it after discarding the changes.\n- **close** - Fired when the settings dialog is closed.\n- **open** - Fired when the settings dialog is opened.\n- **save** - Fired when the Save button in the footer is clicked.\nThe dialog does not close automatically — the application is responsible\nfor closing it after persisting the changes.\n- **selection-change** - Fired when an item is selected.\n\n### **Slots:**\n - **default** - Defines the user settings items.\n\n**Note:** If no setting item is set as `selected`, the first one will be selected.\n- **fixedItems** - Defines the fixed user settings items.",
1673
1673
  "attributes": [
1674
1674
  {
1675
1675
  "name": "header-text",
@@ -1681,6 +1681,11 @@
1681
1681
  "description": "Defines, if the User Settings Dialog is opened.",
1682
1682
  "values": []
1683
1683
  },
1684
+ {
1685
+ "name": "save-mode",
1686
+ "description": "Defines whether the dialog offers Save and Cancel actions in its footer.\n\nWhen true, the footer renders a Save (Emphasized) and a Cancel button\ninstead of the default Close button. Save and Cancel each fire a\ncorresponding event; the application is responsible for closing the\ndialog (typically after persisting or discarding the changes).",
1687
+ "values": []
1688
+ },
1684
1689
  {
1685
1690
  "name": "show-search-field",
1686
1691
  "description": "Defines if the Search Field would be displayed.\n\n**Note:** By default the Search Field is not displayed.",
package/dist/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@ui5/webcomponents-fiori",
4
- "version": "2.24.0",
4
+ "version": "2.25.0-rc.3",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -3945,7 +3945,7 @@
3945
3945
  },
3946
3946
  {
3947
3947
  "name": "ui5-user-settings-dialog",
3948
- "description": "### Overview\n\nThe `ui5-user-settings-dialog` is an SAP Fiori-specific web component used in the `ui5-user-menu`.\nIt allows the user to easily view information and settings for an account.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents-fiori/dist/UserSettingsDialog.js\";`\n---\n\n\n### **Events:**\n - **before-close** - Fired before the settings dialog is closed.\n- **close** - Fired when a settings dialog is closed.\n- **open** - Fired when a settings dialog is open.\n- **selection-change** - Fired when an item is selected.\n\n### **Slots:**\n - **default** - Defines the user settings items.\n\n**Note:** If no setting item is set as `selected`, the first one will be selected.\n- **fixedItems** - Defines the fixed user settings items.",
3948
+ "description": "### Overview\n\nThe `ui5-user-settings-dialog` is an SAP Fiori-specific web component used in the `ui5-user-menu`.\nIt allows the user to easily view information and settings for an account.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents-fiori/dist/UserSettingsDialog.js\";`\n---\n\n\n### **Events:**\n - **before-close** - Fired before the settings dialog is closed.\n\n**Note:** This event is cancelable via `preventDefault()`, allowing the application to keep the\ndialog open — for example, to prompt the user about unsaved changes before dismissal.\n- **cancel** - Fired when the Cancel button in the footer is clicked.\nThe dialog does not close automatically — the application is responsible\nfor closing it after discarding the changes.\n- **close** - Fired when the settings dialog is closed.\n- **open** - Fired when the settings dialog is opened.\n- **save** - Fired when the Save button in the footer is clicked.\nThe dialog does not close automatically — the application is responsible\nfor closing it after persisting the changes.\n- **selection-change** - Fired when an item is selected.\n\n### **Slots:**\n - **default** - Defines the user settings items.\n\n**Note:** If no setting item is set as `selected`, the first one will be selected.\n- **fixedItems** - Defines the fixed user settings items.",
3949
3949
  "doc-url": "",
3950
3950
  "attributes": [
3951
3951
  {
@@ -3958,6 +3958,11 @@
3958
3958
  "description": "Defines, if the User Settings Dialog is opened.",
3959
3959
  "value": { "type": "boolean", "default": "false" }
3960
3960
  },
3961
+ {
3962
+ "name": "save-mode",
3963
+ "description": "Defines whether the dialog offers Save and Cancel actions in its footer.\n\nWhen true, the footer renders a Save (Emphasized) and a Cancel button\ninstead of the default Close button. Save and Cancel each fire a\ncorresponding event; the application is responsible for closing the\ndialog (typically after persisting or discarding the changes).",
3964
+ "value": { "type": "boolean", "default": "false" }
3965
+ },
3961
3966
  {
3962
3967
  "name": "show-search-field",
3963
3968
  "description": "Defines if the Search Field would be displayed.\n\n**Note:** By default the Search Field is not displayed.",
@@ -3977,15 +3982,23 @@
3977
3982
  "events": [
3978
3983
  {
3979
3984
  "name": "before-close",
3980
- "description": "Fired before the settings dialog is closed."
3985
+ "description": "Fired before the settings dialog is closed.\n\n**Note:** This event is cancelable via `preventDefault()`, allowing the application to keep the\ndialog open — for example, to prompt the user about unsaved changes before dismissal."
3986
+ },
3987
+ {
3988
+ "name": "cancel",
3989
+ "description": "Fired when the Cancel button in the footer is clicked.\nThe dialog does not close automatically — the application is responsible\nfor closing it after discarding the changes."
3981
3990
  },
3982
3991
  {
3983
3992
  "name": "close",
3984
- "description": "Fired when a settings dialog is closed."
3993
+ "description": "Fired when the settings dialog is closed."
3985
3994
  },
3986
3995
  {
3987
3996
  "name": "open",
3988
- "description": "Fired when a settings dialog is open."
3997
+ "description": "Fired when the settings dialog is opened."
3998
+ },
3999
+ {
4000
+ "name": "save",
4001
+ "description": "Fired when the Save button in the footer is clicked.\nThe dialog does not close automatically — the application is responsible\nfor closing it after persisting the changes."
3989
4002
  },
3990
4003
  {
3991
4004
  "name": "selection-change",
@@ -4004,6 +4017,11 @@
4004
4017
  "description": "Defines, if the User Settings Dialog is opened.",
4005
4018
  "value": { "type": "boolean" }
4006
4019
  },
4020
+ {
4021
+ "name": "save-mode",
4022
+ "description": "Defines whether the dialog offers Save and Cancel actions in its footer.\n\nWhen true, the footer renders a Save (Emphasized) and a Cancel button\ninstead of the default Close button. Save and Cancel each fire a\ncorresponding event; the application is responsible for closing the\ndialog (typically after persisting or discarding the changes).",
4023
+ "value": { "type": "boolean" }
4024
+ },
4007
4025
  {
4008
4026
  "name": "show-search-field",
4009
4027
  "description": "Defines if the Search Field would be displayed.\n\n**Note:** By default the Search Field is not displayed.",
@@ -4013,15 +4031,23 @@
4013
4031
  "events": [
4014
4032
  {
4015
4033
  "name": "before-close",
4016
- "description": "Fired before the settings dialog is closed."
4034
+ "description": "Fired before the settings dialog is closed.\n\n**Note:** This event is cancelable via `preventDefault()`, allowing the application to keep the\ndialog open — for example, to prompt the user about unsaved changes before dismissal."
4035
+ },
4036
+ {
4037
+ "name": "cancel",
4038
+ "description": "Fired when the Cancel button in the footer is clicked.\nThe dialog does not close automatically — the application is responsible\nfor closing it after discarding the changes."
4017
4039
  },
4018
4040
  {
4019
4041
  "name": "close",
4020
- "description": "Fired when a settings dialog is closed."
4042
+ "description": "Fired when the settings dialog is closed."
4021
4043
  },
4022
4044
  {
4023
4045
  "name": "open",
4024
- "description": "Fired when a settings dialog is open."
4046
+ "description": "Fired when the settings dialog is opened."
4047
+ },
4048
+ {
4049
+ "name": "save",
4050
+ "description": "Fired when the Save button in the footer is clicked.\nThe dialog does not close automatically — the application is responsible\nfor closing it after persisting the changes."
4025
4051
  },
4026
4052
  {
4027
4053
  "name": "selection-change",
package/package-scripts.cjs CHANGED
@@ -21,6 +21,7 @@ const options = {
21
21
  standalone: false,
22
22
  internal: {
23
23
  cypress_code_coverage: false,
24
+ cypress_visual: process.env.CYPRESS_VISUAL === "true",
24
25
  },
25
26
  illustrationsData: [
26
27
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ui5/webcomponents-fiori",
3
- "version": "2.24.0",
3
+ "version": "2.25.0-rc.3",
4
4
  "description": "UI5 Web Components: webcomponents.fiori",
5
5
  "ui5": {
6
6
  "webComponentsPackage": true
@@ -45,6 +45,8 @@
45
45
  "test:cypress": "wc-dev test-cy-ci",
46
46
  "test:cypress:single": "npx cypress run --component --browser chrome --spec",
47
47
  "test:cypress:open": "wc-dev test-cy-open",
48
+ "test:cypress:visual": "CYPRESS_VISUAL=true yarn test:cypress",
49
+ "test:cypress:open:visual": "CYPRESS_VISUAL=true yarn test:cypress:open",
48
50
  "create-ui5-element": "wc-create-ui5-element",
49
51
  "prepublishOnly": "tsc -b"
50
52
  },
@@ -54,20 +56,20 @@
54
56
  "directory": "packages/fiori"
55
57
  },
56
58
  "dependencies": {
57
- "@ui5/webcomponents": "2.24.0",
58
- "@ui5/webcomponents-base": "2.24.0",
59
- "@ui5/webcomponents-icons": "2.24.0",
60
- "@ui5/webcomponents-theming": "2.24.0",
59
+ "@ui5/webcomponents": "2.25.0-rc.3",
60
+ "@ui5/webcomponents-base": "2.25.0-rc.3",
61
+ "@ui5/webcomponents-icons": "2.25.0-rc.3",
62
+ "@ui5/webcomponents-theming": "2.25.0-rc.3",
61
63
  "@zxing/library": "^0.21.3"
62
64
  },
63
65
  "devDependencies": {
64
66
  "@custom-elements-manifest/analyzer": "^0.10.10",
65
67
  "@ui5/cypress-internal": "0.1.0",
66
- "@ui5/webcomponents-tools": "2.24.0",
67
- "cypress": "15.9.0",
68
+ "@ui5/webcomponents-tools": "2.25.0-rc.3",
69
+ "cypress": "15.18.1",
68
70
  "lit": "^2.0.0",
69
71
  "vite": "5.4.21",
70
72
  "yarn": "^1.22.22"
71
73
  },
72
- "gitHead": "0823d74956236280e547b9f58bd06ff736180396"
74
+ "gitHead": "f3a7ff8716c57d513a3464958de2a01c1eb793fc"
73
75
  }
package/src/MediaGalleryTemplate.tsx CHANGED
@@ -28,17 +28,21 @@ export default function MediaGalleryTemplate(this: MediaGallery) {
28
28
  </div>
29
29
 
30
30
  {this._showThumbnails && <div class="ui5-media-gallery-thumbnails-wrapper">
31
- <ul>
31
+ <ul role="listbox">
32
32
  {this._visibleItems.map(item =>
33
33
  <li id={item.id}
34
34
  class="ui5-media-gallery-thumbnail"
35
35
  role="option"
36
+ aria-checked={item.selected}
36
37
  onClick={this._onThumbnailClick}
37
38
  >
38
39
  <slot name={item._individualSlot}></slot>
39
40
  </li>
40
41
  )}
41
- {this._showOverflowBtn && <li class="ui5-media-gallery-overflow">
42
+ {this._showOverflowBtn && <li class="ui5-media-gallery-overflow"
43
+ role="option"
44
+ aria-checked="false"
45
+ >
42
46
  <Button onClick={this._onOverflowBtnClick}>
43
47
  +{this._overflowSize}
44
48
  </Button>
package/src/UserSettingsAppearanceViewItemTemplate.tsx CHANGED
@@ -13,9 +13,7 @@ function listItemContent(this: UserSettingsAppearanceViewItem) {
13
13
  return (
14
14
  <div class="list-item">
15
15
  <div class="item-left">
16
- {/* Two avatars are rendered for different content density modes - CSS controls visibility */}
17
- <Avatar class="avatar-cozy" shape="Square" icon={this.icon} color-scheme={this.colorScheme} size={AvatarSize.S}></Avatar>
18
- <Avatar class="avatar-compact" shape="Square" icon={this.icon} color-scheme={this.colorScheme} size={AvatarSize.XS}></Avatar>
16
+ <Avatar shape="Square" icon={this.icon} color-scheme={this.colorScheme} size={AvatarSize.S}></Avatar>
19
17
  <div class="item-texts">
20
18
  <span class="item-title">{this.text}</span>
21
19
  </div>
package/src/UserSettingsAppearanceViewTemplate.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import type UserSettingsAppearanceView from "./UserSettingsAppearanceView.js";
2
2
  import List from "@ui5/webcomponents/dist/List.js";
3
- import Title from "@ui5/webcomponents/dist/Title.js";
3
+ import ListItemGroupHeader from "@ui5/webcomponents/dist/ListItemGroupHeader.js";
4
4
 
5
5
  export default function UserSettingsAppearanceViewTemplate(this: UserSettingsAppearanceView) {
6
6
  return (
@@ -8,7 +8,7 @@ export default function UserSettingsAppearanceViewTemplate(this: UserSettingsApp
8
8
  <div class="ui5-user-settings-view">
9
9
  <slot name="additionalContent"></slot>
10
10
  <List class="user-settings-appearance-view-list" onItemClick={this._handleItemClick} data-sap-ui-fastnavgroup="false">
11
- {this.text && <Title slot="header" level="H3" class="user-settings-appearance-view-list-header">{this.text}</Title>}
11
+ {this.text && <ListItemGroupHeader class="user-settings-appearance-view-top-header">{this.text}</ListItemGroupHeader>}
12
12
  <slot></slot>
13
13
  </List>
14
14
  </div>
package/src/UserSettingsDialogTemplate.tsx CHANGED
@@ -28,7 +28,7 @@ export default function UserSettingsDialogTemplate(this: UserSettingsDialog) {
28
28
  <div class="ui5-user-settings-side" data-sap-ui-fastnavgroup="true" aria-orientation="vertical" aria-roledescription={this.ariaRoleDescList}>
29
29
  <div class="ui5-user-settings-side-header">
30
30
  {this.headerText &&
31
- <Title level="H1" size="H4">{this.headerText}</Title>
31
+ <Title level="H1" size="H5">{this.headerText}</Title>
32
32
  }
33
33
  {this.showSearchField &&
34
34
  <Input placeholder="Search" type="Search" class="ui5-user-settings-side-search"
@@ -53,7 +53,14 @@ export default function UserSettingsDialogTemplate(this: UserSettingsDialog) {
53
53
  </div>
54
54
 
55
55
  <Toolbar slot="footer" design="Transparent" data-sap-ui-fastnavgroup="true">
56
- <ToolbarButton design="Transparent" text={this.closeButtonText} tooltip={this.closeButtonText} onClick={this._handleCloseButtonClick} />
56
+ {this.saveMode ? (
57
+ <>
58
+ <ToolbarButton design="Emphasized" text={this.saveButtonText} onClick={this._handleSaveButtonClick} />
59
+ <ToolbarButton design="Transparent" text={this.cancelButtonText} onClick={this._handleCancelButtonClick} />
60
+ </>
61
+ ) : (
62
+ <ToolbarButton design="Transparent" text={this.closeButtonText} onClick={this._handleCloseButtonClick} />
63
+ )}
57
64
  </Toolbar>
58
65
  </Dialog>
59
66
  );
package/src/UserSettingsItemTemplate.tsx CHANGED
@@ -42,7 +42,7 @@ export default function UserSettingsItemTemplate(this: UserSettingsItem) {
42
42
  <div class="ui5-user-settings-item-header">
43
43
  <Button icon="nav-back" design="Transparent" onClick={this._handleBackButtonClick} class="ui5-user-settings-item-collapse-btn" style={{ display: this._shouldShowBackButton ? "block" : "" }}></Button>
44
44
 
45
- <Title level="H2" size="H4">{this._hasSelectedPageView ? this._selectedPageView.text : this.headerText}</Title>
45
+ <Title level="H2" size="H5">{this._hasSelectedPageView ? this._selectedPageView.text : this.headerText}</Title>
46
46
  </div>
47
47
  </header>
48
48
 
package/src/i18n/messagebundle.properties CHANGED
@@ -342,13 +342,13 @@ IM_TITLE_NOENTRIES=There are no entries yet
342
342
  IM_SUBTITLE_NOENTRIES=When there are, you''ll see them here.
343
343
 
344
344
  #XTIT: IllustratedMessage's title for the NoNotifications illustration
345
- IM_TITLE_NONOTIFICATIONS=You''ve no notifications
345
+ IM_TITLE_NONOTIFICATIONS=You have no notifications
346
346
 
347
347
  #XTXT: IllustratedMessage's subtitle for the NoNotifications illustration
348
348
  IM_SUBTITLE_NONOTIFICATIONS=Check back again later.
349
349
 
350
350
  #XTIT: IllustratedMessage's title for the NoSavedItems illustration
351
- IM_TITLE_NOSAVEDITEMS=You''ve no pins
351
+ IM_TITLE_NOSAVEDITEMS=You have no pins
352
352
 
353
353
  #XTXT: IllustratedMessage's subtitle for the NoSavedItems illustration
354
354
  IM_SUBTITLE_NOSAVEDITEMS=Would you like to add one now?
@@ -360,7 +360,7 @@ IM_TITLE_NOSEARCHRESULTS=We couldn''t find that
360
360
  IM_SUBTITLE_NOSEARCHRESULTS=Try adjusting your search?
361
361
 
362
362
  #XTIT: IllustratedMessage's title for the NoTasks illustration
363
- IM_TITLE_NOTASKS=You''ve no tasks
363
+ IM_TITLE_NOTASKS=You have no tasks
364
364
 
365
365
  #XTXT: IllustratedMessage's subtitle for the NoTasks illustration
366
366
  IM_SUBTITLE_NOTASKS=When you do, you''ll see them here.
@@ -605,6 +605,12 @@ USER_SETTINGS_LIST_ARIA_ROLE_DESC=User settings Item
605
605
  #XTXT: User settings dialog close button
606
606
  USER_SETTINGS_DIALOG_CLOSE_BUTTON_TEXT=Close
607
607
 
608
+ #XTXT: User settings dialog save button
609
+ USER_SETTINGS_DIALOG_SAVE_BUTTON_TEXT=Save
610
+
611
+ #XTXT: User settings dialog cancel button
612
+ USER_SETTINGS_DIALOG_CANCEL_BUTTON_TEXT=Cancel
613
+
608
614
  #XTXT: User settings dialog not result text
609
615
  USER_SETTINGS_DIALOG_NO_SEARCH_RESULTS_TEXT=No search results
610
616
 
package/src/i18n/messagebundle_en.properties CHANGED
@@ -228,11 +228,11 @@ IM_TITLE_NOENTRIES=There are no entries yet
228
228
 
229
229
  IM_SUBTITLE_NOENTRIES=When there are, you''ll see them here.
230
230
 
231
- IM_TITLE_NONOTIFICATIONS=You''ve no notifications
231
+ IM_TITLE_NONOTIFICATIONS=You have no notifications
232
232
 
233
233
  IM_SUBTITLE_NONOTIFICATIONS=Check back again later.
234
234
 
235
- IM_TITLE_NOSAVEDITEMS=You''ve no pins
235
+ IM_TITLE_NOSAVEDITEMS=You have no pins
236
236
 
237
237
  IM_SUBTITLE_NOSAVEDITEMS=Would you like to add one now?
238
238
 
@@ -240,7 +240,7 @@ IM_TITLE_NOSEARCHRESULTS=We could not find this.
240
240
 
241
241
  IM_SUBTITLE_NOSEARCHRESULTS=Try adjusting your search.
242
242
 
243
- IM_TITLE_NOTASKS=You''ve no tasks
243
+ IM_TITLE_NOTASKS=You have no tasks
244
244
 
245
245
  IM_SUBTITLE_NOTASKS=When you do, you''ll see them here.
246
246