@ui5/webcomponents-fiori 2.28.0-rc.0 → 2.28.1
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.
- package/CHANGELOG.md +23 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/Search.d.ts +0 -1
- package/dist/Search.js +1 -9
- package/dist/Search.js.map +1 -1
- package/dist/ShellBar.js +2 -4
- package/dist/ShellBar.js.map +1 -1
- package/dist/SideNavigationSearchFieldTemplate.js +1 -1
- package/dist/SideNavigationSearchFieldTemplate.js.map +1 -1
- package/dist/css/themes/ShellBarLegacy.css +1 -1
- package/dist/generated/assets/i18n/messagebundle_en_US_saprigi.json +1 -1
- package/dist/generated/themes/ShellBarLegacy.css.d.ts +1 -1
- package/dist/generated/themes/ShellBarLegacy.css.js +1 -1
- package/dist/generated/themes/ShellBarLegacy.css.js.map +1 -1
- package/dist/shellbar/ShellBarAccessibility.d.ts +1 -0
- package/dist/shellbar/ShellBarAccessibility.js +4 -0
- package/dist/shellbar/ShellBarAccessibility.js.map +1 -1
- package/dist/shellbar/ShellBarSearch.d.ts +3 -1
- package/dist/shellbar/ShellBarSearch.js +6 -1
- package/dist/shellbar/ShellBarSearch.js.map +1 -1
- package/dist/shellbar/templates/ShellBarSearchLegacyTemplate.js +5 -1
- package/dist/shellbar/templates/ShellBarSearchLegacyTemplate.js.map +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +7 -7
- package/src/SideNavigationSearchFieldTemplate.tsx +0 -1
- package/src/i18n/messagebundle_en_US_saprigi.properties +10 -0
- package/src/shellbar/templates/ShellBarSearchLegacyTemplate.tsx +6 -2
- package/src/themes/ShellBarLegacy.css +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"BARCODE_SCANNER_DIALOG_CANCEL_BUTTON_TXT":"Cancel","BARCODE_SCANNER_DIALOG_LOADING_TXT":"Loading","DYNAMIC_PAGE_ARIA_LABEL_EXPANDED_HEADER":"Header Expanded","DYNAMIC_PAGE_ARIA_LABEL_SNAPPED_HEADER":"Header Snapped","DYNAMIC_PAGE_ARIA_LABEL_EXPAND_HEADER":"Expand Header","DYNAMIC_PAGE_ARIA_LABEL_SNAP_HEADER":"Collapse Header","DYNAMIC_PAGE_ARIA_LABEL_PIN_HEADER":"Pin Header","DYNAMIC_PAGE_ARIA_LABEL_UNPIN_HEADER":"Unpin Header","DYNAMIC_PAGE_ARIA_DESCR_TOGGLE_HEADER":"Toggle Header","FCL_START_COLUMN_TXT":"First column","FCL_MIDDLE_COLUMN_TXT":"Middle column","FCL_END_COLUMN_TXT":"Last column","FCL_START_SEPARATOR_TOOLTIP":"Resize between start and mid columns","FCL_START_ARROW_TOOLTIP":"Switch between start and middle column layouts","FCL_END_SEPARATOR_TOOLTIP":"Resize between mid and end columns","NAVIGATION_MENU_POPOVER_HIDDEN_TEXT":"Additional Navigation Items","NAVIGATION_MENU_SELECTABLE_ITEM_HIDDEN_TEXT":"This menu item opens a submenu and also links to a page. To go to the page, press Enter or the right arrow key to open the submenu, then select the first item in the submenu.","NOTIFICATION_LIST_ACCESSIBLE_NAME":"Notifications","NOTIFICATION_LIST_ITEM_SHOW_MORE":"More","NOTIFICATION_LIST_ITEM_SHOW_LESS":"Less","NOTIFICATION_LIST_ITEM_MENU_BTN_TITLE":"Actions","NOTIFICATION_LIST_ITEM_MORE_LINK_LABEL_FULL":"More button. Show the full texts","NOTIFICATION_LIST_ITEM_MORE_LINK_LABEL_TRUNCATE":"Less button. Show the texts with truncation","NOTIFICATION_LIST_ITEM_CLOSE_BTN_TITLE":"Close","NOTIFICATION_LIST_ITEM_LOADING":"Loading","NOTIFICATION_LIST_ITEM_READ":"Read","NOTIFICATION_LIST_ITEM_UNREAD":"Unread","NOTIFICATION_LIST_ITEM_INFORMATION_STATUS_TXT":"Status Information","NOTIFICATION_LIST_ITEM_POSITIVE_STATUS_TXT":"Status Positive","NOTIFICATION_LIST_ITEM_NEGATIVE_STATUS_TXT":"Status Negative","NOTIFICATION_LIST_ITEM_CRITICAL_STATUS_TXT":"Status Critical","NOTIFICATION_LIST_ITEM_IMPORTANT_TXT":"Important","NOTIFICATION_LIST_GROUP_ITEM_TXT":"Notification Group","NOTIFICATION_LIST_GROUP_ITEM_COUNTER_TXT":"Counter","NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_ICON_COLLAPSE_TITLE":"Expand/Collapse","NOTIFICATION_LIST_GROUP_COLLAPSED":"Collapsed","NOTIFICATION_LIST_GROUP_EXPANDED":"Expanded","TIMELINE_ARIA_LABEL":"Timeline","TIMELINE_LOAD_MORE_BUTTON_TEXT":"Load More","TIMELINE_ITEM_INFORMATION_STATE_TEXT":"Information State","TIMELINE_ITEM_POSITIVE_STATE_TEXT":"Positive State","TIMELINE_ITEM_NEGATIVE_STATE_TEXT":"Negative State","TIMELINE_ITEM_CRITICAL_STATE_TEXT":"Critical State","UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT":"Cancel","UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT":"Rename","UPLOADCOLLECTIONITEM_ERROR_STATE":"Terminated","UPLOADCOLLECTIONITEM_READY_STATE":"Pending","UPLOADCOLLECTIONITEM_UPLOADING_STATE":"Uploading","UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT":"Terminate","UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT":"Retry","UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT":"Edit","UPLOADCOLLECTION_NO_DATA_TEXT":"No files found","UPLOADCOLLECTION_NO_DATA_DESCRIPTION":"Drop files to upload them or use the \"Upload\" button","UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION":"Upload Collection","UPLOADCOLLECTION_DRAG_FILE_INDICATOR":"Drag files here","UPLOADCOLLECTION_DROP_FILE_INDICATOR":"Drop files to upload them","SHELLBAR_LABEL":"Shell Bar","SHELLBAR_LOGO":"Logo","SHELLBAR_LOGO_AREA":"{0} {1}","SHELLBAR_ADDITIONAL_CONTEXT":"Additional Info","SHELLBAR_SEARCHFIELD_DESCRIPTION":"Search results will be shown in the main area","SHELLBAR_NOTIFICATIONS":"{0} Notifications","SHELLBAR_NOTIFICATIONS_NO_COUNT":"Notifications","SHELLBAR_PROFILE":"User Menu","SHELLBAR_PRODUCTS":"Products","SHELLBAR_PRODUCT_SWITCH_BTN":"Product Switcher","PRODUCT_SWITCH_CONTAINER_LABEL":"Products","SHELLBAR_SEARCH":"Search","SHELLBAR_SEARCH_FIELD":"Search Field","SHELLBAR_IMAGE_BTN":"User Menu","SHELLBAR_SEARCH_BTN_OPEN":"Open Search","SEARCH_ITEM_DELETE_BUTTON_TOOLTIP":"Remove Suggestion","SHELLBAR_OVERFLOW":"More","SHELLBAR_ASSISTANT":"Assistant","SHELLBAR_CANCEL":"Cancel","WIZARD_NAV_ARIA_LABEL":"Wizard Progress Bar","WIZARD_CANCEL_BUTTON":"Cancel","WIZARD_LIST_ARIA_LABEL":"Wizard Steps","WIZARD_LIST_ARIA_DESCRIBEDBY":"To activate, press the space bar or Enter","WIZARD_ACTIONSHEET_STEPS_ARIA_LABEL":"Steps","WIZARD_OPTIONAL_STEP_ARIA_LABEL":"Optional","WIZARD_STEP_ACTIVE":"Active","WIZARD_STEP_INACTIVE":"Inactive","WIZARD_STEP_ARIA_LABEL":"Step {0}","WIZARD_NAV_ARIA_ROLE_DESCRIPTION":"Wizard","WIZARD_NAV_STEP_DEFAULT_HEADING":"Step","VSD_DIALOG_TITLE_SORT":"View Settings","VSD_SUBMIT_BUTTON":"OK","VSD_CANCEL_BUTTON":"Cancel","VSD_RESET_BUTTON":"Reset","VSD_RESET_BUTTON_ACTION":"Reset has reverted all settings to initial state","VSD_SORT_TOOLTIP":"Sort","VSD_FILTER_TOOLTIP":"Filter","VSD_GROUP_TOOLTIP":"Group","VSD_SORT_ORDER":"Sort Order","VSD_GROUP_ORDER":"Group Order","VSD_FILTER_BY":"Filter By","VSD_SORT_BY":"Sort By","VSD_GROUP_BY":"Group By","VSD_ORDER_ASCENDING":"Ascending","VSD_ORDER_DESCENDING":"Descending","VSD_FILTER_ITEM_LABEL_TEXT":"{0} Counter {1}","IM_SUBTITLE_ACHIEVEMENT":"Congratulations on your outstanding performance and dedication!","IM_TITLE_ACHIEVEMENT":"Great job!","IM_SUBTITLE_USERHASSIGNEDUP":"You set up your account. Want to take a quick tour?","IM_TITLE_USERHASSIGNEDUP":"Success!","IM_TITLE_BEFORESEARCH":"Let''s get some results","IM_SUBTITLE_BEFORESEARCH":"Start by providing your search criteria.","IM_TITLE_NOACTIVITIES":"You''ve not added any activities yet","IM_SUBTITLE_NOACTIVITIES":"Would you like to add one now?","IM_TITLE_NOCOLUMNSSET":"Add columns to see the content","IM_SUBTITLE_NOCOLUMNSSET":"Select the columns you need in the table settings.","IM_TITLE_NODATA":"There''s no data yet.","IM_SUBTITLE_NODATA":"When there is, you''ll see it here.","IM_TITLE_NOMAIL":"No mail","IM_SUBTITLE_NOMAIL":"Check back again later.","IM_TITLE_NOENTRIES":"There are no entries yet","IM_SUBTITLE_NOENTRIES":"When there are, you''ll see them here.","IM_TITLE_NONOTIFICATIONS":"You do not have any notifications.","IM_SUBTITLE_NONOTIFICATIONS":"Check back again later.","IM_TITLE_NOSAVEDITEMS":"You do not have any pins.","IM_SUBTITLE_NOSAVEDITEMS":"Would you like to add one now?","IM_TITLE_NOSEARCHRESULTS":"We could not find this.","IM_SUBTITLE_NOSEARCHRESULTS":"Try adjusting your search.","IM_TITLE_NOTASKS":"You do not have any tasks.","IM_SUBTITLE_NOTASKS":"When you do, you''ll see them here.","IM_TITLE_UNABLETOLOAD":"Unable to load data","IM_SUBTITLE_UNABLETOLOAD":"Check your internet connection. And if that''s not it, try reloading. If that still doesn''t help, check with your administrator.","IM_TITLE_UNABLETOLOADIMAGE":"Unable to load image","IM_SUBTITLE_UNABLETOLOADIMAGE":"We couldn''t find the image at the specified location, or the server isn''t responding.","IM_TITLE_UNABLETOUPLOAD":"Unable to upload data","IM_SUBTITLE_UNABLETOUPLOAD":"Check your Internet connection. If that doesn’t help, check the file format and file size. Otherwise contact your administrator.","IM_TITLE_UPLOADTOCLOUD":"Migrate to SAP Integration Suite","IM_SUBTITLE_UPLOADTOCLOUD":"Move your integration content from the existing Process Integration subscription to the Cloud Integration capability.","IM_TITLE_ADDCOLUMN":"Looks like there''s free space","IM_SUBTITLE_ADDCOLUMN":"You can add more columns in the table settings.","IM_TITLE_ADDPEOPLE":"You''ve not added anyone to the calendar yet","IM_SUBTITLE_ADDPEOPLE":"Do you want to add someone now?","IM_TITLE_BALLOONSKY":"You''ve been appreciated!","IM_SUBTITLE_BALLOONSKY":"Keep up the great work!","IM_TITLE_EMPTYPLANNINGCALENDAR":"Nothing planned yet","IM_SUBTITLE_EMPTYPLANNINGCALENDAR":"There are no activities in this time frame.","IM_TITLE_FILTERTABLE":"Filter options are available","IM_SUBTITLE_FILTERTABLE":"Filters help you focus on what''s most relevant for you.","IM_TITLE_GROUPTABLE":"Try grouping items for a better overview","IM_SUBTITLE_GROUPTABLE":"You can choose grouping categories in the group settings.","IM_TITLE_NEWMAIL":"New mail","IM_SUBTITLE_NEWMAIL":"You have new mail in your inbox.","IM_TITLE_NOFILTERRESULTS":"No results found","IM_SUBTITLE_NOFILTERRESULTS":"Try adjusting your filter criteria.","IM_TITLE_PAGENOTFOUND":"Sorry, we can''t find this page","IM_SUBTITLE_PAGENOTFOUND":"Please check the URL you are using to call the app.","IM_TITLE_RESIZECOLUMN":"Choose your own column width","IM_SUBTITLE_RESIZECOLUMN":"You can resize columns by dragging the column borders.","IM_TITLE_SIGNOUT":"You''ve been signed out","IM_SUBTITLE_SIGNOUT":"You can now close this window.","IM_TITLE_SORTCOLUMN":"Not seeing the most important items first?","IM_SUBTITLE_SORTCOLUMN":"Choose the sort criteria in the sort settings.","IM_TITLE_SUCCESSSCREEN":"Nicely done!","IM_SUBTITLE_SUCCESSSCREEN":"You completed all your learning assignments.","IM_TITLE_UPLOADCOLLECTION":"Drop files here","IM_SUBTITLE_UPLOADCOLLECTION":"You can also upload several files all at once.","IM_TITLE_ADDDIMENSIONS":"Some dimensions are missing","IM_SUBTITLE_ADDDIMENSIONS":"Add more dimensions to complete your chart.","IM_TITLE_NODIMENSIONSSET":"No chart data","IM_SUBTITLE_NODIMENSIONSSET":"Try adjusting your chart settings.","IM_TITLE_SURVEY":"Your Opinion Matters","IM_SUBTITLE_SURVEY":"We want to hear what you think about SAP software. Share your feedback with us by taking our short survey.","DSC_MAIN_ARIA_LABEL":"Main Content","DSC_SIDE_ARIA_LABEL":"Side Content","SEARCH_FIELD_SCOPE_SELECT_LABEL":"Select Scope","SEARCH_FIELD_LABEL":"Search Field","SEARCH_FIELD_PLACEHOLDER_WITH_SCOPE":"Search in: {0}","SEARCH_FIELD_CLEAR_ICON":"Clear Search","SEARCH_FIELD_SEARCH_ICON":"Search","SEARCH_ITEM_SHOW_MORE_NO_COUNT":"Show More","SEARCH_ITEM_SHOW_MORE_COUNT":"Show More ({0})","SHELLBAR_SEARCH_COLLAPSED":"Open Search","SHELLBAR_SEARCH_EXPANDED":"Collapse Search","SEARCH_CANCEL_BUTTON":"Cancel","SEARCH_SUGGESTIONS":"Suggestions","SIDE_NAVIGATION_POPOVER_HIDDEN_TEXT":"Navigation","SIDE_NAVIGATION_COLLAPSED_LIST_ARIA_ROLE_DESC":"Navigation List Menu Bar","SIDE_NAVIGATION_COLLAPSED_LIST_ITEMS_ARIA_ROLE_DESC":"Navigation List Menu Item","SIDE_NAVIGATION_LIST_ARIA_ROLE_DESC":"Navigation List Tree","SIDE_NAVIGATION_LIST_ITEMS_ARIA_ROLE_DESC":"Navigation List Tree Item","SIDE_NAVIGATION_OVERFLOW_ACCESSIBLE_NAME":"More Items","SIDE_NAVIGATION_OVERFLOW_ITEM_LABEL":"Displays additional navigation items that are hidden due to limited screen space.","SIDE_NAVIGATION_PARENT_ITEM_SELECTABLE_DESCRIPTION":"To navigate to navigation item {0}, press Spacebar or Enter.","SIDE_NAVIGATION_FLEXIBLE_LIST_LABEL":"Primary Navigation Menu","SIDE_NAVIGATION_FIXED_LIST_LABEL":"Footer Navigation Menu","SIDE_NAVIGATION_ICON_COLLAPSE":"Collapse","SIDE_NAVIGATION_ICON_EXPAND":"Expand","USER_MENU_OTHER_ACCOUNT_BUTTON_TXT":"Accounts","USER_MENU_CLOSE_BUTTON_TXT":"Close","USER_MENU_MANAGE_ACCOUNT_BUTTON_TXT":"Manage Account","USER_MENU_SIGN_OUT_BUTTON_TXT":"Sign Out","USER_MENU_EDIT_AVATAR_TXT":"Edit Profile Image","USER_MENU_EDIT_ACCOUNTS_TXT":"Edit account","USER_MENU_POPOVER_ACCESSIBLE_NAME":"User menu for","USER_MENU_CLOSE_DIALOG_BUTTON":"Decline","USER_MENU_POPOVER_ACCESSIBLE_ACCOUNT_SELECTED_TXT":"Selected","USER_MENU_CURRENT_INFORMATION_TXT":"Current user information","USER_MENU_ACTIONS_TXT":"Actions","USER_MENU_HEADING_TXT":"User Menu","USER_SETTINGS_DIALOG_ACCESSIBLE_NAME":"User Settings","USER_SETTINGS_LIST_ARIA_ROLE_DESC":"User Settings Item","USER_SETTINGS_DIALOG_CLOSE_BUTTON_TEXT":"Close","USER_SETTINGS_DIALOG_SAVE_BUTTON_TEXT":"Save","USER_SETTINGS_DIALOG_CANCEL_BUTTON_TEXT":"Cancel","USER_SETTINGS_DIALOG_NO_SEARCH_RESULTS_TEXT":"No search results","USER_SETTINGS_DIALOG_SEARCH_NO_RESULTS":"No search results","USER_SETTINGS_DIALOG_SEARCH_ONE_RESULT":"1 result available","USER_SETTINGS_DIALOG_SEARCH_MORE_RESULTS":"{0} results are available","USER_SETTINGS_ACCOUNT_EDIT_AVATAR_TXT":"Edit Avatar","USER_SETTINGS_ACCOUNT_MANAGE_ACCOUNT_BUTTON_TXT":"Manage Account","USER_SETTINGS_NOTIFICATIONS_LIST_LABEL":"List of Notification Types","USER_SETTINGS_NOTIFICATIONS_PREFERENCES_LIST_LABEL":"List of Notification Preferences"}
|
|
1
|
+
{"BARCODE_SCANNER_DIALOG_CANCEL_BUTTON_TXT":"Cancel","BARCODE_SCANNER_DIALOG_LOADING_TXT":"Loading","DYNAMIC_PAGE_ARIA_LABEL_EXPANDED_HEADER":"Header Expanded","DYNAMIC_PAGE_ARIA_LABEL_SNAPPED_HEADER":"Header Snapped","DYNAMIC_PAGE_ARIA_LABEL_EXPAND_HEADER":"Expand Header","DYNAMIC_PAGE_ARIA_LABEL_SNAP_HEADER":"Collapse Header","DYNAMIC_PAGE_ARIA_LABEL_PIN_HEADER":"Pin Header","DYNAMIC_PAGE_ARIA_LABEL_UNPIN_HEADER":"Unpin Header","DYNAMIC_PAGE_ARIA_DESCR_TOGGLE_HEADER":"Toggle Header","FCL_START_COLUMN_TXT":"First column","FCL_MIDDLE_COLUMN_TXT":"Middle column","FCL_END_COLUMN_TXT":"Last column","FCL_START_SEPARATOR_TOOLTIP":"Resize between start and mid columns","FCL_START_ARROW_TOOLTIP":"Switch between start and middle column layouts","FCL_END_SEPARATOR_TOOLTIP":"Resize between mid and end columns","NAVIGATION_MENU_POPOVER_HIDDEN_TEXT":"Additional Navigation Items","NAVIGATION_MENU_SELECTABLE_ITEM_HIDDEN_TEXT":"This menu item opens a submenu and also links to a page. To go to the page, press Enter or the right arrow key to open the submenu, then select the first item in the submenu.","NOTIFICATION_LIST_ACCESSIBLE_NAME":"Notifications","NOTIFICATION_LIST_ITEM_SHOW_MORE":"More","NOTIFICATION_LIST_ITEM_SHOW_LESS":"Less","NOTIFICATION_LIST_ITEM_MENU_BTN_TITLE":"Actions","NOTIFICATION_LIST_ITEM_MORE_LINK_LABEL_FULL":"More button. Show the full texts","NOTIFICATION_LIST_ITEM_MORE_LINK_LABEL_TRUNCATE":"Less button. Show the texts with truncation","NOTIFICATION_LIST_ITEM_CLOSE_BTN_TITLE":"Close","NOTIFICATION_LIST_ITEM_LOADING":"Loading","NOTIFICATION_LIST_ITEM_READ":"Read","NOTIFICATION_LIST_ITEM_UNREAD":"Unread","NOTIFICATION_LIST_ITEM_INFORMATION_STATUS_TXT":"Status Information","NOTIFICATION_LIST_ITEM_POSITIVE_STATUS_TXT":"Status Positive","NOTIFICATION_LIST_ITEM_NEGATIVE_STATUS_TXT":"Status Negative","NOTIFICATION_LIST_ITEM_CRITICAL_STATUS_TXT":"Status Critical","NOTIFICATION_LIST_ITEM_IMPORTANT_TXT":"Important","NOTIFICATION_LIST_GROUP_ITEM_TXT":"Notification Group","NOTIFICATION_LIST_GROUP_ITEM_COUNTER_TXT":"Counter","NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_ICON_COLLAPSE_TITLE":"Expand/Collapse","NOTIFICATION_LIST_GROUP_COLLAPSED":"Collapsed","NOTIFICATION_LIST_GROUP_EXPANDED":"Expanded","TIMELINE_ARIA_LABEL":"Timeline","TIMELINE_LOAD_MORE_BUTTON_TEXT":"Load More","TIMELINE_ITEM_INFORMATION_STATE_TEXT":"Information State","TIMELINE_ITEM_POSITIVE_STATE_TEXT":"Positive State","TIMELINE_ITEM_NEGATIVE_STATE_TEXT":"Negative State","TIMELINE_ITEM_CRITICAL_STATE_TEXT":"Critical State","UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT":"Cancel","UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT":"Rename","UPLOADCOLLECTIONITEM_ERROR_STATE":"Terminated","UPLOADCOLLECTIONITEM_READY_STATE":"Pending","UPLOADCOLLECTIONITEM_UPLOADING_STATE":"Uploading","UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT":"Terminate","UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT":"Retry","UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT":"Edit","UPLOADCOLLECTION_NO_DATA_TEXT":"No files found","UPLOADCOLLECTION_NO_DATA_DESCRIPTION":"Drop files to upload them or use the \"Upload\" button","UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION":"Upload Collection","UPLOADCOLLECTION_DRAG_FILE_INDICATOR":"Drag files here","UPLOADCOLLECTION_DROP_FILE_INDICATOR":"Drop files to upload them","SHELLBAR_LABEL":"Shell Bar","SHELLBAR_LOGO":"Logo","SHELLBAR_LOGO_AREA":"{0} {1}","SHELLBAR_ADDITIONAL_CONTEXT":"Additional Info","SHELLBAR_SEARCHFIELD_DESCRIPTION":"Search results will be shown in the main area","SHELLBAR_NOTIFICATIONS":"{0} Notifications","SHELLBAR_NOTIFICATIONS_NO_COUNT":"Notifications","SHELLBAR_PROFILE":"User Menu","SHELLBAR_PRODUCTS":"Products","SHELLBAR_PRODUCT_SWITCH_BTN":"Product Switcher","PRODUCT_SWITCH_CONTAINER_LABEL":"Products","SHELLBAR_SEARCH":"Search","SHELLBAR_SEARCH_FIELD":"Search Field","SHELLBAR_IMAGE_BTN":"User Menu","SHELLBAR_SEARCH_BTN_OPEN":"Open Search","SEARCH_ITEM_DELETE_BUTTON_TOOLTIP":"Remove Suggestion","SHELLBAR_OVERFLOW":"More","SHELLBAR_ASSISTANT":"Assistant","SHELLBAR_CANCEL":"Cancel","WIZARD_NAV_ARIA_LABEL":"Wizard Progress Bar","WIZARD_CANCEL_BUTTON":"Cancel","WIZARD_LIST_ARIA_LABEL":"Wizard Steps","WIZARD_LIST_ARIA_DESCRIBEDBY":"To activate, press the space bar or Enter","WIZARD_ACTIONSHEET_STEPS_ARIA_LABEL":"Steps","WIZARD_OPTIONAL_STEP_ARIA_LABEL":"Optional","WIZARD_STEP_ACTIVE":"Active","WIZARD_STEP_INACTIVE":"Inactive","WIZARD_STEP_ARIA_LABEL":"Step {0}","WIZARD_NAV_ARIA_ROLE_DESCRIPTION":"Wizard","WIZARD_NAV_STEP_DEFAULT_HEADING":"Step","VSD_DIALOG_TITLE_SORT":"View Settings","VSD_SUBMIT_BUTTON":"OK","VSD_CANCEL_BUTTON":"Cancel","VSD_RESET_BUTTON":"Reset","VSD_RESET_BUTTON_ACTION":"Reset has reverted all settings to initial state","VSD_SORT_TOOLTIP":"Sort","VSD_FILTER_TOOLTIP":"Filter","VSD_GROUP_TOOLTIP":"Group","VSD_SORT_ORDER":"Sort Order","VSD_GROUP_ORDER":"Group Order","VSD_FILTER_BY":"Filter By","VSD_SORT_BY":"Sort By","VSD_GROUP_BY":"Group By","VSD_ORDER_ASCENDING":"Ascending","VSD_ORDER_DESCENDING":"Descending","VSD_FILTER_ITEM_LABEL_TEXT":"{0} Counter {1}","IM_SUBTITLE_ACHIEVEMENT":"Congratulations on your outstanding performance and dedication!","IM_TITLE_ACHIEVEMENT":"Great job!","IM_SUBTITLE_USERHASSIGNEDUP":"You set up your account. Want to take a quick tour?","IM_TITLE_USERHASSIGNEDUP":"Success!","IM_TITLE_BEFORESEARCH":"Let''s get some results","IM_SUBTITLE_BEFORESEARCH":"Start by providing your search criteria.","IM_TITLE_NOACTIVITIES":"You''ve not added any activities yet","IM_SUBTITLE_NOACTIVITIES":"Would you like to add one now?","IM_TITLE_NOCOLUMNSSET":"Add columns to see the content","IM_SUBTITLE_NOCOLUMNSSET":"Select the columns you need in the table settings.","IM_TITLE_NODATA":"There''s no data yet.","IM_SUBTITLE_NODATA":"When there is, you''ll see it here.","IM_TITLE_NOMAIL":"No mail","IM_SUBTITLE_NOMAIL":"Check back again later.","IM_TITLE_NOENTRIES":"There are no entries yet","IM_SUBTITLE_NOENTRIES":"When there are, you''ll see them here.","IM_TITLE_NONOTIFICATIONS":"You do not have any notifications.","IM_SUBTITLE_NONOTIFICATIONS":"Check back again later.","IM_TITLE_NOSAVEDITEMS":"You do not have any pins.","IM_SUBTITLE_NOSAVEDITEMS":"Would you like to add one now?","IM_TITLE_NOSEARCHRESULTS":"We could not find this.","IM_SUBTITLE_NOSEARCHRESULTS":"Try adjusting your search.","IM_TITLE_NOTASKS":"You do not have any tasks.","IM_SUBTITLE_NOTASKS":"When you do, you''ll see them here.","IM_TITLE_UNABLETOLOAD":"Unable to load data","IM_SUBTITLE_UNABLETOLOAD":"Check your internet connection. And if that''s not it, try reloading. If that still doesn''t help, check with your administrator.","IM_TITLE_UNABLETOLOADIMAGE":"Unable to load image","IM_SUBTITLE_UNABLETOLOADIMAGE":"We couldn''t find the image at the specified location, or the server isn''t responding.","IM_TITLE_UNABLETOUPLOAD":"Unable to upload data","IM_SUBTITLE_UNABLETOUPLOAD":"Check your Internet connection. If that doesn’t help, check the file format and file size. Otherwise contact your administrator.","IM_TITLE_UPLOADTOCLOUD":"Migrate to SAP Integration Suite","IM_SUBTITLE_UPLOADTOCLOUD":"Move your integration content from the existing Process Integration subscription to the Cloud Integration capability.","IM_TITLE_ADDCOLUMN":"Looks like there''s free space","IM_SUBTITLE_ADDCOLUMN":"You can add more columns in the table settings.","IM_TITLE_ADDPEOPLE":"You''ve not added anyone to the calendar yet","IM_SUBTITLE_ADDPEOPLE":"Do you want to add someone now?","IM_TITLE_BALLOONSKY":"You''ve been appreciated!","IM_SUBTITLE_BALLOONSKY":"Keep up the great work!","IM_TITLE_EMPTYPLANNINGCALENDAR":"Nothing planned yet","IM_SUBTITLE_EMPTYPLANNINGCALENDAR":"There are no activities in this time frame.","IM_TITLE_FILTERTABLE":"Filter options are available","IM_SUBTITLE_FILTERTABLE":"Filters help you focus on what''s most relevant for you.","IM_TITLE_GROUPTABLE":"Try grouping items for a better overview","IM_SUBTITLE_GROUPTABLE":"You can choose grouping categories in the group settings.","IM_TITLE_NEWMAIL":"New mail","IM_SUBTITLE_NEWMAIL":"You have new mail in your inbox.","IM_TITLE_NOFILTERRESULTS":"No results found","IM_SUBTITLE_NOFILTERRESULTS":"Try adjusting your filter criteria.","IM_TITLE_PAGENOTFOUND":"Sorry, we can''t find this page","IM_SUBTITLE_PAGENOTFOUND":"Please check the URL you are using to call the app.","IM_TITLE_RESIZECOLUMN":"Choose your own column width","IM_SUBTITLE_RESIZECOLUMN":"You can resize columns by dragging the column borders.","IM_TITLE_SIGNOUT":"You''ve been signed out","IM_SUBTITLE_SIGNOUT":"You can now close this window.","IM_TITLE_SORTCOLUMN":"Not seeing the most important items first?","IM_SUBTITLE_SORTCOLUMN":"Choose the sort criteria in the sort settings.","IM_TITLE_SUCCESSSCREEN":"Nicely done!","IM_SUBTITLE_SUCCESSSCREEN":"You completed all your learning assignments.","IM_TITLE_UPLOADCOLLECTION":"Drop files here","IM_SUBTITLE_UPLOADCOLLECTION":"You can also upload several files all at once.","IM_TITLE_ADDDIMENSIONS":"Some dimensions are missing","IM_SUBTITLE_ADDDIMENSIONS":"Add more dimensions to complete your chart.","IM_TITLE_NODIMENSIONSSET":"No chart data","IM_SUBTITLE_NODIMENSIONSSET":"Try adjusting your chart settings.","IM_TITLE_SURVEY":"Your Opinion Matters","IM_SUBTITLE_SURVEY":"We want to hear what you think about SAP software. Share your feedback with us by taking our short survey.","DSC_MAIN_ARIA_LABEL":"Main Content","DSC_SIDE_ARIA_LABEL":"Side Content","SEARCH_FIELD_SCOPE_SELECT_LABEL":"Select Scope","SEARCH_FIELD_LABEL":"Search Field","SEARCH_FIELD_PLACEHOLDER_WITH_SCOPE":"Search in: {0}","SIDE_NAVIGATION_SEARCH_FIELD_PLACEHOLDER":"Find in Navigation","SIDE_NAVIGATION_SEARCH_FIELD_LABEL":"Side navigation filter","SIDE_NAVIGATION_SEARCH_DESCRIPTION":"Results update as you type. Press Enter for the number of results","SEARCH_FIELD_CLEAR_ICON":"Clear Search","SEARCH_FIELD_SEARCH_ICON":"Search","SEARCH_ITEM_SHOW_MORE_NO_COUNT":"Show More","SEARCH_ITEM_SHOW_MORE_COUNT":"Show More ({0})","SHELLBAR_SEARCH_COLLAPSED":"Open Search","SHELLBAR_SEARCH_EXPANDED":"Collapse Search","SEARCH_CANCEL_BUTTON":"Cancel","SEARCH_SUGGESTIONS":"Suggestions","SIDE_NAVIGATION_POPOVER_HIDDEN_TEXT":"Navigation","SIDE_NAVIGATION_COLLAPSED_LIST_ARIA_ROLE_DESC":"Navigation List Menu Bar","SIDE_NAVIGATION_COLLAPSED_LIST_ITEMS_ARIA_ROLE_DESC":"Navigation List Menu Item","SIDE_NAVIGATION_LIST_ARIA_ROLE_DESC":"Navigation List Tree","SIDE_NAVIGATION_LIST_ITEMS_ARIA_ROLE_DESC":"Navigation List Tree Item","SIDE_NAVIGATION_OVERFLOW_ACCESSIBLE_NAME":"More Items","SIDE_NAVIGATION_OVERFLOW_ITEM_LABEL":"Displays additional navigation items that are hidden due to limited screen space.","SIDE_NAVIGATION_PARENT_ITEM_SELECTABLE_DESCRIPTION":"To navigate to navigation item {0}, press Spacebar or Enter.","SIDE_NAVIGATION_FLEXIBLE_LIST_LABEL":"Primary Navigation Menu","SIDE_NAVIGATION_FIXED_LIST_LABEL":"Footer Navigation Menu","SIDE_NAVIGATION_SEARCH_MATCH_COUNT_SINGULAR":"{0} match found","SIDE_NAVIGATION_SEARCH_MATCH_COUNT_PLURAL":"{0} matches found","SIDE_NAVIGATION_ICON_COLLAPSE":"Collapse","SIDE_NAVIGATION_ICON_EXPAND":"Expand","USER_MENU_OTHER_ACCOUNT_BUTTON_TXT":"Accounts","USER_MENU_CLOSE_BUTTON_TXT":"Close","USER_MENU_MANAGE_ACCOUNT_BUTTON_TXT":"Manage Account","USER_MENU_SIGN_OUT_BUTTON_TXT":"Sign Out","USER_MENU_EDIT_AVATAR_TXT":"Edit Profile Image","USER_MENU_EDIT_ACCOUNTS_TXT":"Edit account","USER_MENU_POPOVER_ACCESSIBLE_NAME":"User menu for","USER_MENU_CLOSE_DIALOG_BUTTON":"Decline","USER_MENU_POPOVER_ACCESSIBLE_ACCOUNT_SELECTED_TXT":"Selected","USER_MENU_CURRENT_INFORMATION_TXT":"Current user information","USER_MENU_ACTIONS_TXT":"Actions","USER_MENU_HEADING_TXT":"User Menu","USER_SETTINGS_DIALOG_ACCESSIBLE_NAME":"User Settings","USER_SETTINGS_LIST_ARIA_ROLE_DESC":"User Settings Item","USER_SETTINGS_DIALOG_CLOSE_BUTTON_TEXT":"Close","USER_SETTINGS_DIALOG_SAVE_BUTTON_TEXT":"Save","USER_SETTINGS_DIALOG_CANCEL_BUTTON_TEXT":"Cancel","USER_SETTINGS_DIALOG_NO_SEARCH_RESULTS_TEXT":"No search results","USER_SETTINGS_DIALOG_SEARCH_NO_RESULTS":"No search results","USER_SETTINGS_DIALOG_SEARCH_ONE_RESULT":"1 result available","USER_SETTINGS_DIALOG_SEARCH_MORE_RESULTS":"{0} results are available","USER_SETTINGS_ACCOUNT_EDIT_AVATAR_TXT":"Edit Avatar","USER_SETTINGS_ACCOUNT_MANAGE_ACCOUNT_BUTTON_TXT":"Manage Account","USER_SETTINGS_NOTIFICATIONS_LIST_LABEL":"List of Notification Types","USER_SETTINGS_NOTIFICATIONS_PREFERENCES_LIST_LABEL":"List of Notification Preferences"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: ".ui5-shellbar-logo{overflow:hidden;cursor:pointer;display:flex;align-items:center}.ui5-shellbar-logo-area,.ui5-shellbar-legacy-branding{overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem .25rem .25rem;box-sizing:border-box;cursor:pointer;background:var(--sapButton_Lite_Background);border:1px solid var(--sapButton_Lite_BorderColor);color:var(--sapShell_TextColor);margin-inline-start:.125rem}.ui5-shellbar-logo:focus,.ui5-shellbar-logo-area:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:calc(-1 * var(--sapContent_FocusWidth));border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-overflow-container>.ui5-shellbar-logo:hover,.ui5-shellbar-logo-area:hover{box-shadow:var(--_ui5_shellbar_button_box_shadow);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-logo-area:active:focus{background:var(--sapShell_Active_Background);border:1px solid var(--sapButton_Lite_Active_BorderColor);color:var(--sapShell_Active_TextColor)}::slotted([slot=\"logo\"]){max-height:1.875rem
|
|
1
|
+
declare const _default: ".ui5-shellbar-logo{overflow:hidden;cursor:pointer;display:flex;align-items:center;padding-block:.0625rem;padding-inline:.25rem}.ui5-shellbar-logo-area,.ui5-shellbar-legacy-branding{overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem .25rem .25rem;box-sizing:border-box;cursor:pointer;background:var(--sapButton_Lite_Background);border:1px solid var(--sapButton_Lite_BorderColor);color:var(--sapShell_TextColor);margin-inline-start:.125rem}.ui5-shellbar-logo:focus,.ui5-shellbar-logo-area:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:calc(-1 * var(--sapContent_FocusWidth));border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-overflow-container>.ui5-shellbar-logo:hover,.ui5-shellbar-logo-area:hover{box-shadow:var(--_ui5_shellbar_button_box_shadow);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-logo-area:active:focus{background:var(--sapShell_Active_Background);border:1px solid var(--sapButton_Lite_Active_BorderColor);color:var(--sapShell_Active_TextColor)}::slotted([slot=\"logo\"]){max-height:1.875rem}::slotted([slot=\"logo\"]):active{pointer-events:none}.ui5-shellbar-headings{display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden;margin-inline-start:.25rem}.ui5-shellbar-primary-title,.ui5-shellbar-menu-button-title,.ui5-shellbar-title{display:inline-block;font-family:var(--sapFontSemiboldDuplexFamily);margin:0;font-size:var(--_ui5_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_SubBrand_TextColor)}.ui5-shellbar-secondary-title{display:flex;align-items:center;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:start}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text;margin-inline-start:.5rem;height:2.25rem;border:.0625rem solid var(--sapButton_Lite_BorderColor);background:var(--sapButton_Lite_Background);outline-color:var(--_ui5_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;border-radius:var(--_ui5_shellbar_button_border_radius);position:relative;font-weight:700}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background:var(--sapButton_Lite_Background);border:var(--_ui5_shellbar_button_border);color:var(--sapShell_TextColor)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover{background:var(--sapShell_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);color:var(--sapShell_TextColor);box-shadow:var(--_ui5_shellbar_button_box_shadow)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active{background:var(--sapShell_Active_Background);border-color:var(--sapButton_Lite_Active_BorderColor);color:var(--_ui5_shellbar_button_active_color);box-shadow:var(--_ui5_shellbar_button_box_shadow_active)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-title{color:var(--sapShell_Active_TextColor)}:host([desktop]) .ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus-visible{outline:var(--_ui5_shellbar_logo_outline);outline-offset:var(--_ui5_shellbar_outline_offset)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button .ui5-shellbar-logo:hover{box-shadow:none}.ui5-shellbar-menu-button-arrow{display:inline-block;font-family:var(--sapFontSemiboldDuplexFamily);margin:0;font-size:var(--_ui5_shellbar_menu_button_title_font_size);color:var(--sapShell_SubBrand_TextColor)}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{margin-inline-start:.375rem}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-inline-start:0}:host([breakpoint-size=\"S\"]) .ui5-shellbar-menu-button{margin-inline-start:0}\n";
|
|
2
2
|
export default _default;
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s" + "-" + "f" + "i" + "o" + "r" + "i", "sap_horizon", async () => defaultTheme, "host");
|
|
6
|
-
export default `.ui5-shellbar-logo{overflow:hidden;cursor:pointer;display:flex;align-items:center}.ui5-shellbar-logo-area,.ui5-shellbar-legacy-branding{overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem .25rem .25rem;box-sizing:border-box;cursor:pointer;background:var(--sapButton_Lite_Background);border:1px solid var(--sapButton_Lite_BorderColor);color:var(--sapShell_TextColor);margin-inline-start:.125rem}.ui5-shellbar-logo:focus,.ui5-shellbar-logo-area:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:calc(-1 * var(--sapContent_FocusWidth));border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-overflow-container>.ui5-shellbar-logo:hover,.ui5-shellbar-logo-area:hover{box-shadow:var(--_ui5_shellbar_button_box_shadow);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-logo-area:active:focus{background:var(--sapShell_Active_Background);border:1px solid var(--sapButton_Lite_Active_BorderColor);color:var(--sapShell_Active_TextColor)}::slotted([slot="logo"]){max-height:1.875rem
|
|
6
|
+
export default `.ui5-shellbar-logo{overflow:hidden;cursor:pointer;display:flex;align-items:center;padding-block:.0625rem;padding-inline:.25rem}.ui5-shellbar-logo-area,.ui5-shellbar-legacy-branding{overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem .25rem .25rem;box-sizing:border-box;cursor:pointer;background:var(--sapButton_Lite_Background);border:1px solid var(--sapButton_Lite_BorderColor);color:var(--sapShell_TextColor);margin-inline-start:.125rem}.ui5-shellbar-logo:focus,.ui5-shellbar-logo-area:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:calc(-1 * var(--sapContent_FocusWidth));border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-overflow-container>.ui5-shellbar-logo:hover,.ui5-shellbar-logo-area:hover{box-shadow:var(--_ui5_shellbar_button_box_shadow);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-logo-area:active:focus{background:var(--sapShell_Active_Background);border:1px solid var(--sapButton_Lite_Active_BorderColor);color:var(--sapShell_Active_TextColor)}::slotted([slot="logo"]){max-height:1.875rem}::slotted([slot="logo"]):active{pointer-events:none}.ui5-shellbar-headings{display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden;margin-inline-start:.25rem}.ui5-shellbar-primary-title,.ui5-shellbar-menu-button-title,.ui5-shellbar-title{display:inline-block;font-family:var(--sapFontSemiboldDuplexFamily);margin:0;font-size:var(--_ui5_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_SubBrand_TextColor)}.ui5-shellbar-secondary-title{display:flex;align-items:center;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:start}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text;margin-inline-start:.5rem;height:2.25rem;border:.0625rem solid var(--sapButton_Lite_BorderColor);background:var(--sapButton_Lite_Background);outline-color:var(--_ui5_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;border-radius:var(--_ui5_shellbar_button_border_radius);position:relative;font-weight:700}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background:var(--sapButton_Lite_Background);border:var(--_ui5_shellbar_button_border);color:var(--sapShell_TextColor)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover{background:var(--sapShell_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);color:var(--sapShell_TextColor);box-shadow:var(--_ui5_shellbar_button_box_shadow)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active{background:var(--sapShell_Active_Background);border-color:var(--sapButton_Lite_Active_BorderColor);color:var(--_ui5_shellbar_button_active_color);box-shadow:var(--_ui5_shellbar_button_box_shadow_active)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-title{color:var(--sapShell_Active_TextColor)}:host([desktop]) .ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus-visible{outline:var(--_ui5_shellbar_logo_outline);outline-offset:var(--_ui5_shellbar_outline_offset)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button .ui5-shellbar-logo:hover{box-shadow:none}.ui5-shellbar-menu-button-arrow{display:inline-block;font-family:var(--sapFontSemiboldDuplexFamily);margin:0;font-size:var(--_ui5_shellbar_menu_button_title_font_size);color:var(--sapShell_SubBrand_TextColor)}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{margin-inline-start:.375rem}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-inline-start:0}:host([breakpoint-size="S"]) .ui5-shellbar-menu-button{margin-inline-start:0}
|
|
7
7
|
`;
|
|
8
8
|
//# sourceMappingURL=ShellBarLegacy.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShellBarLegacy.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ShellBarLegacy.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9N,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"u\" + \"i\" + \"5\" + \"/\" + \"w\" + \"e\" + \"b\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\" + \"-\" + \"f\" + \"i\" + \"o\" + \"r\" + \"i\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `.ui5-shellbar-logo{overflow:hidden;cursor:pointer;display:flex;align-items:center}.ui5-shellbar-logo-area,.ui5-shellbar-legacy-branding{overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem .25rem .25rem;box-sizing:border-box;cursor:pointer;background:var(--sapButton_Lite_Background);border:1px solid var(--sapButton_Lite_BorderColor);color:var(--sapShell_TextColor);margin-inline-start:.125rem}.ui5-shellbar-logo:focus,.ui5-shellbar-logo-area:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:calc(-1 * var(--sapContent_FocusWidth));border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-overflow-container>.ui5-shellbar-logo:hover,.ui5-shellbar-logo-area:hover{box-shadow:var(--_ui5_shellbar_button_box_shadow);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-logo-area:active:focus{background:var(--sapShell_Active_Background);border:1px solid var(--sapButton_Lite_Active_BorderColor);color:var(--sapShell_Active_TextColor)}::slotted([slot=\"logo\"]){max-height:1.875rem
|
|
1
|
+
{"version":3,"file":"ShellBarLegacy.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ShellBarLegacy.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9N,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"u\" + \"i\" + \"5\" + \"/\" + \"w\" + \"e\" + \"b\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\" + \"-\" + \"f\" + \"i\" + \"o\" + \"r\" + \"i\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `.ui5-shellbar-logo{overflow:hidden;cursor:pointer;display:flex;align-items:center;padding-block:.0625rem;padding-inline:.25rem}.ui5-shellbar-logo-area,.ui5-shellbar-legacy-branding{overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem .25rem .25rem;box-sizing:border-box;cursor:pointer;background:var(--sapButton_Lite_Background);border:1px solid var(--sapButton_Lite_BorderColor);color:var(--sapShell_TextColor);margin-inline-start:.125rem}.ui5-shellbar-logo:focus,.ui5-shellbar-logo-area:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:calc(-1 * var(--sapContent_FocusWidth));border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-overflow-container>.ui5-shellbar-logo:hover,.ui5-shellbar-logo-area:hover{box-shadow:var(--_ui5_shellbar_button_box_shadow);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-logo-area:active:focus{background:var(--sapShell_Active_Background);border:1px solid var(--sapButton_Lite_Active_BorderColor);color:var(--sapShell_Active_TextColor)}::slotted([slot=\"logo\"]){max-height:1.875rem}::slotted([slot=\"logo\"]):active{pointer-events:none}.ui5-shellbar-headings{display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden;margin-inline-start:.25rem}.ui5-shellbar-primary-title,.ui5-shellbar-menu-button-title,.ui5-shellbar-title{display:inline-block;font-family:var(--sapFontSemiboldDuplexFamily);margin:0;font-size:var(--_ui5_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_SubBrand_TextColor)}.ui5-shellbar-secondary-title{display:flex;align-items:center;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:start}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text;margin-inline-start:.5rem;height:2.25rem;border:.0625rem solid var(--sapButton_Lite_BorderColor);background:var(--sapButton_Lite_Background);outline-color:var(--_ui5_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;border-radius:var(--_ui5_shellbar_button_border_radius);position:relative;font-weight:700}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background:var(--sapButton_Lite_Background);border:var(--_ui5_shellbar_button_border);color:var(--sapShell_TextColor)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover{background:var(--sapShell_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);color:var(--sapShell_TextColor);box-shadow:var(--_ui5_shellbar_button_box_shadow)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active{background:var(--sapShell_Active_Background);border-color:var(--sapButton_Lite_Active_BorderColor);color:var(--_ui5_shellbar_button_active_color);box-shadow:var(--_ui5_shellbar_button_box_shadow_active)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-title{color:var(--sapShell_Active_TextColor)}:host([desktop]) .ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus-visible{outline:var(--_ui5_shellbar_logo_outline);outline-offset:var(--_ui5_shellbar_outline_offset)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button .ui5-shellbar-logo:hover{box-shadow:none}.ui5-shellbar-menu-button-arrow{display:inline-block;font-family:var(--sapFontSemiboldDuplexFamily);margin:0;font-size:var(--_ui5_shellbar_menu_button_title_font_size);color:var(--sapShell_SubBrand_TextColor)}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{margin-inline-start:.375rem}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-inline-start:0}:host([breakpoint-size=\"S\"]) .ui5-shellbar-menu-button{margin-inline-start:0}\n`"]}
|
|
@@ -19,6 +19,7 @@ interface ShellBarAreaAccessibilityInfo {
|
|
|
19
19
|
title: string | undefined;
|
|
20
20
|
accessibilityAttributes: {
|
|
21
21
|
name?: string;
|
|
22
|
+
ariaLabel?: AccessibilityAttributes["ariaLabel"];
|
|
22
23
|
hasPopup?: AccessibilityAttributes["hasPopup"];
|
|
23
24
|
expanded?: AccessibilityAttributes["expanded"];
|
|
24
25
|
};
|
|
@@ -6,6 +6,10 @@ class ShellBarAccessibility {
|
|
|
6
6
|
notifications: {
|
|
7
7
|
title: defaultTexts.notifications,
|
|
8
8
|
accessibilityAttributes: {
|
|
9
|
+
// Provide an explicit accessible name so the Button does not derive its
|
|
10
|
+
// aria-label from the count badge ("X items"), which otherwise collides
|
|
11
|
+
// with the "X Notifications" tooltip and causes a double announcement.
|
|
12
|
+
ariaLabel: defaultTexts.notifications,
|
|
9
13
|
expanded: accessibilityAttributes.notifications?.expanded,
|
|
10
14
|
hasPopup: accessibilityAttributes.notifications?.hasPopup,
|
|
11
15
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShellBarAccessibility.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarAccessibility.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ShellBarAccessibility.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarAccessibility.ts"],"names":[],"mappings":"AAwCA,MAAM,qBAAqB;IAC1B,iCAAiC,CAChC,YAAgD,EAChD,MAIC;QAED,MAAM,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC;QACjF,MAAM,gBAAgB,GAAG,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAEpE,OAAO;YACN,aAAa,EAAE;gBACd,KAAK,EAAE,YAAY,CAAC,aAAa;gBACjC,uBAAuB,EAAE;oBACxB,wEAAwE;oBACxE,wEAAwE;oBACxE,uEAAuE;oBACvE,SAAS,EAAE,YAAY,CAAC,aAAa;oBACrC,QAAQ,EAAE,uBAAuB,CAAC,aAAa,EAAE,QAAQ;oBACzD,QAAQ,EAAE,uBAAuB,CAAC,aAAa,EAAE,QAAQ;iBACzD;aACD;YACD,OAAO,EAAE;gBACR,KAAK,EAAE,uBAAuB,CAAC,OAAO,EAAE,IAAI,IAAI,YAAY,CAAC,OAAO;gBACpE,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;oBACnD,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;iBACnD;aACD;YACD,QAAQ,EAAE;gBACT,KAAK,EAAE,YAAY,CAAC,QAAQ;gBAC5B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;oBACnD,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;iBACnD;aACD;YACD,MAAM,EAAE;gBACP,KAAK,EAAE,YAAY,CAAC,MAAM;gBAC1B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,MAAM,EAAE,QAAQ;oBAClD,QAAQ,EAAE,uBAAuB,CAAC,MAAM,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;iBAC5H;aACD;YACD,QAAQ,EAAE;gBACT,KAAK,EAAE,YAAY,CAAC,QAAQ;gBAC5B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,IAAI,MAAe;oBACvE,QAAQ,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,gBAAgB;iBACjF;aACD;SACD,CAAC;IACH,CAAC;IAED,cAAc,CAAC,iBAAyB;QACvC,OAAO,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACtD,CAAC;IAED,cAAc,CAAC,iBAAyB;QACvC,OAAO,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IACpD,CAAC;CACD;AAED,eAAe,qBAAqB,CAAC","sourcesContent":["import type { AccessibilityAttributes, AriaRole } from \"@ui5/webcomponents-base\";\n\n// Legacy Type logo accessibility attributes\ntype ShellBarLogoAccessibilityAttributes = {\n\trole?: Extract<AriaRole, \"button\" | \"link\">;\n\tname?: string;\n};\n\ntype ShellBarProfileAccessibilityAttributes = Pick<AccessibilityAttributes, \"name\" | \"expanded\" | \"hasPopup\">;\ntype ShellBarAreaAccessibilityAttributes = Pick<AccessibilityAttributes, \"hasPopup\" | \"expanded\">;\ntype ShellBarBrandingAccessibilityAttributes = Pick<AccessibilityAttributes, \"name\">;\n\ntype ShellBarAccessibilityAttributes = {\n\tlogo?: ShellBarLogoAccessibilityAttributes;\n\tnotifications?: ShellBarAreaAccessibilityAttributes;\n\tprofile?: ShellBarProfileAccessibilityAttributes;\n\tproduct?: ShellBarAreaAccessibilityAttributes;\n\tsearch?: ShellBarAreaAccessibilityAttributes;\n\toverflow?: ShellBarAreaAccessibilityAttributes;\n\tbranding?: ShellBarBrandingAccessibilityAttributes;\n};\n\ninterface ShellBarAreaAccessibilityInfo {\n\ttitle: string | undefined;\n\taccessibilityAttributes: {\n\t\tname?: string;\n\t\tariaLabel?: AccessibilityAttributes[\"ariaLabel\"];\n\t\thasPopup?: AccessibilityAttributes[\"hasPopup\"];\n\t\texpanded?: AccessibilityAttributes[\"expanded\"];\n\t};\n}\n\ntype ShellBarAccessibilityInfo = {\n\tnotifications: ShellBarAreaAccessibilityInfo;\n\tprofile: ShellBarAreaAccessibilityInfo;\n\tproducts: ShellBarAreaAccessibilityInfo;\n\toverflow: ShellBarAreaAccessibilityInfo;\n\tsearch: ShellBarAreaAccessibilityInfo;\n};\n\nclass ShellBarAccessibility {\n\tgetActionsAccessibilityAttributes(\n\t\tdefaultTexts: Record<string, string | undefined>,\n\t\tparams: {\n\t\t\taccessibilityAttributes: ShellBarAccessibilityAttributes;\n\t\t\toverflowPopoverOpen: boolean;\n\t\t\tshowSearchField: boolean;\n\t\t},\n\t): ShellBarAccessibilityInfo {\n\t\tconst { overflowPopoverOpen, accessibilityAttributes, showSearchField } = params;\n\t\tconst overflowExpanded = accessibilityAttributes.overflow?.expanded;\n\n\t\treturn {\n\t\t\tnotifications: {\n\t\t\t\ttitle: defaultTexts.notifications,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\t// Provide an explicit accessible name so the Button does not derive its\n\t\t\t\t\t// aria-label from the count badge (\"X items\"), which otherwise collides\n\t\t\t\t\t// with the \"X Notifications\" tooltip and causes a double announcement.\n\t\t\t\t\tariaLabel: defaultTexts.notifications,\n\t\t\t\t\texpanded: accessibilityAttributes.notifications?.expanded,\n\t\t\t\t\thasPopup: accessibilityAttributes.notifications?.hasPopup,\n\t\t\t\t},\n\t\t\t},\n\t\t\tprofile: {\n\t\t\t\ttitle: accessibilityAttributes.profile?.name || defaultTexts.profile,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.profile?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.profile?.expanded,\n\t\t\t\t},\n\t\t\t},\n\t\t\tproducts: {\n\t\t\t\ttitle: defaultTexts.products,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.product?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.product?.expanded,\n\t\t\t\t},\n\t\t\t},\n\t\t\tsearch: {\n\t\t\t\ttitle: defaultTexts.search,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.search?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.search?.expanded !== undefined ? accessibilityAttributes.search.expanded : showSearchField,\n\t\t\t\t},\n\t\t\t},\n\t\t\toverflow: {\n\t\t\t\ttitle: defaultTexts.overflow,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.overflow?.hasPopup || \"menu\" as const,\n\t\t\t\t\texpanded: overflowExpanded === undefined ? overflowPopoverOpen : overflowExpanded,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\tgetActionsRole(visibleItemsCount: number): \"toolbar\" | undefined {\n\t\treturn visibleItemsCount > 1 ? \"toolbar\" : undefined;\n\t}\n\n\tgetContentRole(visibleItemsCount: number): \"group\" | undefined {\n\t\treturn visibleItemsCount > 1 ? \"group\" : undefined;\n\t}\n}\n\nexport default ShellBarAccessibility;\n\nexport type {\n\tShellBarAccessibilityInfo,\n\tShellBarAreaAccessibilityInfo,\n\tShellBarAccessibilityAttributes,\n\tShellBarLogoAccessibilityAttributes,\n\tShellBarAreaAccessibilityAttributes,\n\tShellBarProfileAccessibilityAttributes,\n};\n"]}
|
|
@@ -7,6 +7,7 @@ interface ShellBarSearchConstructorParams {
|
|
|
7
7
|
handleSearchButtonClick: () => boolean;
|
|
8
8
|
getSearchField: () => IShellBarSearchField | null;
|
|
9
9
|
getCSSVariable: (variable: string) => string;
|
|
10
|
+
getDisableSearchCollapse: () => boolean;
|
|
10
11
|
}
|
|
11
12
|
/**
|
|
12
13
|
* Search controller for self-collapsible search (ui5-shellbar-search).
|
|
@@ -24,8 +25,9 @@ declare class ShellBarSearch implements IShellBarSearchController {
|
|
|
24
25
|
private setSearchState;
|
|
25
26
|
private handleSearchButtonClick;
|
|
26
27
|
private getCSSVariable;
|
|
28
|
+
private getDisableSearchCollapse;
|
|
27
29
|
private initialRender;
|
|
28
|
-
constructor({ getOverflowed, setSearchState, getSearchField, getSearchState, getCSSVariable, handleSearchButtonClick, }: ShellBarSearchConstructorParams);
|
|
30
|
+
constructor({ getOverflowed, setSearchState, getSearchField, getSearchState, getCSSVariable, handleSearchButtonClick, getDisableSearchCollapse, }: ShellBarSearchConstructorParams);
|
|
29
31
|
subscribe(searchField?: HTMLElement | null): void;
|
|
30
32
|
unsubscribe(searchField?: HTMLElement | null): void;
|
|
31
33
|
/**
|
|
@@ -4,7 +4,7 @@ import { isPhone, isDesktop } 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, handleSearchButtonClick, }) {
|
|
7
|
+
constructor({ getOverflowed, setSearchState, getSearchField, getSearchState, getCSSVariable, handleSearchButtonClick, getDisableSearchCollapse, }) {
|
|
8
8
|
this.onSearchBound = this.onSearch.bind(this);
|
|
9
9
|
this.onSearchOpenBound = this.onSearchOpen.bind(this);
|
|
10
10
|
this.onSearchCloseBound = this.onSearchClose.bind(this);
|
|
@@ -15,6 +15,7 @@ class ShellBarSearch {
|
|
|
15
15
|
this.getSearchState = getSearchState;
|
|
16
16
|
this.setSearchState = setSearchState;
|
|
17
17
|
this.handleSearchButtonClick = handleSearchButtonClick;
|
|
18
|
+
this.getDisableSearchCollapse = getDisableSearchCollapse;
|
|
18
19
|
}
|
|
19
20
|
subscribe(searchField = this.getSearchField()) {
|
|
20
21
|
if (!searchField) {
|
|
@@ -41,6 +42,10 @@ class ShellBarSearch {
|
|
|
41
42
|
if (!this.hasSearchField) {
|
|
42
43
|
return;
|
|
43
44
|
}
|
|
45
|
+
// Auto-collapse/expand disabled by the application; leave the search as-is.
|
|
46
|
+
if (this.getDisableSearchCollapse()) {
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
44
49
|
// Get search field min width from CSS variable
|
|
45
50
|
const searchFieldWidth = this.getSearchFieldWidth();
|
|
46
51
|
const searchHasFocus = document.activeElement === this.getSearchField();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShellBarSearch.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarSearch.ts"],"names":[],"mappings":"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","sourcesContent":["import { isPhone, isDesktop } 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 * Note: on non-desktop devices (phone/tablet), auto-expand is suppressed — expansion must come from an explicit user tap.\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 (isDesktop() && 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"]}
|
|
1
|
+
{"version":3,"file":"ShellBarSearch.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarSearch.ts"],"names":[],"mappings":"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","sourcesContent":["import { isPhone, isDesktop } 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\tgetDisableSearchCollapse: () => boolean;\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 getDisableSearchCollapse: () => boolean;\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\tgetDisableSearchCollapse,\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\tthis.getDisableSearchCollapse = getDisableSearchCollapse;\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 * Note: on non-desktop devices (phone/tablet), auto-expand is suppressed — expansion must come from an explicit user tap.\n\t */\n\tautoManageSearchState(hiddenItems: number, availableSpace: number) {\n\t\tif (!this.hasSearchField) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Auto-collapse/expand disabled by the application; leave the search as-is.\n\t\tif (this.getDisableSearchCollapse()) {\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 (isDesktop() && 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"]}
|
|
@@ -5,7 +5,11 @@ function ShellBarSearchField() {
|
|
|
5
5
|
return (
|
|
6
6
|
// .ui5-shellbar-search-field-area is used to measure the width of
|
|
7
7
|
// the search field. It must be present even if the search is in full-width mode.
|
|
8
|
-
|
|
8
|
+
// The `ui5-shellbar-gap-start` lives on the area (always rendered) rather than on the
|
|
9
|
+
// inner field (rendered only in-bar), so the measured width stays identical whether the
|
|
10
|
+
// search is in the bar or in full-width mode - otherwise the 8px gap would be counted
|
|
11
|
+
// only in-bar, shifting the overflow measurement and causing a render loop.
|
|
12
|
+
_jsx("div", { class: "ui5-shellbar-search-field-area ui5-shellbar-gap-start", children: this.showSearchField && !this.showFullWidthSearch && (_jsx("div", { class: "ui5-shellbar-search-field", children: _jsx("slot", { name: "searchField" }) })) }));
|
|
9
13
|
}
|
|
10
14
|
function ShellBarSearchFieldFullWidth() {
|
|
11
15
|
return (_jsxs("div", { class: "ui5-shellbar-search-full-width-wrapper", children: [_jsx("div", { class: "ui5-shellbar-search-full-field", children: _jsx("slot", { name: "searchField" }) }), _jsx(Button, { class: "ui5-shellbar-cancel-button ui5-shellbar-gap-start", design: ButtonDesign.Transparent, onClick: this.handleCancelButtonClick, children: "Cancel" })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShellBarSearchLegacyTemplate.js","sourceRoot":"","sources":["../../../src/shellbar/templates/ShellBarSearchLegacyTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,YAAY,MAAM,+CAA+C,CAAC;AAGzE,SAAS,mBAAmB;IAC3B,OAAO;IACN,kEAAkE;IAClE,iFAAiF;IACjF,cAAK,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"ShellBarSearchLegacyTemplate.js","sourceRoot":"","sources":["../../../src/shellbar/templates/ShellBarSearchLegacyTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,YAAY,MAAM,+CAA+C,CAAC;AAGzE,SAAS,mBAAmB;IAC3B,OAAO;IACN,kEAAkE;IAClE,iFAAiF;IACjF,sFAAsF;IACtF,wFAAwF;IACxF,sFAAsF;IACtF,4EAA4E;IAC5E,cAAK,KAAK,EAAC,uDAAuD,YAChE,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,CACrD,cAAK,KAAK,EAAC,2BAA2B,YACrC,eAAM,IAAI,EAAC,aAAa,GAAQ,GAC3B,CACN,GACI,CACN,CAAC;AACH,CAAC;AAED,SAAS,4BAA4B;IACpC,OAAO,CACN,eAAK,KAAK,EAAC,wCAAwC,aAClD,cAAK,KAAK,EAAC,gCAAgC,YAC1C,eAAM,IAAI,EAAC,aAAa,GAAQ,GAC3B,EACN,KAAC,MAAM,IACN,KAAK,EAAC,mDAAmD,EACzD,MAAM,EAAE,YAAY,CAAC,WAAW,EAChC,OAAO,EAAE,IAAI,CAAC,uBAAuB,uBAG7B,IACJ,CACN,CAAC;AACH,CAAC;AAED,SAAS,oBAAoB;IAC5B,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,CACN,4BACE,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAC1B,KAAC,MAAM,uBACW,YAAY,EAAE,YAAY,EAC3C,KAAK,EAAC,yGAAyG,EAC/G,IAAI,EAAE,YAAY,EAAE,IAAI,EACxB,MAAM,EAAC,aAAa,EACpB,OAAO,EAAE,IAAI,CAAC,uBAAuB,EACrC,OAAO,EAAE,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,KAAK,EACnD,uBAAuB,EAAE,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,uBAAuB,GACpF,CACF,GACC,CAEH,CAAC;AACH,CAAC;AAED,OAAO,EACN,mBAAmB,EACnB,oBAAoB,EACpB,4BAA4B,GAC5B,CAAC","sourcesContent":["import Button from \"@ui5/webcomponents/dist/Button.js\";\nimport ButtonDesign from \"@ui5/webcomponents/dist/types/ButtonDesign.js\";\nimport type ShellBar from \"../../ShellBar.js\";\n\nfunction ShellBarSearchField(this: ShellBar) {\n\treturn (\n\t\t// .ui5-shellbar-search-field-area is used to measure the width of\n\t\t// the search field. It must be present even if the search is in full-width mode.\n\t\t// The `ui5-shellbar-gap-start` lives on the area (always rendered) rather than on the\n\t\t// inner field (rendered only in-bar), so the measured width stays identical whether the\n\t\t// search is in the bar or in full-width mode - otherwise the 8px gap would be counted\n\t\t// only in-bar, shifting the overflow measurement and causing a render loop.\n\t\t<div class=\"ui5-shellbar-search-field-area ui5-shellbar-gap-start\">\n\t\t\t{this.showSearchField && !this.showFullWidthSearch && (\n\t\t\t\t<div class=\"ui5-shellbar-search-field\">\n\t\t\t\t\t<slot name=\"searchField\"></slot>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nfunction ShellBarSearchFieldFullWidth(this: ShellBar) {\n\treturn (\n\t\t<div class=\"ui5-shellbar-search-full-width-wrapper\">\n\t\t\t<div class=\"ui5-shellbar-search-full-field\">\n\t\t\t\t<slot name=\"searchField\"></slot>\n\t\t\t</div>\n\t\t\t<Button\n\t\t\t\tclass=\"ui5-shellbar-cancel-button ui5-shellbar-gap-start\"\n\t\t\t\tdesign={ButtonDesign.Transparent}\n\t\t\t\tonClick={this.handleCancelButtonClick}\n\t\t\t>\n\t\t\t\tCancel\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nfunction ShellBarSearchButton(this: ShellBar) {\n\tconst searchAction = this.getAction(\"search\");\n\treturn (\n\t\t<>\n\t\t\t{!this.hideSearchButton && (\n\t\t\t\t<Button\n\t\t\t\t\tdata-ui5-stable={searchAction?.stableDomRef}\n\t\t\t\t\tclass=\"ui5-shellbar-search-button ui5-shellbar-action-button ui5-shellbar-gap-start ui5-shellbar-search-toggle\"\n\t\t\t\t\ticon={searchAction?.icon}\n\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\tonClick={this.handleSearchButtonClick}\n\t\t\t\t\ttooltip={this.actionsAccessibilityInfo.search.title}\n\t\t\t\t\taccessibilityAttributes={this.actionsAccessibilityInfo.search.accessibilityAttributes}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\n\t);\n}\n\nexport {\n\tShellBarSearchField,\n\tShellBarSearchButton,\n\tShellBarSearchFieldFullWidth,\n};\n"]}
|
package/dist/web-types.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ui5/webcomponents-fiori",
|
|
3
|
-
"version": "2.28.
|
|
3
|
+
"version": "2.28.1",
|
|
4
4
|
"description": "UI5 Web Components: webcomponents.fiori",
|
|
5
5
|
"ui5": {
|
|
6
6
|
"webComponentsPackage": true
|
|
@@ -56,20 +56,20 @@
|
|
|
56
56
|
"directory": "packages/fiori"
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@ui5/webcomponents": "2.28.
|
|
60
|
-
"@ui5/webcomponents-base": "2.28.
|
|
61
|
-
"@ui5/webcomponents-icons": "2.28.
|
|
62
|
-
"@ui5/webcomponents-theming": "2.28.
|
|
59
|
+
"@ui5/webcomponents": "2.28.1",
|
|
60
|
+
"@ui5/webcomponents-base": "2.28.1",
|
|
61
|
+
"@ui5/webcomponents-icons": "2.28.1",
|
|
62
|
+
"@ui5/webcomponents-theming": "2.28.1",
|
|
63
63
|
"@zxing/library": "^0.21.3"
|
|
64
64
|
},
|
|
65
65
|
"devDependencies": {
|
|
66
66
|
"@custom-elements-manifest/analyzer": "^0.10.10",
|
|
67
67
|
"@ui5/cypress-internal": "0.1.0",
|
|
68
|
-
"@ui5/webcomponents-tools": "2.28.
|
|
68
|
+
"@ui5/webcomponents-tools": "2.28.1",
|
|
69
69
|
"cypress": "15.18.1",
|
|
70
70
|
"lit": "^2.0.0",
|
|
71
71
|
"vite": "5.4.21",
|
|
72
72
|
"yarn": "^1.22.22"
|
|
73
73
|
},
|
|
74
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "a1c8be3fdb2b6ece9f6f0a3c0e03a90cfe3878f3"
|
|
75
75
|
}
|
|
@@ -23,7 +23,6 @@ export default function SideNavigationSearchFieldTemplate(this: SideNavigationSe
|
|
|
23
23
|
class="ui5-side-navigation-search-field-search-icon"
|
|
24
24
|
name={search}
|
|
25
25
|
accessibleName={this._translations.searchIcon}
|
|
26
|
-
hideTooltip={true}
|
|
27
26
|
onClick={this._handleSearchIconPress}
|
|
28
27
|
/>
|
|
29
28
|
</Input>
|
|
@@ -340,6 +340,12 @@ SEARCH_FIELD_LABEL=
|
|
|
340
340
|
|
|
341
341
|
SEARCH_FIELD_PLACEHOLDER_WITH_SCOPE=Search in: {0}
|
|
342
342
|
|
|
343
|
+
SIDE_NAVIGATION_SEARCH_FIELD_PLACEHOLDER=Find in Navigation
|
|
344
|
+
|
|
345
|
+
SIDE_NAVIGATION_SEARCH_FIELD_LABEL=Side navigation filter
|
|
346
|
+
|
|
347
|
+
SIDE_NAVIGATION_SEARCH_DESCRIPTION=Results update as you type. Press Enter for the number of results
|
|
348
|
+
|
|
343
349
|
SEARCH_FIELD_CLEAR_ICON=Clear Search
|
|
344
350
|
|
|
345
351
|
SEARCH_FIELD_SEARCH_ICON=Search
|
|
@@ -376,6 +382,10 @@ SIDE_NAVIGATION_FLEXIBLE_LIST_LABEL=
|
|
|
376
382
|
|
|
377
383
|
SIDE_NAVIGATION_FIXED_LIST_LABEL=Footer Navigation Menu
|
|
378
384
|
|
|
385
|
+
SIDE_NAVIGATION_SEARCH_MATCH_COUNT_SINGULAR={0} match found
|
|
386
|
+
|
|
387
|
+
SIDE_NAVIGATION_SEARCH_MATCH_COUNT_PLURAL={0} matches found
|
|
388
|
+
|
|
379
389
|
SIDE_NAVIGATION_ICON_COLLAPSE=Collapse
|
|
380
390
|
|
|
381
391
|
SIDE_NAVIGATION_ICON_EXPAND=Expand
|
|
@@ -6,9 +6,13 @@ function ShellBarSearchField(this: ShellBar) {
|
|
|
6
6
|
return (
|
|
7
7
|
// .ui5-shellbar-search-field-area is used to measure the width of
|
|
8
8
|
// the search field. It must be present even if the search is in full-width mode.
|
|
9
|
-
|
|
9
|
+
// The `ui5-shellbar-gap-start` lives on the area (always rendered) rather than on the
|
|
10
|
+
// inner field (rendered only in-bar), so the measured width stays identical whether the
|
|
11
|
+
// search is in the bar or in full-width mode - otherwise the 8px gap would be counted
|
|
12
|
+
// only in-bar, shifting the overflow measurement and causing a render loop.
|
|
13
|
+
<div class="ui5-shellbar-search-field-area ui5-shellbar-gap-start">
|
|
10
14
|
{this.showSearchField && !this.showFullWidthSearch && (
|
|
11
|
-
<div class="ui5-shellbar-search-field
|
|
15
|
+
<div class="ui5-shellbar-search-field">
|
|
12
16
|
<slot name="searchField"></slot>
|
|
13
17
|
</div>
|
|
14
18
|
)}
|