@openui5/sap.f 1.144.0 → 1.146.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/REUSE.toml +40 -16
- package/THIRDPARTY.txt +28 -7
- package/package.json +10 -10
- package/src/sap/f/.library +8 -8
- package/src/sap/f/Avatar.js +1 -1
- package/src/sap/f/AvatarGroup.js +8 -2
- package/src/sap/f/AvatarGroupItem.js +1 -1
- package/src/sap/f/CalendarAppointmentInCard.js +1 -1
- package/src/sap/f/CalendarInCard.js +1 -1
- package/src/sap/f/Card.js +1 -1
- package/src/sap/f/CardBase.js +3 -3
- package/src/sap/f/DynamicPage.js +1 -1
- package/src/sap/f/DynamicPageAccessibleLandmarkInfo.js +1 -1
- package/src/sap/f/DynamicPageHeader.js +1 -1
- package/src/sap/f/DynamicPageTitle.js +1 -1
- package/src/sap/f/FlexibleColumnLayout.js +8 -2
- package/src/sap/f/FlexibleColumnLayoutAccessibleLandmarkInfo.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutData.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutDataForDesktop.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutDataForTablet.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutSemanticHelper.js +1 -1
- package/src/sap/f/GridContainer.js +1 -1
- package/src/sap/f/GridContainerItemLayoutData.js +1 -1
- package/src/sap/f/GridContainerSettings.js +2 -2
- package/src/sap/f/GridList.js +1 -1
- package/src/sap/f/GridListItem.js +1 -1
- package/src/sap/f/IllustratedMessage.js +1 -1
- package/src/sap/f/Illustration.js +1 -1
- package/src/sap/f/PlanningCalendarInCardLegend.js +1 -1
- package/src/sap/f/ProductSwitch.js +1 -1
- package/src/sap/f/ProductSwitchItem.js +1 -1
- package/src/sap/f/SearchManager.js +1 -1
- package/src/sap/f/ShellBar.js +1 -1
- package/src/sap/f/SidePanel.js +5 -1
- package/src/sap/f/SidePanelItem.js +7 -1
- package/src/sap/f/SidePanelRenderer.js +1 -1
- package/src/sap/f/cards/BaseHeader.js +39 -26
- package/src/sap/f/cards/Header.js +7 -7
- package/src/sap/f/cards/NumericHeader.js +22 -23
- package/src/sap/f/cards/NumericIndicators.js +1 -2
- package/src/sap/f/cards/NumericSideIndicator.js +2 -3
- package/src/sap/f/cards/loading/AnalyticalPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/CalendarPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/GenericPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/ListPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/ObjectPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/PlaceholderBase.js +1 -1
- package/src/sap/f/cards/loading/TablePlaceholder.js +1 -1
- package/src/sap/f/cards/loading/TimelinePlaceholder.js +1 -1
- package/src/sap/f/changeHandler/MoveDynamicPageTitleActions.js +1 -1
- package/src/sap/f/delegate/GridContainerItemNavigation.js +1 -1
- package/src/sap/f/delegate/GridItemNavigation.js +1 -1
- package/src/sap/f/dnd/GridDragOver.js +1 -1
- package/src/sap/f/dnd/GridDropInfo.js +1 -1
- package/src/sap/f/gen/ui5/webcomponents/dist/Avatar.js +2 -246
- package/src/sap/f/gen/ui5/webcomponents/dist/Button.js +2 -349
- package/src/sap/f/gen/ui5/webcomponents/dist/Label.js +2 -126
- package/src/sap/f/gen/ui5/webcomponents/dist/ListItem.js +2 -141
- package/src/sap/f/gen/ui5/webcomponents/dist/ListItemBase.js +2 -60
- package/src/sap/f/gen/ui5/webcomponents/dist/ListItemGroup.js +2 -208
- package/src/sap/f/gen/ui5/webcomponents/dist/Menu.js +2 -283
- package/src/sap/f/gen/ui5/webcomponents/dist/MenuItem.js +2 -357
- package/src/sap/f/gen/ui5/webcomponents.js +2 -3155
- package/src/sap/f/gen/ui5/webcomponents_base.js +2 -600
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/IllustratedMessage.js +2 -214
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/NotificationList.js +2 -203
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/NotificationListGroupItem.js +2 -167
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/NotificationListItem.js +2 -248
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/NotificationListItemBase.js +2 -86
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/Search.js +2 -254
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/SearchItem.js +2 -128
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/SearchItemGroup.js +2 -56
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/SearchItemShowMore.js +2 -87
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/SearchMessageArea.js +2 -75
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/SearchScope.js +2 -80
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/ShellBar.js +2 -669
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/ShellBarBranding.js +2 -123
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/ShellBarItem.js +2 -140
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/ShellBarSearch.js +2 -236
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/ShellBarSpacer.js +2 -72
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/UserMenu.js +2 -282
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/UserMenuAccount.js +2 -134
- package/src/sap/f/gen/ui5/webcomponents_fiori/dist/UserMenuItem.js +2 -79
- package/src/sap/f/gen/ui5/webcomponents_fiori.js +2 -1859
- package/src/sap/f/library.js +3 -4
- package/src/sap/f/routing/Target.js +2 -2
- package/src/sap/f/semantic/AddAction.js +1 -1
- package/src/sap/f/semantic/CloseAction.js +1 -1
- package/src/sap/f/semantic/CopyAction.js +1 -1
- package/src/sap/f/semantic/DeleteAction.js +1 -1
- package/src/sap/f/semantic/DiscussInJamAction.js +1 -1
- package/src/sap/f/semantic/EditAction.js +1 -1
- package/src/sap/f/semantic/ExitFullScreenAction.js +1 -1
- package/src/sap/f/semantic/FavoriteAction.js +1 -1
- package/src/sap/f/semantic/FlagAction.js +1 -1
- package/src/sap/f/semantic/FooterMainAction.js +1 -1
- package/src/sap/f/semantic/FullScreenAction.js +1 -1
- package/src/sap/f/semantic/MainAction.js +1 -1
- package/src/sap/f/semantic/MessagesIndicator.js +1 -1
- package/src/sap/f/semantic/NegativeAction.js +1 -1
- package/src/sap/f/semantic/PositiveAction.js +1 -1
- package/src/sap/f/semantic/PrintAction.js +1 -1
- package/src/sap/f/semantic/SemanticButton.js +1 -1
- package/src/sap/f/semantic/SemanticConfiguration.js +1 -1
- package/src/sap/f/semantic/SemanticControl.js +1 -1
- package/src/sap/f/semantic/SemanticPage.js +1 -1
- package/src/sap/f/semantic/SemanticToggleButton.js +1 -1
- package/src/sap/f/semantic/SendEmailAction.js +1 -1
- package/src/sap/f/semantic/SendMessageAction.js +1 -1
- package/src/sap/f/semantic/ShareInJamAction.js +1 -1
- package/src/sap/f/semantic/TitleMainAction.js +1 -1
- package/src/sap/f/shellBar/AdditionalContentSupport.js +1 -1
- package/src/sap/f/shellBar/CoPilot.js +1 -1
- package/src/sap/f/shellBar/ControlSpacer.js +1 -1
- package/src/sap/f/shellBar/Search.js +1 -1
- package/src/sap/f/themes/base/AvatarGroup.less +2 -2
- package/src/sap/f/themes/base/GridList.less +1 -1
- package/src/sap/f/thirdparty/AccessibilityTextsHelper.js +2 -13
- package/src/sap/f/thirdparty/Avatar.js +2 -453
- package/src/sap/f/thirdparty/BusyIndicator.js +2 -233
- package/src/sap/f/thirdparty/Button.js +2 -7
- package/src/sap/f/thirdparty/Button2.js +2 -656
- package/src/sap/f/thirdparty/FocusableElements.js +2 -10
- package/src/sap/f/thirdparty/Icon.js +2 -313
- package/src/sap/f/thirdparty/Icons.js +2 -234
- package/src/sap/f/thirdparty/IllustratedMessage.js +2 -1297
- package/src/sap/f/thirdparty/Illustrations.js +2 -0
- package/src/sap/f/thirdparty/Label.js +2 -115
- package/src/sap/f/thirdparty/Link.js +2 -316
- package/src/sap/f/thirdparty/List.js +2 -1253
- package/src/sap/f/thirdparty/ListBoxItemGroupTemplate.js +2 -14
- package/src/sap/f/thirdparty/ListItemAdditionalText.css.js +2 -10
- package/src/sap/f/thirdparty/ListItemBase.js +2 -251
- package/src/sap/f/thirdparty/ListItemGroup.js +2 -637
- package/src/sap/f/thirdparty/Menu.js +2 -389
- package/src/sap/f/thirdparty/MenuItem.js +2 -10
- package/src/sap/f/thirdparty/MenuItem2.js +2 -762
- package/src/sap/f/thirdparty/NotificationList.js +2 -291
- package/src/sap/f/thirdparty/NotificationListGroupItem.js +2 -310
- package/src/sap/f/thirdparty/NotificationListItem.js +2 -534
- package/src/sap/f/thirdparty/NotificationListItemBase.js +2 -98
- package/src/sap/f/thirdparty/ResponsivePopover.js +2 -2312
- package/src/sap/f/thirdparty/SearchItem.css.js +2 -10
- package/src/sap/f/thirdparty/SearchItem.js +2 -152
- package/src/sap/f/thirdparty/SearchItemGroup.js +2 -44
- package/src/sap/f/thirdparty/SearchItemShowMore.js +2 -86
- package/src/sap/f/thirdparty/SearchMessageArea.js +2 -49
- package/src/sap/f/thirdparty/SearchScope.js +2 -39
- package/src/sap/f/thirdparty/ShellBar.js +2 -1809
- package/src/sap/f/thirdparty/ShellBarBranding.js +2 -119
- package/src/sap/f/thirdparty/ShellBarItem.js +2 -89
- package/src/sap/f/thirdparty/ShellBarSearch.js +2 -7
- package/src/sap/f/thirdparty/ShellBarSearch2.js +2 -3453
- package/src/sap/f/thirdparty/ShellBarSpacer.js +2 -40
- package/src/sap/f/thirdparty/Tag.js +2 -302
- package/src/sap/f/thirdparty/Text.js +2 -127
- package/src/sap/f/thirdparty/Theme.js +2 -0
- package/src/sap/f/thirdparty/Title.js +2 -167
- package/src/sap/f/thirdparty/UserMenu.js +2 -950
- package/src/sap/f/thirdparty/UserMenuAccount.js +2 -114
- package/src/sap/f/thirdparty/UserMenuItem.js +2 -61
- package/src/sap/f/thirdparty/ValueState.js +2 -7
- package/src/sap/f/thirdparty/WrappingType.js +2 -24
- package/src/sap/f/thirdparty/_dynamics/InputComposition.js +2 -35
- package/src/sap/f/thirdparty/_dynamics/InputSuggestions.js +2 -397
- package/src/sap/f/thirdparty/_dynamics/ListItemStandardExpandableTextTemplate.js +2 -193
- package/src/sap/f/thirdparty/_dynamics/SAP-icons-TNT.js +2 -585
- package/src/sap/f/thirdparty/_dynamics/SAP-icons-TNT2.js +2 -585
- package/src/sap/f/thirdparty/_dynamics/SAP-icons-business-suite.js +2 -1194
- package/src/sap/f/thirdparty/_dynamics/SAP-icons-business-suite2.js +2 -1194
- package/src/sap/f/thirdparty/_dynamics/SAP-icons.js +2 -2509
- package/src/sap/f/thirdparty/_dynamics/SAP-icons2.js +2 -2509
- package/src/sap/f/thirdparty/_dynamics/ar.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/ar_EG.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/ar_SA.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/bg.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/ca.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/cnr.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/cs.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/da.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/de.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/de_AT.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/de_CH.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/el.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/el_CY.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/en.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/en_AU.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/en_GB.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/en_HK.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/en_IE.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/en_IN.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/en_NZ.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/en_PG.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/en_SG.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/en_ZA.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/es.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/es_AR.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/es_BO.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/es_CL.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/es_CO.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/es_MX.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/es_PE.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/es_UY.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/es_VE.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/et.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/fa.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/fi.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/fr.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/fr_BE.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/fr_CA.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/fr_CH.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/fr_LU.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/he.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/hi.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/hr.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/hu.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/id.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/it.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/it_CH.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/ja.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/kk.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/ko.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/lt.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/lv.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/messagebundle_ar.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_ar2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_bg.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_bg2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_ca.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_ca2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_cnr.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_cnr2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_cs.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_cs2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_cy.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_cy2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_da.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_da2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_de.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_de2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_el.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_el2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_en.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_en2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_en_GB.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_en_GB2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_en_US_sappsd.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_en_US_sappsd2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_en_US_saprigi.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_en_US_saprigi2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_en_US_saptrc.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_en_US_saptrc2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_es.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_es2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_es_MX.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_es_MX2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_et.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_et2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_fi.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_fi2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_fr.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_fr2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_fr_CA.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_fr_CA2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_hi.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_hi2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_hr.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_hr2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_hu.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_hu2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_id.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_id2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_it.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_it2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_iw.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_iw2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_ja.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_ja2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_kk.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_kk2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_ko.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_ko2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_lt.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_lt2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_lv.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_lv2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_mk.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_mk2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_ms.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_ms2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_nl.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_nl2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_no.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_no2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_pl.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_pl2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_pt.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_pt2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_pt_PT.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_pt_PT2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_ro.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_ro2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_ru.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_ru2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_sh.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_sh2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_sk.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_sk2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_sl.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_sl2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_sr.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_sr2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_sv.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_sv2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_th.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_th2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_tr.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_tr2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_uk.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_uk2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_vi.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_vi2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_zh_CN.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_zh_CN2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/messagebundle_zh_TW.js +2 -866
- package/src/sap/f/thirdparty/_dynamics/messagebundle_zh_TW2.js +2 -611
- package/src/sap/f/thirdparty/_dynamics/mk.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/ms.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/nb.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/nl.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/nl_BE.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css10.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css11.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css12.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css13.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css14.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css15.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css16.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css17.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css18.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css19.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css20.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css21.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css22.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css23.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css24.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css25.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css26.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css27.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css4.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css5.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css6.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css7.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css8.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css9.js +2 -7
- package/src/sap/f/thirdparty/_dynamics/pl.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/pt.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/pt_PT.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/ro.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/ru.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/ru_UA.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/sk.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/sl.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/sr.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/sr_Latn.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/sv.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/th.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/tr.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/uk.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/vi.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/zh_CN.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/zh_HK.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/zh_SG.js +2 -0
- package/src/sap/f/thirdparty/_dynamics/zh_TW.js +2 -0
- package/src/sap/f/thirdparty/encodeXML.js +6 -81
- package/src/sap/f/thirdparty/event-strict.js +2 -7
- package/src/sap/f/thirdparty/generateHighlightedMarkup.js +2 -9
- package/src/sap/f/thirdparty/i18n-defaults.js +2 -119
- package/src/sap/f/thirdparty/i18n-defaults2.js +2 -159
- package/src/sap/f/thirdparty/information.js +2 -100
- package/src/sap/f/thirdparty/information2.js +2 -13
- package/src/sap/f/thirdparty/overflow.js +2 -25
- package/src/sap/f/thirdparty/parameters-bundle.css.js +2 -11
- package/src/sap/f/thirdparty/parameters-bundle.css2.js +2 -44
- package/src/sap/f/thirdparty/parameters-bundle.css3.js +2 -8
- package/src/sap/f/thirdparty/query.js +2 -7
- package/src/sap/f/thirdparty/slim-arrow-down.js +2 -44
- package/src/sap/f/thirdparty/sys-enter-2.js +2 -7
- package/src/sap/f/thirdparty/toLowercaseEnumValue.js +2 -7
- package/src/sap/f/thirdparty/ui5/webcomponents_fiori/dist/illustrations/UnableToUpload.js +2 -0
- package/src/sap/f/thirdparty/ui5/webcomponents_icons/AllIcons.js +2 -26
- package/src/sap/f/thirdparty/ui5/webcomponents_icons_business_suite/AllIcons.js +2 -26
- package/src/sap/f/thirdparty/ui5/webcomponents_icons_tnt/AllIcons.js +2 -26
- package/src/sap/f/thirdparty/webcomponents-base.js +2 -7
- package/src/sap/f/thirdparty/webcomponents-fiori.js +2 -5
- package/src/sap/f/thirdparty/webcomponents.js +51 -4589
- package/src/sap/f/thirdparty/willShowContent.js +2 -7
- package/ui5-build.yaml +1 -0
- package/src/sap/f/thirdparty/ListItemCustom.js +0 -1689
|
@@ -1,291 +1,2 @@
|
|
|
1
|
-
sap.ui.define([
|
|
2
|
-
|
|
3
|
-
var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
4
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
5
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
6
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
7
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* @class
|
|
11
|
-
*
|
|
12
|
-
* Internal `ui5-li-notification-list-list` component,
|
|
13
|
-
* that is used to support keyboard navigation of the notification list internal list.
|
|
14
|
-
*
|
|
15
|
-
* @private
|
|
16
|
-
*/
|
|
17
|
-
let NotificationListInternal = class NotificationListInternal extends List.List {
|
|
18
|
-
constructor() {
|
|
19
|
-
super();
|
|
20
|
-
this._allNavigationItems = [];
|
|
21
|
-
this._itemNavigation._navigationMode = webcomponentsBase.r.Auto;
|
|
22
|
-
}
|
|
23
|
-
getEnabledItems() {
|
|
24
|
-
const items = new Array();
|
|
25
|
-
const allNavigationItems = new Array();
|
|
26
|
-
this.getItems().forEach(item => {
|
|
27
|
-
items.push(item);
|
|
28
|
-
allNavigationItems.push(item);
|
|
29
|
-
if (item instanceof NotificationListGroupItem && !item.collapsed && !item.loading) {
|
|
30
|
-
item.items.forEach(subItem => {
|
|
31
|
-
items.push(subItem);
|
|
32
|
-
allNavigationItems.push(subItem);
|
|
33
|
-
});
|
|
34
|
-
const growingButton = item.getGrowingButton();
|
|
35
|
-
if (growingButton) {
|
|
36
|
-
allNavigationItems.push(growingButton);
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
const growingButton = this.getGrowingButton();
|
|
41
|
-
if (growingButton) {
|
|
42
|
-
allNavigationItems.push(growingButton);
|
|
43
|
-
}
|
|
44
|
-
this._allNavigationItems = allNavigationItems;
|
|
45
|
-
return items;
|
|
46
|
-
}
|
|
47
|
-
_onkeydown(e) {
|
|
48
|
-
if (webcomponentsBase.n(e)) {
|
|
49
|
-
this._handleEndKey(e);
|
|
50
|
-
e.preventDefault();
|
|
51
|
-
return;
|
|
52
|
-
}
|
|
53
|
-
if (webcomponentsBase.M(e)) {
|
|
54
|
-
this._handleHomeKey(e);
|
|
55
|
-
e.preventDefault();
|
|
56
|
-
return;
|
|
57
|
-
}
|
|
58
|
-
this._focusSameItemOnNextRow(e);
|
|
59
|
-
}
|
|
60
|
-
_handleHomeKey(e) {
|
|
61
|
-
e.stopImmediatePropagation();
|
|
62
|
-
const target = e.target;
|
|
63
|
-
const activeElement = webcomponentsBase.t();
|
|
64
|
-
if ((!this._isGrowingButton(activeElement) && target?.hasAttribute("ui5-li-notification-group"))
|
|
65
|
-
|| target?.hasAttribute("ui5-menu-item")) {
|
|
66
|
-
return;
|
|
67
|
-
}
|
|
68
|
-
const currentFocusedItem = this.getEnabledItems()[this._itemNavigation._currentIndex];
|
|
69
|
-
if (!currentFocusedItem) {
|
|
70
|
-
return;
|
|
71
|
-
}
|
|
72
|
-
const currentFocusedIndex = this._allNavigationItems.indexOf(currentFocusedItem);
|
|
73
|
-
let nextFocusedIndex = 0;
|
|
74
|
-
for (let i = currentFocusedIndex - 1; i >= 0; i--) {
|
|
75
|
-
const item = this._allNavigationItems[i];
|
|
76
|
-
if (item.hasAttribute("ui5-li-notification-group")) {
|
|
77
|
-
nextFocusedIndex = i + 1;
|
|
78
|
-
break;
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
this._allNavigationItems[nextFocusedIndex].focus();
|
|
82
|
-
}
|
|
83
|
-
_handleEndKey(e) {
|
|
84
|
-
e.stopImmediatePropagation();
|
|
85
|
-
const target = e.target;
|
|
86
|
-
if (target?.hasAttribute("ui5-menu-item")) {
|
|
87
|
-
return;
|
|
88
|
-
}
|
|
89
|
-
const currentFocusedItem = this.getEnabledItems()[this._itemNavigation._currentIndex];
|
|
90
|
-
if (!currentFocusedItem) {
|
|
91
|
-
return;
|
|
92
|
-
}
|
|
93
|
-
const currentFocusedIndex = this._allNavigationItems.indexOf(currentFocusedItem);
|
|
94
|
-
let nextFocusedIndex = this._allNavigationItems.length - 1;
|
|
95
|
-
for (let i = currentFocusedIndex + 1; i < this._allNavigationItems.length; i++) {
|
|
96
|
-
const item = this._allNavigationItems[i];
|
|
97
|
-
if (item.hasAttribute("ui5-li-notification-group")) {
|
|
98
|
-
nextFocusedIndex = i - 1;
|
|
99
|
-
break;
|
|
100
|
-
}
|
|
101
|
-
if (this._isGrowingButton(item)) {
|
|
102
|
-
nextFocusedIndex = i === currentFocusedIndex + 1 ? i : i - 1;
|
|
103
|
-
break;
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
this._allNavigationItems[nextFocusedIndex].focus();
|
|
107
|
-
}
|
|
108
|
-
_focusSameItemOnNextRow(e) {
|
|
109
|
-
if (!webcomponentsBase.P(e) && !webcomponentsBase._(e) && !webcomponentsBase.D(e) && !webcomponentsBase.R(e)) {
|
|
110
|
-
return;
|
|
111
|
-
}
|
|
112
|
-
const target = e.target;
|
|
113
|
-
const shadowTarget = target.shadowRoot.activeElement;
|
|
114
|
-
const activeElement = webcomponentsBase.t();
|
|
115
|
-
const isGrowingBtn = this._isGrowingButton(activeElement);
|
|
116
|
-
if (!target || target.hasAttribute("ui5-menu-item")) {
|
|
117
|
-
return;
|
|
118
|
-
}
|
|
119
|
-
const isFocusWithin = target.matches(":focus-within");
|
|
120
|
-
if (!isFocusWithin) {
|
|
121
|
-
return;
|
|
122
|
-
}
|
|
123
|
-
e.preventDefault();
|
|
124
|
-
e.stopImmediatePropagation();
|
|
125
|
-
const currentItem = isGrowingBtn ? activeElement : this.getEnabledItems()[this._itemNavigation._currentIndex];
|
|
126
|
-
const index = this._allNavigationItems.indexOf(currentItem) + ((webcomponentsBase.P(e) || webcomponentsBase.D(e)) ? -1 : 1);
|
|
127
|
-
const nextItem = this._allNavigationItems[index];
|
|
128
|
-
if (!nextItem) {
|
|
129
|
-
return;
|
|
130
|
-
}
|
|
131
|
-
if (this._isGrowingButton(nextItem) || shadowTarget.classList.contains("ui5-nli-focusable")) {
|
|
132
|
-
nextItem.focus();
|
|
133
|
-
return;
|
|
134
|
-
}
|
|
135
|
-
const nextListItem = nextItem;
|
|
136
|
-
if (nextListItem.loading || (webcomponentsBase.D(e) || webcomponentsBase.R(e))) {
|
|
137
|
-
nextItem.focus();
|
|
138
|
-
return;
|
|
139
|
-
}
|
|
140
|
-
const sameItemOnNextRow = nextListItem.getHeaderDomRef().querySelector(`.${shadowTarget.className}`);
|
|
141
|
-
if (sameItemOnNextRow && sameItemOnNextRow.offsetParent) {
|
|
142
|
-
sameItemOnNextRow.focus();
|
|
143
|
-
}
|
|
144
|
-
else {
|
|
145
|
-
nextItem.focus();
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
_isGrowingButton(item) {
|
|
149
|
-
return item?.classList.contains("ui5-growing-button-inner");
|
|
150
|
-
}
|
|
151
|
-
};
|
|
152
|
-
NotificationListInternal = __decorate$1([
|
|
153
|
-
webcomponentsBase.m("ui5-notification-list-internal")
|
|
154
|
-
], NotificationListInternal);
|
|
155
|
-
NotificationListInternal.define();
|
|
156
|
-
var NotificationListInternal$1 = NotificationListInternal;
|
|
157
|
-
|
|
158
|
-
function NotificationListTemplate() {
|
|
159
|
-
return (parametersBundle_css.jsx(NotificationListInternal$1, { accessibleName: this._accessibleName, noDataText: this.noDataText, onItemClick: this._onItemClick, onItemClose: this._onItemClose, onItemToggle: this._onItemToggle, onLoadMore: this._onLoadMore, children: parametersBundle_css.jsx("slot", {}) }));
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
Icons.p("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
|
|
163
|
-
Icons.p("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s" + "-" + "f" + "i" + "o" + "r" + "i", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
|
|
164
|
-
var NotificationListCss = `:host(:not([hidden])){display:block}[ui5-notification-list-internal]{height:100%}
|
|
165
|
-
`;
|
|
166
|
-
|
|
167
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
168
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
169
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
170
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
171
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
172
|
-
};
|
|
173
|
-
var NotificationList_1;
|
|
174
|
-
/**
|
|
175
|
-
* @class
|
|
176
|
-
* ### Overview
|
|
177
|
-
* The `ui5-notification-list` web component represents
|
|
178
|
-
* a container for `ui5-li-notification-group` and `ui5-li-notification`.
|
|
179
|
-
*
|
|
180
|
-
* ### Keyboard Handling
|
|
181
|
-
*
|
|
182
|
-
* #### Basic Navigation
|
|
183
|
-
* The `ui5-notification-list` provides advanced keyboard handling.
|
|
184
|
-
* When a list is focused the user can use the following keyboard
|
|
185
|
-
* shortcuts in order to perform a navigation:
|
|
186
|
-
*
|
|
187
|
-
* - [Up] or [Left] - Navigates up the items
|
|
188
|
-
* - [Down] or [Right] - Navigates down the items
|
|
189
|
-
* - [Home] - Navigates to first item
|
|
190
|
-
* - [End] - Navigates to the last item
|
|
191
|
-
*
|
|
192
|
-
* #### Fast Navigation
|
|
193
|
-
* This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].
|
|
194
|
-
* In order to use this functionality, you need to import the following module:
|
|
195
|
-
* `import "@ui5/webcomponents-base/dist/features/F6Navigation.js"`
|
|
196
|
-
*
|
|
197
|
-
* ### ES6 Module Import
|
|
198
|
-
*
|
|
199
|
-
* `import "@ui5/webcomponents-fiori/dist/NotificationList.js";``
|
|
200
|
-
* @constructor
|
|
201
|
-
* @extends UI5Element
|
|
202
|
-
* @since 2.0.0
|
|
203
|
-
* @public
|
|
204
|
-
*/
|
|
205
|
-
let NotificationList = NotificationList_1 = class NotificationList extends webcomponentsBase.b {
|
|
206
|
-
get _accessibleName() {
|
|
207
|
-
return NotificationList_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ACCESSIBLE_NAME);
|
|
208
|
-
}
|
|
209
|
-
getEnabledItems() {
|
|
210
|
-
return this.innerList?.getEnabledItems() || [];
|
|
211
|
-
}
|
|
212
|
-
get innerList() {
|
|
213
|
-
return this.shadowRoot?.querySelector("[ui5-notification-list-internal]");
|
|
214
|
-
}
|
|
215
|
-
_onItemClick(e) {
|
|
216
|
-
const item = e.detail.item;
|
|
217
|
-
if (!this.fireDecoratorEvent("item-click", { item })) {
|
|
218
|
-
e.preventDefault();
|
|
219
|
-
}
|
|
220
|
-
}
|
|
221
|
-
_onItemClose(e) {
|
|
222
|
-
const item = e.detail.item;
|
|
223
|
-
if (!this.fireDecoratorEvent("item-close", { item })) {
|
|
224
|
-
e.preventDefault();
|
|
225
|
-
}
|
|
226
|
-
}
|
|
227
|
-
_onItemToggle(e) {
|
|
228
|
-
const item = e.detail.item;
|
|
229
|
-
if (!this.fireDecoratorEvent("item-toggle", { item })) {
|
|
230
|
-
e.preventDefault();
|
|
231
|
-
}
|
|
232
|
-
}
|
|
233
|
-
_onLoadMore() {
|
|
234
|
-
this.fireDecoratorEvent("load-more");
|
|
235
|
-
}
|
|
236
|
-
};
|
|
237
|
-
__decorate([
|
|
238
|
-
webcomponentsBase.d({ type: HTMLElement, "default": true })
|
|
239
|
-
], NotificationList.prototype, "items", void 0);
|
|
240
|
-
__decorate([
|
|
241
|
-
webcomponentsBase.s()
|
|
242
|
-
], NotificationList.prototype, "noDataText", void 0);
|
|
243
|
-
__decorate([
|
|
244
|
-
parametersBundle_css$2.i("@ui5/webcomponents-fiori")
|
|
245
|
-
], NotificationList, "i18nFioriBundle", void 0);
|
|
246
|
-
NotificationList = NotificationList_1 = __decorate([
|
|
247
|
-
webcomponentsBase.m({
|
|
248
|
-
tag: "ui5-notification-list",
|
|
249
|
-
renderer: parametersBundle_css.y,
|
|
250
|
-
languageAware: true,
|
|
251
|
-
styles: [NotificationListCss],
|
|
252
|
-
template: NotificationListTemplate,
|
|
253
|
-
})
|
|
254
|
-
/**
|
|
255
|
-
* Fired when an item is clicked.
|
|
256
|
-
* @param {HTMLElement} item The clicked item.
|
|
257
|
-
* @public
|
|
258
|
-
*/
|
|
259
|
-
,
|
|
260
|
-
eventStrict.l("item-click", {
|
|
261
|
-
bubbles: true,
|
|
262
|
-
cancelable: true,
|
|
263
|
-
})
|
|
264
|
-
/**
|
|
265
|
-
* Fired when the `Close` button of any item is clicked.
|
|
266
|
-
* @param {HTMLElement} item the item about to be closed.
|
|
267
|
-
* @public
|
|
268
|
-
*/
|
|
269
|
-
,
|
|
270
|
-
eventStrict.l("item-close", {
|
|
271
|
-
bubbles: true,
|
|
272
|
-
cancelable: true,
|
|
273
|
-
})
|
|
274
|
-
/**
|
|
275
|
-
* Fired when an item is toggled.
|
|
276
|
-
*
|
|
277
|
-
* @param {HTMLElement} item the toggled item.
|
|
278
|
-
* @public
|
|
279
|
-
*/
|
|
280
|
-
,
|
|
281
|
-
eventStrict.l("item-toggle", {
|
|
282
|
-
bubbles: true,
|
|
283
|
-
cancelable: true,
|
|
284
|
-
})
|
|
285
|
-
], NotificationList);
|
|
286
|
-
NotificationList.define();
|
|
287
|
-
var NotificationList$1 = NotificationList;
|
|
288
|
-
|
|
289
|
-
return NotificationList$1;
|
|
290
|
-
|
|
291
|
-
}));
|
|
1
|
+
sap.ui.define(["sap/f/thirdparty/webcomponents","sap/f/thirdparty/parameters-bundle.css2","sap/f/thirdparty/event-strict","sap/f/thirdparty/parameters-bundle.css","sap/f/thirdparty/List","sap/f/thirdparty/NotificationListGroupItem","sap/f/thirdparty/Theme","sap/f/thirdparty/parameters-bundle.css3","sap/f/thirdparty/i18n-defaults","sap/f/thirdparty/Icons","sap/f/thirdparty/toLowercaseEnumValue","sap/f/thirdparty/ListItemGroup","sap/f/thirdparty/ListItemBase","sap/f/thirdparty/i18n-defaults2","sap/f/thirdparty/WrappingType","sap/f/thirdparty/AccessibilityTextsHelper","sap/f/thirdparty/BusyIndicator","sap/f/thirdparty/willShowContent","sap/f/thirdparty/Label","sap/f/thirdparty/NotificationListItemBase","sap/f/thirdparty/FocusableElements","sap/f/thirdparty/Icon"],function(t,e,i,n,s,a,o,r,l,c,u,f,h,p,m,d,g,_,y,b,I,v){"use strict";var N=this&&this.__decorate||function(t,e,i,n){var s=arguments.length,a=s<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(t,e,i,n);else for(var r=t.length-1;r>=0;r--)if(o=t[r])a=(s<3?o(a):s>3?o(e,i,a):o(e,i))||a;return s>3&&a&&Object.defineProperty(e,i,a),a};let w=class e extends s.List{constructor(){super();this._allNavigationItems=[];this._itemNavigation._navigationMode=t.r.Auto}getEnabledItems(){const t=new Array;const e=new Array;this.getItems().forEach(i=>{t.push(i);e.push(i);if(i instanceof a&&!i.collapsed&&!i.loading){i.items.forEach(i=>{t.push(i);e.push(i)});const n=i.getGrowingButton();if(n){e.push(n)}}});const i=this.getGrowingButton();if(i){e.push(i)}this._allNavigationItems=e;return t}_onkeydown(e){if(t.n(e)){this._handleEndKey(e);e.preventDefault();return}if(t.M(e)){this._handleHomeKey(e);e.preventDefault();return}this._focusSameItemOnNextRow(e)}_handleHomeKey(e){e.stopImmediatePropagation();const i=e.target;const n=t.t();if(!this._isGrowingButton(n)&&i?.hasAttribute("ui5-li-notification-group")||i?.hasAttribute("ui5-menu-item")){return}const s=this.getEnabledItems()[this._itemNavigation._currentIndex];if(!s){return}const a=this._allNavigationItems.indexOf(s);let o=0;for(let t=a-1;t>=0;t--){const e=this._allNavigationItems[t];if(e.hasAttribute("ui5-li-notification-group")){o=t+1;break}}this._allNavigationItems[o].focus()}_handleEndKey(t){t.stopImmediatePropagation();const e=t.target;if(e?.hasAttribute("ui5-menu-item")){return}const i=this.getEnabledItems()[this._itemNavigation._currentIndex];if(!i){return}const n=this._allNavigationItems.indexOf(i);let s=this._allNavigationItems.length-1;for(let t=n+1;t<this._allNavigationItems.length;t++){const e=this._allNavigationItems[t];if(e.hasAttribute("ui5-li-notification-group")){s=t-1;break}if(this._isGrowingButton(e)){s=t===n+1?t:t-1;break}}this._allNavigationItems[s].focus()}_focusSameItemOnNextRow(e){if(!t.P(e)&&!t._(e)&&!t.D(e)&&!t.R(e)){return}const i=e.target;const n=i.shadowRoot.activeElement;const s=t.t();const a=this._isGrowingButton(s);if(!i||i.hasAttribute("ui5-menu-item")){return}const o=i.matches(":focus-within");if(!o){return}e.preventDefault();e.stopImmediatePropagation();const r=a?s:this.getEnabledItems()[this._itemNavigation._currentIndex];const l=this._allNavigationItems.indexOf(r)+(t.P(e)||t.D(e)?-1:1);const c=this._allNavigationItems[l];if(!c){return}if(this._isGrowingButton(c)||n.classList.contains("ui5-nli-focusable")){c.focus();return}const u=c;if(u.loading||(t.D(e)||t.R(e))){c.focus();return}const f=u.getHeaderDomRef().querySelector(`.${n.className}`);if(f&&f.offsetParent){f.focus()}else{c.focus()}}_isGrowingButton(t){return t?.classList.contains("ui5-growing-button-inner")}};w=N([t.m("ui5-notification-list-internal")],w);w.define();var E=w;function D(){return e.jsx(E,{accessibleName:this._accessibleName,noDataText:this.noDataText,onItemClick:this._onItemClick,onItemClose:this._onItemClose,onItemToggle:this._onItemToggle,onLoadMore:this._onLoadMore,children:e.jsx("slot",{})})}o.f("@"+"ui5"+"/"+"webcomponents-theming","sap_horizon",async()=>e.defaultThemeBase);o.f("@"+"u"+"i"+"5"+"/"+"w"+"e"+"b"+"c"+"o"+"m"+"p"+"o"+"n"+"e"+"n"+"t"+"s"+"-"+"f"+"i"+"o"+"r"+"i","sap_horizon",async()=>r.defaultTheme,"host");var L=`:host(:not([hidden])){display:block}[ui5-notification-list-internal]{height:100%}\n`;var x=this&&this.__decorate||function(t,e,i,n){var s=arguments.length,a=s<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(t,e,i,n);else for(var r=t.length-1;r>=0;r--)if(o=t[r])a=(s<3?o(a):s>3?o(e,i,a):o(e,i))||a;return s>3&&a&&Object.defineProperty(e,i,a),a};var T;let A=T=class e extends t.S{get _accessibleName(){return T.i18nFioriBundle.getText(l.NOTIFICATION_LIST_ACCESSIBLE_NAME)}getEnabledItems(){return this.innerList?.getEnabledItems()||[]}get innerList(){return this.shadowRoot?.querySelector("[ui5-notification-list-internal]")}_onItemClick(t){const e=t.detail.item;if(!this.fireDecoratorEvent("item-click",{item:e})){t.preventDefault()}}_onItemClose(t){const e=t.detail.item;if(!this.fireDecoratorEvent("item-close",{item:e})){t.preventDefault()}}_onItemToggle(t){const e=t.detail.item;if(!this.fireDecoratorEvent("item-toggle",{item:e})){t.preventDefault()}}_onLoadMore(){this.fireDecoratorEvent("load-more")}};x([t.d({type:HTMLElement,default:true})],A.prototype,"items",void 0);x([t.s()],A.prototype,"noDataText",void 0);x([n.i("@ui5/webcomponents-fiori")],A,"i18nFioriBundle",void 0);A=T=x([t.m({tag:"ui5-notification-list",renderer:e.y,languageAware:true,styles:[L],template:D}),i.l("item-click",{bubbles:true,cancelable:true}),i.l("item-close",{bubbles:true,cancelable:true}),i.l("item-toggle",{bubbles:true,cancelable:true})],A);A.define();var B=A;return B});
|
|
2
|
+
//# sourceMappingURL=NotificationList.js.map
|
|
@@ -1,310 +1,2 @@
|
|
|
1
|
-
sap.ui.define(['sap/f/thirdparty/webcomponents', 'sap/f/thirdparty/event-strict', 'sap/f/thirdparty/parameters-bundle.css2', 'sap/f/thirdparty/NotificationListItemBase', 'sap/f/thirdparty/Icons', 'sap/f/thirdparty/i18n-defaults', 'sap/f/thirdparty/Icon', 'sap/f/thirdparty/List', 'sap/f/thirdparty/parameters-bundle.css3', 'sap/f/thirdparty/parameters-bundle.css', 'sap/f/thirdparty/ListItemBase', 'sap/f/thirdparty/FocusableElements', 'sap/f/thirdparty/toLowercaseEnumValue', 'sap/f/thirdparty/ListItemGroup', 'sap/f/thirdparty/i18n-defaults2', 'sap/f/thirdparty/WrappingType', 'sap/f/thirdparty/AccessibilityTextsHelper', 'sap/f/thirdparty/BusyIndicator', 'sap/f/thirdparty/willShowContent', 'sap/f/thirdparty/Label'], (function (webcomponentsBase, eventStrict, parametersBundle_css, NotificationListItemBase, Icons, i18nDefaults, Icon, List, parametersBundle_css$1, parametersBundle_css$2, ListItemBase, FocusableElements, toLowercaseEnumValue, ListItemGroup, i18nDefaults$1, WrappingType, AccessibilityTextsHelper, BusyIndicator, willShowContent, Label) { 'use strict';
|
|
2
|
-
|
|
3
|
-
const name$3 = "navigation-right-arrow";
|
|
4
|
-
const pathData$3 = "M296 268q11-12 0-23L139 86q-10-10-10-23t10-22q9-10 22-10t23 10l191 193q9 9 9 22.5t-9 22.5L183 471q-10 10-23 10t-23-10q-9-9-9-22.5t9-22.5z";
|
|
5
|
-
const ltr$3 = false;
|
|
6
|
-
const collection$3 = "SAP-icons-v4";
|
|
7
|
-
const packageName$3 = "@ui5/webcomponents-icons";
|
|
8
|
-
|
|
9
|
-
Icons.y(name$3, { pathData: pathData$3, ltr: ltr$3, collection: collection$3, packageName: packageName$3 });
|
|
10
|
-
|
|
11
|
-
const name$2 = "navigation-right-arrow";
|
|
12
|
-
const pathData$2 = "M186 416q-11 0-18.5-7.5T160 390q0-10 8-18l121-116-121-116q-8-8-8-18 0-11 7.5-18.5T186 96q10 0 17 7l141 134q8 8 8 19 0 12-8 18L203 409q-7 7-17 7z";
|
|
13
|
-
const ltr$2 = false;
|
|
14
|
-
const collection$2 = "SAP-icons-v5";
|
|
15
|
-
const packageName$2 = "@ui5/webcomponents-icons";
|
|
16
|
-
|
|
17
|
-
Icons.y(name$2, { pathData: pathData$2, ltr: ltr$2, collection: collection$2, packageName: packageName$2 });
|
|
18
|
-
|
|
19
|
-
var iconNavigationRightArrow = "navigation-right-arrow";
|
|
20
|
-
|
|
21
|
-
const name$1 = "navigation-down-arrow";
|
|
22
|
-
const pathData$1 = "M425.5 137q9-9 22.5-9t22.5 9q10 10 10 23t-10 23l-193 197q-4 2-5 3-2 1-2.5 1.5t-2.5 1.5q-6 2-11 2-2 0-3-.5t-2-.5q-4 0-6-1t-3.5-2-3.5-2q-1-1-1.5-1t-1.5-1-2-1l-192-196q-10-10-10-23t10-23q9-9 22.5-9t22.5 9l154 155q16 10 32 0z";
|
|
23
|
-
const ltr$1 = false;
|
|
24
|
-
const collection$1 = "SAP-icons-v4";
|
|
25
|
-
const packageName$1 = "@ui5/webcomponents-icons";
|
|
26
|
-
|
|
27
|
-
Icons.y(name$1, { pathData: pathData$1, ltr: ltr$1, collection: collection$1, packageName: packageName$1 });
|
|
28
|
-
|
|
29
|
-
const name = "navigation-down-arrow";
|
|
30
|
-
const pathData = "M96 186q0-11 7.5-18.5T122 160q10 0 18 8l116 121 116-121q8-8 18-8 11 0 18.5 7.5T416 186q0 10-7 17L275 344q-8 8-19 8-12 0-18-8L103 203q-7-7-7-17z";
|
|
31
|
-
const ltr = false;
|
|
32
|
-
const collection = "SAP-icons-v5";
|
|
33
|
-
const packageName = "@ui5/webcomponents-icons";
|
|
34
|
-
|
|
35
|
-
Icons.y(name, { pathData, ltr, collection, packageName });
|
|
36
|
-
|
|
37
|
-
var iconNavigationDownArrow = "navigation-down-arrow";
|
|
38
|
-
|
|
39
|
-
var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
40
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
41
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
42
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
43
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
44
|
-
};
|
|
45
|
-
/**
|
|
46
|
-
* @class
|
|
47
|
-
*
|
|
48
|
-
* Internal `ui5-li-notification-group-list` component,
|
|
49
|
-
* that is used to support keyboard navigation of the notification group internal list.
|
|
50
|
-
*
|
|
51
|
-
* @private
|
|
52
|
-
*/
|
|
53
|
-
let NotificationListGroupList = class NotificationListGroupList extends List.List {
|
|
54
|
-
getEnabledItems() {
|
|
55
|
-
return [];
|
|
56
|
-
}
|
|
57
|
-
_handleTabNext() {
|
|
58
|
-
}
|
|
59
|
-
onForwardBefore() {
|
|
60
|
-
}
|
|
61
|
-
onForwardAfter() {
|
|
62
|
-
}
|
|
63
|
-
onItemTabIndexChange() {
|
|
64
|
-
}
|
|
65
|
-
onItemFocused() {
|
|
66
|
-
}
|
|
67
|
-
_onfocusin(e) {
|
|
68
|
-
e.stopImmediatePropagation();
|
|
69
|
-
}
|
|
70
|
-
_onkeydown() {
|
|
71
|
-
}
|
|
72
|
-
focusItem(item) {
|
|
73
|
-
item.focus();
|
|
74
|
-
}
|
|
75
|
-
_onLoadMoreKeydown(e) {
|
|
76
|
-
if (webcomponentsBase.A(e)) {
|
|
77
|
-
e.stopImmediatePropagation();
|
|
78
|
-
}
|
|
79
|
-
super._onLoadMoreKeydown(e);
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
|
-
NotificationListGroupList = __decorate$1([
|
|
83
|
-
webcomponentsBase.m("ui5-notification-group-list")
|
|
84
|
-
], NotificationListGroupList);
|
|
85
|
-
NotificationListGroupList.define();
|
|
86
|
-
var NotificationListGroupList$1 = NotificationListGroupList;
|
|
87
|
-
|
|
88
|
-
function NotificationListItemTemplate() {
|
|
89
|
-
return (parametersBundle_css.jsxs("li", { class: "ui5-nli-group-root ui5-nli-focusable", onFocusIn: this._onfocusin, onKeyDown: this._onkeydown, tabindex: this.forcedTabIndex ? parseInt(this.forcedTabIndex) : undefined, "aria-labelledby": this.ariaLabelledBy, "aria-description": this.accInvisibleText, "aria-level": 1, children: [this.loading && (parametersBundle_css.jsx("span", { id: `${this._id}-loading`, class: "ui5-hidden-text", children: this.loadingText })), parametersBundle_css.jsxs("div", { class: "ui5-nli-group-content-wrapper", children: [parametersBundle_css.jsxs("div", { class: {
|
|
90
|
-
"ui5-nli-group-header": true,
|
|
91
|
-
"ui5-nli-group-header-expanded": this._expanded,
|
|
92
|
-
}, onClick: this._onHeaderToggleClick, onKeyDown: this._onkeydown, role: "button", "aria-expanded": this._expanded, "aria-controls": `${this._id}-notificationsList`, title: this.toggleIconAccessibleName, children: [parametersBundle_css.jsx(Icon.Icon, { name: this.groupCollapsedIcon, class: "ui5-nli-group-toggle-icon", mode: "Decorative" }), parametersBundle_css.jsx("div", { id: `${this._id}-title-text`, class: "ui5-nli-group-title-text", part: "title-text", role: "heading", "aria-level": 2, children: this.titleText }), parametersBundle_css.jsx("div", { class: "ui5-nli-group-divider" })] }), parametersBundle_css.jsx(NotificationListGroupList$1, { id: `${this._id}-notificationsList`, class: "ui5-nli-group-items", accessibleNameRef: `${this._id}-title-text`, growing: this.growing, loading: this.loading, loadingDelay: this.loadingDelay, onLoadMore: this._onLoadMore, children: parametersBundle_css.jsx("slot", {}) })] })] }));
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
Icons.p("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
|
|
96
|
-
Icons.p("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s" + "-" + "f" + "i" + "o" + "r" + "i", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
|
|
97
|
-
var NotificationListGroupItemCss = `.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;max-width:100%;min-height:var(--_ui5-v2-15-0_list_item_base_height);background:var(--ui5-v2-15-0-listitem-background-color);cursor:pointer}.ui5-nli-focusable:focus{outline:none}:host([desktop]) .ui5-nli-focusable:focus:not(.ui5-nli-group-root):after,.ui5-nli-focusable:focus-visible:not(.ui5-nli-group-root):after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}.ui5-state-icon{min-width:1rem;min-height:1rem;padding-inline-end:var(--_ui5-v2-15-0-notification_item-state-icon-padding)}:host([collapsed]) .ui5-nli-group-items{display:none}:host([read]) .ui5-nli-group-title-text{font-weight:400}.ui5-nli-group-root{width:100%}.ui5-nli-group-content-wrapper{position:relative;box-sizing:border-box;width:100%;display:flex;flex-direction:column}[ui5-busy-indicator]{width:100%}.ui5-nli-group-header{height:2.75rem;position:sticky;top:0;z-index:90;background:var(--sapList_GroupHeaderBackground);display:flex;align-items:center;padding-inline:var(--_ui5-v2-15-0-notification_group_header-padding);width:100%;border-bottom:var(--_ui5-v2-15-0-notification_group_header-border-bottom-width) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;cursor:pointer;margin-bottom:var(--_ui5-v2-15-0-notification_group_header-margin)}.ui5-nli-group-header-expanded{margin-bottom:var(--_ui5-v2-15-0-notification_group_header-margin-expanded)}:host([desktop]) .ui5-nli-focusable.ui5-nli-group-root:focus .ui5-nli-group-header:before,.ui5-nli-focusable.ui5-nli-group-root:focus-visible .ui5-nli-group-header:before{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:var(--_ui5-v2-15-0-notification_group_header-margin);bottom:var(--_ui5-v2-15-0-notification_group_header-margin);left:0;right:0;pointer-events:none}.ui5-nli-group-toggle-icon{min-width:1rem;min-height:1rem;margin-inline:.5rem;color:var(--sapContent_IconColor)}.ui5-nli-group-title-text{color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontHeader5Size);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2rem;margin-inline-start:.75rem}.ui5-nli-group-divider{flex:1}:host([ui5-li-notification-group]){-webkit-tap-highlight-color:transparent}[ui5-notification-group-list]::part(growing-button){border:none}[ui5-notification-group-list]::part(growing-button-inner){margin:var(--_ui5-v2-15-0-notification_item-margin);border:var(--_ui5-v2-15-0-notification_item-border-top-left-right);border-radius:var(--_ui5-v2-15-0-notification_item-border-radius)}[ui5-notification-group-list]::part(growing-button-inner){border-radius:var(--_ui5-v2-15-0-notification_item-border-radius);height:3.125rem}[ui5-notification-group-list]::part(growing-button-inner):focus,[ui5-notification-group-list]::part(growing-button-inner):focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5-v2-15-0-notification_item-outline-offset)}[ui5-notification-group-list]::part(growing-button-inner):focus:active,[ui5-notification-group-list]::part(growing-button-inner):focus-visible:active{background-color:var(--_ui5-v2-15-0-notification_item-growing-btn-background-color-active);border-radius:var(--_ui5-v2-15-0-notification_item-border-radius);border:var(--_ui5-v2-15-0-notification_item-border-active)}[ui5-notification-group-list]::part(growing-button-busy-indicator){padding:.875rem 0 1rem}
|
|
98
|
-
`;
|
|
99
|
-
|
|
100
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
101
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
102
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
103
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
104
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
105
|
-
};
|
|
106
|
-
var NotificationListGroupItem_1;
|
|
107
|
-
/**
|
|
108
|
-
* @class
|
|
109
|
-
*
|
|
110
|
-
* ### Overview
|
|
111
|
-
* The `ui5-li-notification-group` is a special type of list item,
|
|
112
|
-
* that unlike others can group items within self, usually `ui5-li-notification` items.
|
|
113
|
-
*
|
|
114
|
-
* The component consists of:
|
|
115
|
-
*
|
|
116
|
-
* - `Toggle` button to expand and collapse the group
|
|
117
|
-
* - `TitleText` to entitle the group
|
|
118
|
-
* - Items of the group
|
|
119
|
-
*
|
|
120
|
-
* ### Usage
|
|
121
|
-
* The component should be used inside a `ui5-notification-list`.
|
|
122
|
-
*
|
|
123
|
-
* ### Keyboard Handling
|
|
124
|
-
* The `ui5-li-notification-group` provides advanced keyboard handling.
|
|
125
|
-
* This component provides fast navigation when the header is focused using the following keyboard shortcuts:
|
|
126
|
-
*
|
|
127
|
-
* - [Space] - toggles expand / collapse of the group
|
|
128
|
-
* - [Plus] - expands the group
|
|
129
|
-
* - [Minus] - collapses the group
|
|
130
|
-
* - [Right] - expands the group
|
|
131
|
-
* - [Left] - collapses the group
|
|
132
|
-
*
|
|
133
|
-
* ### ES6 Module Import
|
|
134
|
-
*
|
|
135
|
-
* `import "@ui5/webcomponents-fiori/dist/NotificationListGroupItem.js";`
|
|
136
|
-
* @constructor
|
|
137
|
-
* @extends NotificationListItemBase
|
|
138
|
-
* @since 1.0.0-rc.8
|
|
139
|
-
* @public
|
|
140
|
-
*/
|
|
141
|
-
let NotificationListGroupItem = NotificationListGroupItem_1 = class NotificationListGroupItem extends NotificationListItemBase.NotificationListItemBase {
|
|
142
|
-
constructor() {
|
|
143
|
-
super(...arguments);
|
|
144
|
-
/**
|
|
145
|
-
* Defines if the group is collapsed or expanded.
|
|
146
|
-
* @default false
|
|
147
|
-
* @public
|
|
148
|
-
*/
|
|
149
|
-
this.collapsed = false;
|
|
150
|
-
/**
|
|
151
|
-
* Defines whether the component will have growing capability by pressing a `More` button.
|
|
152
|
-
* When button is pressed `load-more` event will be fired.
|
|
153
|
-
* @default "None"
|
|
154
|
-
* @public
|
|
155
|
-
* @since 2.2.0
|
|
156
|
-
*/
|
|
157
|
-
this.growing = "None";
|
|
158
|
-
}
|
|
159
|
-
onBeforeRendering() {
|
|
160
|
-
super.onBeforeRendering();
|
|
161
|
-
this.items.forEach(item => {
|
|
162
|
-
item._ariaLevel = 2;
|
|
163
|
-
});
|
|
164
|
-
if (this.loading) {
|
|
165
|
-
this.clearChildBusyIndicator();
|
|
166
|
-
}
|
|
167
|
-
this.actionable = false;
|
|
168
|
-
}
|
|
169
|
-
/**
|
|
170
|
-
* Clears child items loading state to show a single loading over the entire group,
|
|
171
|
-
* instead of multiple BusyIndicator instances
|
|
172
|
-
*/
|
|
173
|
-
clearChildBusyIndicator() {
|
|
174
|
-
this.items.forEach(item => {
|
|
175
|
-
item.loading = false;
|
|
176
|
-
});
|
|
177
|
-
}
|
|
178
|
-
get toggleIconAccessibleName() {
|
|
179
|
-
return NotificationListGroupItem_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_ICON_COLLAPSE_TITLE);
|
|
180
|
-
}
|
|
181
|
-
get accInvisibleText() {
|
|
182
|
-
return `${this.groupText} ${this.expandText}`;
|
|
183
|
-
}
|
|
184
|
-
get expandText() {
|
|
185
|
-
if (this.collapsed) {
|
|
186
|
-
return NotificationListGroupItem_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_COLLAPSED);
|
|
187
|
-
}
|
|
188
|
-
return NotificationListGroupItem_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_EXPANDED);
|
|
189
|
-
}
|
|
190
|
-
get groupText() {
|
|
191
|
-
return NotificationListGroupItem_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_TXT);
|
|
192
|
-
}
|
|
193
|
-
get ariaLabelledBy() {
|
|
194
|
-
const id = this._id;
|
|
195
|
-
if (this.loading) {
|
|
196
|
-
return `${id}-loading`;
|
|
197
|
-
}
|
|
198
|
-
const ids = [];
|
|
199
|
-
if (this.hasTitleText) {
|
|
200
|
-
ids.push(`${id}-title-text`);
|
|
201
|
-
}
|
|
202
|
-
return ids.join(" ");
|
|
203
|
-
}
|
|
204
|
-
get _expanded() {
|
|
205
|
-
return !this.collapsed;
|
|
206
|
-
}
|
|
207
|
-
get _pressable() {
|
|
208
|
-
return false;
|
|
209
|
-
}
|
|
210
|
-
get groupCollapsedIcon() {
|
|
211
|
-
return this.collapsed ? iconNavigationRightArrow : iconNavigationDownArrow;
|
|
212
|
-
}
|
|
213
|
-
toggleCollapsed() {
|
|
214
|
-
this.collapsed = !this.collapsed;
|
|
215
|
-
this.fireDecoratorEvent("toggle", { item: this });
|
|
216
|
-
}
|
|
217
|
-
/**
|
|
218
|
-
* Event handlers
|
|
219
|
-
*
|
|
220
|
-
*/
|
|
221
|
-
_onHeaderToggleClick() {
|
|
222
|
-
this.toggleCollapsed();
|
|
223
|
-
}
|
|
224
|
-
_onLoadMore() {
|
|
225
|
-
this.fireDecoratorEvent("load-more");
|
|
226
|
-
}
|
|
227
|
-
getGrowingButton() {
|
|
228
|
-
const innerList = this.getDomRef()?.querySelector("[ui5-notification-group-list]");
|
|
229
|
-
return innerList.getGrowingButton();
|
|
230
|
-
}
|
|
231
|
-
async _onkeydown(e) {
|
|
232
|
-
const isFocused = this.matches(":focus");
|
|
233
|
-
if (!isFocused) {
|
|
234
|
-
return;
|
|
235
|
-
}
|
|
236
|
-
if (this.getGrowingButton()?.matches(":focus")) {
|
|
237
|
-
return;
|
|
238
|
-
}
|
|
239
|
-
await super._onkeydown(e);
|
|
240
|
-
const space = webcomponentsBase.A(e);
|
|
241
|
-
const plus = webcomponentsBase.ao(e);
|
|
242
|
-
const minus = webcomponentsBase.so(e);
|
|
243
|
-
const left = webcomponentsBase.D(e);
|
|
244
|
-
const right = webcomponentsBase.R(e);
|
|
245
|
-
if (space) {
|
|
246
|
-
this.toggleCollapsed();
|
|
247
|
-
}
|
|
248
|
-
if (plus || right) {
|
|
249
|
-
// expand
|
|
250
|
-
if (this.collapsed) {
|
|
251
|
-
this.toggleCollapsed();
|
|
252
|
-
e.stopImmediatePropagation();
|
|
253
|
-
}
|
|
254
|
-
}
|
|
255
|
-
if (minus || left) {
|
|
256
|
-
// collapse
|
|
257
|
-
if (!this.collapsed) {
|
|
258
|
-
this.toggleCollapsed();
|
|
259
|
-
e.stopImmediatePropagation();
|
|
260
|
-
}
|
|
261
|
-
}
|
|
262
|
-
}
|
|
263
|
-
getHeaderDomRef() {
|
|
264
|
-
return this.getDomRef()?.querySelector(".ui5-nli-group-header");
|
|
265
|
-
}
|
|
266
|
-
};
|
|
267
|
-
__decorate([
|
|
268
|
-
webcomponentsBase.s({ type: Boolean })
|
|
269
|
-
], NotificationListGroupItem.prototype, "collapsed", void 0);
|
|
270
|
-
__decorate([
|
|
271
|
-
webcomponentsBase.s()
|
|
272
|
-
], NotificationListGroupItem.prototype, "growing", void 0);
|
|
273
|
-
__decorate([
|
|
274
|
-
webcomponentsBase.d({ type: HTMLElement, "default": true })
|
|
275
|
-
], NotificationListGroupItem.prototype, "items", void 0);
|
|
276
|
-
NotificationListGroupItem = NotificationListGroupItem_1 = __decorate([
|
|
277
|
-
webcomponentsBase.m({
|
|
278
|
-
tag: "ui5-li-notification-group",
|
|
279
|
-
languageAware: true,
|
|
280
|
-
renderer: parametersBundle_css.y,
|
|
281
|
-
styles: [
|
|
282
|
-
NotificationListGroupItemCss,
|
|
283
|
-
],
|
|
284
|
-
template: NotificationListItemTemplate,
|
|
285
|
-
})
|
|
286
|
-
/**
|
|
287
|
-
* Fired when the `ui5-li-notification-group` is expanded/collapsed by user interaction.
|
|
288
|
-
* @public
|
|
289
|
-
*/
|
|
290
|
-
,
|
|
291
|
-
eventStrict.l("toggle", {
|
|
292
|
-
bubbles: true,
|
|
293
|
-
})
|
|
294
|
-
/**
|
|
295
|
-
* Fired when additional items are requested.
|
|
296
|
-
*
|
|
297
|
-
* @public
|
|
298
|
-
* @since 2.2.0
|
|
299
|
-
*/
|
|
300
|
-
,
|
|
301
|
-
eventStrict.l("load-more", {
|
|
302
|
-
bubbles: true,
|
|
303
|
-
})
|
|
304
|
-
], NotificationListGroupItem);
|
|
305
|
-
NotificationListGroupItem.define();
|
|
306
|
-
var NotificationListGroupItem$1 = NotificationListGroupItem;
|
|
307
|
-
|
|
308
|
-
return NotificationListGroupItem$1;
|
|
309
|
-
|
|
310
|
-
}));
|
|
1
|
+
sap.ui.define(["sap/f/thirdparty/webcomponents","sap/f/thirdparty/event-strict","sap/f/thirdparty/parameters-bundle.css2","sap/f/thirdparty/NotificationListItemBase","sap/f/thirdparty/Theme","sap/f/thirdparty/Icons","sap/f/thirdparty/i18n-defaults","sap/f/thirdparty/Icon","sap/f/thirdparty/List","sap/f/thirdparty/parameters-bundle.css3","sap/f/thirdparty/parameters-bundle.css","sap/f/thirdparty/ListItemBase","sap/f/thirdparty/FocusableElements","sap/f/thirdparty/i18n-defaults2","sap/f/thirdparty/toLowercaseEnumValue","sap/f/thirdparty/ListItemGroup","sap/f/thirdparty/WrappingType","sap/f/thirdparty/AccessibilityTextsHelper","sap/f/thirdparty/BusyIndicator","sap/f/thirdparty/willShowContent","sap/f/thirdparty/Label"],function(t,i,e,o,n,r,a,s,l,c,d,u,p,g,h,f,m,b,_,v,y){"use strict";const w="navigation-right-arrow";const x="M296 268q11-12 0-23L139 86q-10-10-10-23t10-22q9-10 22-10t23 10l191 193q9 9 9 22.5t-9 22.5L183 471q-10 10-23 10t-23-10q-9-9-9-22.5t9-22.5z";const T=false;const I="SAP-icons-v4";const C="@ui5/webcomponents-icons";r.y(w,{pathData:x,ltr:T,collection:I,packageName:C});const L="navigation-right-arrow";const q="M186 416q-11 0-18.5-7.5T160 390q0-10 8-18l121-116-121-116q-8-8-8-18 0-11 7.5-18.5T186 96q10 0 17 7l141 134q8 8 8 19 0 12-8 18L203 409q-7 7-17 7z";const F=false;const k="SAP-icons-v5";const B="@ui5/webcomponents-icons";r.y(L,{pathData:q,ltr:F,collection:k,packageName:B});var O="navigation-right-arrow";const N="navigation-down-arrow";const D="M425.5 137q9-9 22.5-9t22.5 9q10 10 10 23t-10 23l-193 197q-4 2-5 3-2 1-2.5 1.5t-2.5 1.5q-6 2-11 2-2 0-3-.5t-2-.5q-4 0-6-1t-3.5-2-3.5-2q-1-1-1.5-1t-1.5-1-2-1l-192-196q-10-10-10-23t10-23q9-9 22.5-9t22.5 9l154 155q16 10 32 0z";const P=false;const A="SAP-icons-v4";const R="@ui5/webcomponents-icons";r.y(N,{pathData:D,ltr:P,collection:A,packageName:R});const S="navigation-down-arrow";const j="M96 186q0-11 7.5-18.5T122 160q10 0 18 8l116 121 116-121q8-8 18-8 11 0 18.5 7.5T416 186q0 10-7 17L275 344q-8 8-19 8-12 0-18-8L103 203q-7-7-7-17z";const E=false;const G="SAP-icons-v5";const z="@ui5/webcomponents-icons";r.y(S,{pathData:j,ltr:E,collection:G,packageName:z});var M="navigation-down-arrow";var $=this&&this.__decorate||function(t,i,e,o){var n=arguments.length,r=n<3?i:o===null?o=Object.getOwnPropertyDescriptor(i,e):o,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(t,i,e,o);else for(var s=t.length-1;s>=0;s--)if(a=t[s])r=(n<3?a(r):n>3?a(i,e,r):a(i,e))||r;return n>3&&r&&Object.defineProperty(i,e,r),r};let H=class i extends l.List{getEnabledItems(){return[]}_handleTabNext(){}onForwardBefore(){}onForwardAfter(){}onItemTabIndexChange(){}onItemFocused(){}_onfocusin(t){t.stopImmediatePropagation()}_onkeydown(){}focusItem(t){t.focus()}_onLoadMoreKeydown(i){if(t.A(i)){i.stopImmediatePropagation()}super._onLoadMoreKeydown(i)}};H=$([t.m("ui5-notification-group-list")],H);H.define();var K=H;function U(){return e.jsxs("li",{class:"ui5-nli-group-root ui5-nli-focusable",onFocusIn:this._onfocusin,onKeyDown:this._onkeydown,tabindex:this.forcedTabIndex?parseInt(this.forcedTabIndex):undefined,"aria-labelledby":this.ariaLabelledBy,"aria-description":this.accInvisibleText,"aria-level":1,children:[this.loading&&e.jsx("span",{id:`${this._id}-loading`,class:"ui5-hidden-text",children:this.loadingText}),e.jsxs("div",{class:"ui5-nli-group-content-wrapper",children:[e.jsxs("div",{class:{"ui5-nli-group-header":true,"ui5-nli-group-header-expanded":this._expanded},onClick:this._onHeaderToggleClick,onKeyDown:this._onkeydown,role:"button","aria-expanded":this._expanded,"aria-controls":`${this._id}-notificationsList`,title:this.toggleIconAccessibleName,children:[e.jsx(s.Icon,{name:this.groupCollapsedIcon,class:"ui5-nli-group-toggle-icon",mode:"Decorative"}),e.jsx("div",{id:`${this._id}-title-text`,class:"ui5-nli-group-title-text",part:"title-text",role:"heading","aria-level":2,children:this.titleText}),e.jsx("div",{class:"ui5-nli-group-divider"})]}),e.jsx(K,{id:`${this._id}-notificationsList`,class:"ui5-nli-group-items",accessibleNameRef:`${this._id}-title-text`,growing:this.growing,loading:this.loading,loadingDelay:this.loadingDelay,onLoadMore:this._onLoadMore,children:e.jsx("slot",{})})]})]})}n.f("@"+"ui5"+"/"+"webcomponents-theming","sap_horizon",async()=>e.defaultThemeBase);n.f("@"+"u"+"i"+"5"+"/"+"w"+"e"+"b"+"c"+"o"+"m"+"p"+"o"+"n"+"e"+"n"+"t"+"s"+"-"+"f"+"i"+"o"+"r"+"i","sap_horizon",async()=>c.defaultTheme,"host");var W=`.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;max-width:100%;min-height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);cursor:pointer}.ui5-nli-focusable:focus{outline:none}:host([desktop]) .ui5-nli-focusable:focus:not(.ui5-nli-group-root):after,.ui5-nli-focusable:focus-visible:not(.ui5-nli-group-root):after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}.ui5-state-icon{min-width:1rem;min-height:1rem;padding-inline-end:var(--_ui5-notification_item-state-icon-padding)}:host([collapsed]) .ui5-nli-group-items{display:none}:host([read]) .ui5-nli-group-title-text{font-weight:400}.ui5-nli-group-root{width:100%}.ui5-nli-group-content-wrapper{position:relative;box-sizing:border-box;width:100%;display:flex;flex-direction:column}[ui5-busy-indicator]{width:100%}.ui5-nli-group-header{height:2.75rem;position:sticky;top:0;z-index:90;background:var(--sapList_GroupHeaderBackground);display:flex;align-items:center;padding-inline:var(--_ui5-notification_group_header-padding);width:100%;border-bottom:var(--_ui5-notification_group_header-border-bottom-width) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;cursor:pointer;margin-bottom:var(--_ui5-notification_group_header-margin)}.ui5-nli-group-header-expanded{margin-bottom:var(--_ui5-notification_group_header-margin-expanded)}:host([desktop]) .ui5-nli-focusable.ui5-nli-group-root:focus .ui5-nli-group-header:before,.ui5-nli-focusable.ui5-nli-group-root:focus-visible .ui5-nli-group-header:before{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:var(--_ui5-notification_group_header-margin);bottom:var(--_ui5-notification_group_header-margin);left:0;right:0;pointer-events:none}.ui5-nli-group-toggle-icon{min-width:1rem;min-height:1rem;margin-inline:.5rem;color:var(--sapContent_IconColor)}.ui5-nli-group-title-text{color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontHeader5Size);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2rem;margin-inline-start:.75rem}.ui5-nli-group-divider{flex:1}:host([ui5-li-notification-group]){-webkit-tap-highlight-color:transparent}[ui5-notification-group-list]::part(growing-button){border:none}[ui5-notification-group-list]::part(growing-button-inner){margin:var(--_ui5-notification_item-margin);border:var(--_ui5-notification_item-border-top-left-right);border-radius:var(--_ui5-notification_item-border-radius)}[ui5-notification-group-list]::part(growing-button-inner){border-radius:var(--_ui5-notification_item-border-radius);height:3.125rem}[ui5-notification-group-list]::part(growing-button-inner):focus,[ui5-notification-group-list]::part(growing-button-inner):focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5-notification_item-outline-offset)}[ui5-notification-group-list]::part(growing-button-inner):focus:active,[ui5-notification-group-list]::part(growing-button-inner):focus-visible:active{background-color:var(--_ui5-notification_item-growing-btn-background-color-active);border-radius:var(--_ui5-notification_item-border-radius);border:var(--_ui5-notification_item-border-active)}[ui5-notification-group-list]::part(growing-button-busy-indicator){padding:.875rem 0 1rem}\n`;var X=this&&this.__decorate||function(t,i,e,o){var n=arguments.length,r=n<3?i:o===null?o=Object.getOwnPropertyDescriptor(i,e):o,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(t,i,e,o);else for(var s=t.length-1;s>=0;s--)if(a=t[s])r=(n<3?a(r):n>3?a(i,e,r):a(i,e))||r;return n>3&&r&&Object.defineProperty(i,e,r),r};var V;let J=V=class i extends o.NotificationListItemBase{constructor(){super(...arguments);this.collapsed=false;this.growing="None"}onBeforeRendering(){super.onBeforeRendering();this.items.forEach(t=>{t._ariaLevel=2});if(this.loading){this.clearChildBusyIndicator()}this.actionable=false}clearChildBusyIndicator(){this.items.forEach(t=>{t.loading=false})}get toggleIconAccessibleName(){return V.i18nFioriBundle.getText(a.NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_ICON_COLLAPSE_TITLE)}get accInvisibleText(){return`${this.groupText} ${this.expandText}`}get expandText(){if(this.collapsed){return V.i18nFioriBundle.getText(a.NOTIFICATION_LIST_GROUP_COLLAPSED)}return V.i18nFioriBundle.getText(a.NOTIFICATION_LIST_GROUP_EXPANDED)}get groupText(){return V.i18nFioriBundle.getText(a.NOTIFICATION_LIST_GROUP_ITEM_TXT)}get ariaLabelledBy(){const t=this._id;if(this.loading){return`${t}-loading`}const i=[];if(this.hasTitleText){i.push(`${t}-title-text`)}return i.join(" ")}get _expanded(){return!this.collapsed}get _pressable(){return false}get groupCollapsedIcon(){return this.collapsed?O:M}toggleCollapsed(){this.collapsed=!this.collapsed;this.fireDecoratorEvent("toggle",{item:this})}_onHeaderToggleClick(){this.toggleCollapsed()}_onLoadMore(){this.fireDecoratorEvent("load-more")}getGrowingButton(){const t=this.getDomRef()?.querySelector("[ui5-notification-group-list]");return t.getGrowingButton()}async _onkeydown(i){const e=this.matches(":focus");if(!e){return}if(this.getGrowingButton()?.matches(":focus")){return}await super._onkeydown(i);const o=t.A(i);const n=t.ao(i);const r=t.so(i);const a=t.D(i);const s=t.R(i);if(o){this.toggleCollapsed()}if(n||s){if(this.collapsed){this.toggleCollapsed();i.stopImmediatePropagation()}}if(r||a){if(!this.collapsed){this.toggleCollapsed();i.stopImmediatePropagation()}}}getHeaderDomRef(){return this.getDomRef()?.querySelector(".ui5-nli-group-header")}};X([t.s({type:Boolean})],J.prototype,"collapsed",void 0);X([t.s()],J.prototype,"growing",void 0);X([t.d({type:HTMLElement,default:true})],J.prototype,"items",void 0);J=V=X([t.m({tag:"ui5-li-notification-group",languageAware:true,renderer:e.y,styles:[W],template:U}),i.l("toggle",{bubbles:true}),i.l("load-more",{bubbles:true})],J);J.define();var Q=J;return Q});
|
|
2
|
+
//# sourceMappingURL=NotificationListGroupItem.js.map
|