@openui5/sap.f 1.145.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/THIRDPARTY.txt +7 -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/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/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 -56
- package/src/sap/f/thirdparty/IllustratedMessage.js +2 -1295
- package/src/sap/f/thirdparty/Illustrations.js +2 -9
- 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 -187
- 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 -123
- 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 -132
- 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/src/sap/f/thirdparty/ListItemCustom.js +0 -1689
|
@@ -1,397 +1,2 @@
|
|
|
1
|
-
sap.ui.define(['exports', 'sap/f/thirdparty/generateHighlightedMarkup', 'sap/f/thirdparty/ShellBarSearch2', 'sap/f/thirdparty/webcomponents', 'sap/f/thirdparty/ListItemGroup', 'sap/f/thirdparty/ListBoxItemGroupTemplate', 'sap/f/thirdparty/parameters-bundle.css2', 'sap/f/thirdparty/Icon', 'sap/f/thirdparty/List', 'sap/f/thirdparty/ResponsivePopover', 'sap/f/thirdparty/Button2', 'sap/f/thirdparty/i18n-defaults2', 'sap/f/thirdparty/encodeXML', 'sap/f/thirdparty/event-strict', 'sap/f/thirdparty/Theme', 'sap/f/thirdparty/ListItemBase', 'sap/f/thirdparty/parameters-bundle.css', 'sap/f/thirdparty/ListItemAdditionalText.css', 'sap/f/thirdparty/AccessibilityTextsHelper', 'sap/f/thirdparty/ValueState', 'sap/f/thirdparty/information', 'sap/f/thirdparty/Icons', 'sap/f/thirdparty/Label', 'sap/f/thirdparty/slim-arrow-down', 'sap/f/thirdparty/Title', 'sap/f/thirdparty/BusyIndicator', 'sap/f/thirdparty/willShowContent', 'sap/f/thirdparty/information2', 'sap/f/thirdparty/sys-enter-2', 'sap/f/thirdparty/parameters-bundle.css3', 'sap/f/thirdparty/i18n-defaults', 'sap/f/thirdparty/toLowercaseEnumValue', 'sap/f/thirdparty/WrappingType', 'sap/f/thirdparty/FocusableElements'], (function (exports, generateHighlightedMarkup, ShellBarSearch, webcomponentsBase, ListItemGroup, ListBoxItemGroupTemplate, parametersBundle_css, Icon, List, ResponsivePopover, Button, i18nDefaults, encodeXML, eventStrict, Theme, ListItemBase, parametersBundle_css$1, ListItemAdditionalText_css, AccessibilityTextsHelper, ValueState, information, Icons, Label, slimArrowDown, Title, BusyIndicator, willShowContent, information$1, sysEnter2, parametersBundle_css$2, i18nDefaults$1, toLowercaseEnumValue, WrappingType, FocusableElements) { 'use strict';
|
|
2
|
-
|
|
3
|
-
var __decorate = (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
|
-
* The `ui5-suggestion-item-group` is type of suggestion item,
|
|
12
|
-
* that can be used to split the `ui5-input` suggestions into groups.
|
|
13
|
-
* @constructor
|
|
14
|
-
* @extends ListItemGroup
|
|
15
|
-
* @public
|
|
16
|
-
* @since 2.0.0
|
|
17
|
-
*/
|
|
18
|
-
let SuggestionItemGroup = class SuggestionItemGroup extends ListItemGroup.ListItemGroup {
|
|
19
|
-
};
|
|
20
|
-
__decorate([
|
|
21
|
-
webcomponentsBase.d({
|
|
22
|
-
"default": true,
|
|
23
|
-
invalidateOnChildChange: true,
|
|
24
|
-
type: HTMLElement,
|
|
25
|
-
})
|
|
26
|
-
], SuggestionItemGroup.prototype, "items", void 0);
|
|
27
|
-
SuggestionItemGroup = __decorate([
|
|
28
|
-
webcomponentsBase.m({
|
|
29
|
-
tag: "ui5-suggestion-item-group",
|
|
30
|
-
template: ListBoxItemGroupTemplate.ListItemGroupTemplate,
|
|
31
|
-
})
|
|
32
|
-
], SuggestionItemGroup);
|
|
33
|
-
SuggestionItemGroup.define();
|
|
34
|
-
|
|
35
|
-
function InputSuggestionsTemplate(hooks) {
|
|
36
|
-
const suggestionsList = hooks?.suggestionsList || defaultSuggestionsList;
|
|
37
|
-
const valueStateMessage = hooks?.valueStateMessage;
|
|
38
|
-
const valueStateMessageInputIcon = hooks?.valueStateMessageInputIcon;
|
|
39
|
-
return (parametersBundle_css.jsxs(ResponsivePopover.ResponsivePopover, { class: this.classes.popover, hideArrow: true, preventFocusRestore: true, preventInitialFocus: true, placement: "Bottom", horizontalAlign: "Start", tabindex: -1, style: this.styles.suggestionsPopover, onOpen: this._afterOpenPicker, onClose: this._afterClosePicker, onScroll: this._scroll, open: this.open, opener: this, accessibleName: this._popupLabel, children: [this._isPhone &&
|
|
40
|
-
parametersBundle_css.jsxs(parametersBundle_css.Fragment, { children: [parametersBundle_css.jsxs("div", { slot: "header", class: "ui5-responsive-popover-header", children: [parametersBundle_css.jsx("div", { class: "row", children: parametersBundle_css.jsx("span", { children: this._headerTitleText }) }), parametersBundle_css.jsx("div", { class: "row", children: parametersBundle_css.jsx("div", { class: "input-root-phone native-input-wrapper", children: parametersBundle_css.jsx(ShellBarSearch.Input, { class: "ui5-input-inner-phone", type: this.inputType, value: this.value, showClearIcon: this.showClearIcon, placeholder: this.placeholder, onInput: this._handleInput, onChange: this._handleChange }) }) })] }), this.hasValueStateMessage &&
|
|
41
|
-
parametersBundle_css.jsxs("div", { class: this.classes.popoverValueState, style: this.styles.suggestionPopoverHeader, children: [parametersBundle_css.jsx(Icon.Icon, { class: "ui5-input-value-state-message-icon", name: valueStateMessageInputIcon?.call(this) }), this.open && valueStateMessage?.call(this)] })] }), !this._isPhone && this.hasValueStateMessage &&
|
|
42
|
-
parametersBundle_css.jsxs("div", { slot: "header", class: {
|
|
43
|
-
"ui5-responsive-popover-header": true,
|
|
44
|
-
...this.classes.popoverValueState,
|
|
45
|
-
}, style: this.styles.suggestionPopoverHeader, children: [parametersBundle_css.jsx(Icon.Icon, { class: "ui5-input-value-state-message-icon", name: valueStateMessageInputIcon?.call(this) }), this.open && valueStateMessage?.call(this)] }), suggestionsList.call(this), this._isPhone &&
|
|
46
|
-
parametersBundle_css.jsxs("div", { slot: "footer", class: "ui5-responsive-popover-footer", children: [parametersBundle_css.jsx(Button.Button, { design: "Emphasized", onClick: this._closePicker, children: this._suggestionsOkButtonText }), parametersBundle_css.jsx(Button.Button, { class: "ui5-responsive-popover-close-btn", design: "Transparent", onClick: this._closePicker, children: this._suggestionsCancelButtonText })] })] }));
|
|
47
|
-
}
|
|
48
|
-
function defaultSuggestionsList() {
|
|
49
|
-
return (parametersBundle_css.jsx(List.List, { accessibleRole: List.ListAccessibleRole.ListBox, separators: this.suggestionSeparators, selectionMode: "Single", onMouseDown: this.onItemMouseDown, onItemClick: this._handleSuggestionItemPress, onSelectionChange: this._handleSelectionChange, children: parametersBundle_css.jsx("slot", {}) }));
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
/**
|
|
53
|
-
* A class to manage the `Input` suggestion items.
|
|
54
|
-
* @class
|
|
55
|
-
* @private
|
|
56
|
-
*/
|
|
57
|
-
class Suggestions {
|
|
58
|
-
get template() {
|
|
59
|
-
return InputSuggestionsTemplate;
|
|
60
|
-
}
|
|
61
|
-
constructor(component, slotName, highlight, handleFocus) {
|
|
62
|
-
// The component, that the suggestion would plug into.
|
|
63
|
-
this.component = component;
|
|
64
|
-
// Defines the items` slot name.
|
|
65
|
-
this.slotName = slotName;
|
|
66
|
-
// Defines, if the focus will be moved via the arrow keys.
|
|
67
|
-
this.handleFocus = handleFocus;
|
|
68
|
-
// Defines, if the suggestions should highlight.
|
|
69
|
-
this.highlight = highlight;
|
|
70
|
-
// An integer value to store the currently selected item position,
|
|
71
|
-
// that changes due to user interaction.
|
|
72
|
-
this.selectedItemIndex = -1;
|
|
73
|
-
}
|
|
74
|
-
onUp(e, indexOfItem) {
|
|
75
|
-
e.preventDefault();
|
|
76
|
-
const index = !this.isOpened && this._hasValueState && indexOfItem === -1 ? 0 : indexOfItem;
|
|
77
|
-
this._handleItemNavigation(false /* forward */, index);
|
|
78
|
-
return true;
|
|
79
|
-
}
|
|
80
|
-
onDown(e, indexOfItem) {
|
|
81
|
-
e.preventDefault();
|
|
82
|
-
const index = !this.isOpened && this._hasValueState && indexOfItem === -1 ? 0 : indexOfItem;
|
|
83
|
-
this._handleItemNavigation(true /* forward */, index);
|
|
84
|
-
return true;
|
|
85
|
-
}
|
|
86
|
-
onSpace(e) {
|
|
87
|
-
if (this._isItemOnTarget()) {
|
|
88
|
-
e.preventDefault();
|
|
89
|
-
this.onItemSelected(this._selectedItem, true /* keyboardUsed */);
|
|
90
|
-
return true;
|
|
91
|
-
}
|
|
92
|
-
return false;
|
|
93
|
-
}
|
|
94
|
-
onEnter(e) {
|
|
95
|
-
if (this._isGroupItem) {
|
|
96
|
-
e.preventDefault();
|
|
97
|
-
return false;
|
|
98
|
-
}
|
|
99
|
-
if (this._isItemOnTarget()) {
|
|
100
|
-
this.onItemSelected(this._selectedItem, true /* keyboardUsed */);
|
|
101
|
-
return true;
|
|
102
|
-
}
|
|
103
|
-
return false;
|
|
104
|
-
}
|
|
105
|
-
onPageUp(e) {
|
|
106
|
-
e.preventDefault();
|
|
107
|
-
const isItemIndexValid = this.selectedItemIndex - 10 > -1;
|
|
108
|
-
this._moveItemSelection(this.selectedItemIndex, isItemIndexValid ? this.selectedItemIndex -= 10 : this.selectedItemIndex = 0);
|
|
109
|
-
return true;
|
|
110
|
-
}
|
|
111
|
-
onPageDown(e) {
|
|
112
|
-
e.preventDefault();
|
|
113
|
-
const items = this._getItems();
|
|
114
|
-
if (!items) {
|
|
115
|
-
return true;
|
|
116
|
-
}
|
|
117
|
-
const lastItemIndex = items.length - 1;
|
|
118
|
-
const isItemIndexValid = this.selectedItemIndex + 10 <= lastItemIndex;
|
|
119
|
-
this._moveItemSelection(this.selectedItemIndex, isItemIndexValid ? this.selectedItemIndex += 10 : this.selectedItemIndex = lastItemIndex);
|
|
120
|
-
return true;
|
|
121
|
-
}
|
|
122
|
-
onHome(e) {
|
|
123
|
-
e.preventDefault();
|
|
124
|
-
this._moveItemSelection(this.selectedItemIndex, this.selectedItemIndex = 0);
|
|
125
|
-
return true;
|
|
126
|
-
}
|
|
127
|
-
onEnd(e) {
|
|
128
|
-
e.preventDefault();
|
|
129
|
-
const lastItemIndex = this._getItems().length - 1;
|
|
130
|
-
if (!lastItemIndex) {
|
|
131
|
-
return true;
|
|
132
|
-
}
|
|
133
|
-
this._moveItemSelection(this.selectedItemIndex, this.selectedItemIndex = lastItemIndex);
|
|
134
|
-
return true;
|
|
135
|
-
}
|
|
136
|
-
onTab() {
|
|
137
|
-
if (this._isItemOnTarget()) {
|
|
138
|
-
this.onItemSelected(this._selectedItem, true);
|
|
139
|
-
return true;
|
|
140
|
-
}
|
|
141
|
-
return false;
|
|
142
|
-
}
|
|
143
|
-
toggle(bToggle, options) {
|
|
144
|
-
const toggle = bToggle !== undefined ? bToggle : !this.isOpened();
|
|
145
|
-
if (toggle) {
|
|
146
|
-
this._getComponent().open = true;
|
|
147
|
-
}
|
|
148
|
-
else {
|
|
149
|
-
this.close(options.preventFocusRestore);
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
get _selectedItem() {
|
|
153
|
-
return this._getNonGroupItems().find(item => item.selected);
|
|
154
|
-
}
|
|
155
|
-
_isScrollable() {
|
|
156
|
-
const sc = this._getScrollContainer();
|
|
157
|
-
return sc.offsetHeight < sc.scrollHeight;
|
|
158
|
-
}
|
|
159
|
-
close(preventFocusRestore = false) {
|
|
160
|
-
const selectedItem = this._getItems() && this._getItems()[this.selectedItemIndex];
|
|
161
|
-
this._getComponent().open = false;
|
|
162
|
-
const picker = this._getPicker();
|
|
163
|
-
picker.preventFocusRestore = preventFocusRestore;
|
|
164
|
-
picker.open = false;
|
|
165
|
-
if (selectedItem && selectedItem.focused) {
|
|
166
|
-
selectedItem.focused = false;
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
updateSelectedItemPosition(pos) {
|
|
170
|
-
this.selectedItemIndex = pos;
|
|
171
|
-
}
|
|
172
|
-
onItemSelected(selectedItem, keyboardUsed) {
|
|
173
|
-
const item = selectedItem;
|
|
174
|
-
const nonGroupItems = this._getNonGroupItems();
|
|
175
|
-
if (!item) {
|
|
176
|
-
return;
|
|
177
|
-
}
|
|
178
|
-
this.accInfo = {
|
|
179
|
-
isGroup: item.hasAttribute("ui5-suggestion-item-group"),
|
|
180
|
-
currentPos: nonGroupItems.indexOf(item) + 1,
|
|
181
|
-
listSize: nonGroupItems.length,
|
|
182
|
-
itemText: item.text || "",
|
|
183
|
-
additionalText: item.additionalText,
|
|
184
|
-
};
|
|
185
|
-
this._getComponent().onItemSelected(item, keyboardUsed);
|
|
186
|
-
this._getComponent().open = false;
|
|
187
|
-
}
|
|
188
|
-
onItemSelect(item) {
|
|
189
|
-
this._getComponent().onItemSelect(item);
|
|
190
|
-
}
|
|
191
|
-
/* Private methods */
|
|
192
|
-
// Note: Split into two separate handlers
|
|
193
|
-
onItemPress(e) {
|
|
194
|
-
let pressedItem; // SuggestionListItem
|
|
195
|
-
const isPressEvent = e.type === "ui5-item-click";
|
|
196
|
-
// Only use the press e if the item is already selected, in all other cases we are listening for 'ui5-selection-change' from the list
|
|
197
|
-
// Also we have to check if the selection-change is fired by the list's 'item-click' event handling, to avoid double handling on our side
|
|
198
|
-
if ((isPressEvent && !e.detail.item.selected) || (this._handledPress && !isPressEvent)) {
|
|
199
|
-
return;
|
|
200
|
-
}
|
|
201
|
-
if (isPressEvent && e.detail.item.selected) {
|
|
202
|
-
pressedItem = e.detail.item;
|
|
203
|
-
this._handledPress = true;
|
|
204
|
-
}
|
|
205
|
-
else {
|
|
206
|
-
pressedItem = e.detail.selectedItems[0];
|
|
207
|
-
}
|
|
208
|
-
this.onItemSelected(pressedItem, false /* keyboardUsed */);
|
|
209
|
-
}
|
|
210
|
-
_onClose() {
|
|
211
|
-
this._handledPress = false;
|
|
212
|
-
}
|
|
213
|
-
_isItemOnTarget() {
|
|
214
|
-
return this.isOpened() && this.selectedItemIndex !== null && this.selectedItemIndex !== -1 && !this._isGroupItem;
|
|
215
|
-
}
|
|
216
|
-
get _isGroupItem() {
|
|
217
|
-
const items = this._getItems();
|
|
218
|
-
if (!items || !items[this.selectedItemIndex]) {
|
|
219
|
-
return false;
|
|
220
|
-
}
|
|
221
|
-
return items[this.selectedItemIndex].hasAttribute("ui5-suggestion-item-group");
|
|
222
|
-
}
|
|
223
|
-
isOpened() {
|
|
224
|
-
return !!(this._getPicker()?.open);
|
|
225
|
-
}
|
|
226
|
-
_handleItemNavigation(forward, index) {
|
|
227
|
-
this.selectedItemIndex = index;
|
|
228
|
-
if (!this._getItems().length) {
|
|
229
|
-
return;
|
|
230
|
-
}
|
|
231
|
-
if (forward) {
|
|
232
|
-
this._selectNextItem();
|
|
233
|
-
}
|
|
234
|
-
else {
|
|
235
|
-
this._selectPreviousItem();
|
|
236
|
-
}
|
|
237
|
-
}
|
|
238
|
-
_selectNextItem() {
|
|
239
|
-
const itemsCount = this._getItems().length;
|
|
240
|
-
const previousSelectedIdx = this.selectedItemIndex;
|
|
241
|
-
if (previousSelectedIdx !== -1 && previousSelectedIdx + 1 > itemsCount - 1) {
|
|
242
|
-
return;
|
|
243
|
-
}
|
|
244
|
-
this._moveItemSelection(previousSelectedIdx, ++this.selectedItemIndex);
|
|
245
|
-
}
|
|
246
|
-
_selectPreviousItem() {
|
|
247
|
-
const items = this._getItems();
|
|
248
|
-
const previousSelectedIdx = this.selectedItemIndex;
|
|
249
|
-
if (previousSelectedIdx === -1 || previousSelectedIdx === null) {
|
|
250
|
-
return;
|
|
251
|
-
}
|
|
252
|
-
if (previousSelectedIdx - 1 < 0) {
|
|
253
|
-
if (items[previousSelectedIdx].hasAttribute("ui5-suggestion-item") || items[previousSelectedIdx].hasAttribute("ui5-suggestion-item-custom")) {
|
|
254
|
-
items[previousSelectedIdx].selected = false;
|
|
255
|
-
}
|
|
256
|
-
items[previousSelectedIdx].focused = false;
|
|
257
|
-
this.component.focused = true;
|
|
258
|
-
this.component.hasSuggestionItemSelected = false;
|
|
259
|
-
this.selectedItemIndex -= 1;
|
|
260
|
-
return;
|
|
261
|
-
}
|
|
262
|
-
this._moveItemSelection(previousSelectedIdx, --this.selectedItemIndex);
|
|
263
|
-
}
|
|
264
|
-
_moveItemSelection(previousIdx, nextIdx) {
|
|
265
|
-
const items = this._getItems();
|
|
266
|
-
const currentItem = items[nextIdx];
|
|
267
|
-
const previousItem = items[previousIdx];
|
|
268
|
-
const nonGroupItems = this._getNonGroupItems();
|
|
269
|
-
const isGroupItem = currentItem.hasAttribute("ui5-suggestion-item-group");
|
|
270
|
-
if (!currentItem) {
|
|
271
|
-
return;
|
|
272
|
-
}
|
|
273
|
-
this.component.focused = false;
|
|
274
|
-
const selectedItem = this._getItems()[this.selectedItemIndex];
|
|
275
|
-
this.accInfo = {
|
|
276
|
-
isGroup: isGroupItem,
|
|
277
|
-
currentPos: items.indexOf(currentItem) + 1,
|
|
278
|
-
itemText: (isGroupItem ? selectedItem.headerText : selectedItem.text) || "",
|
|
279
|
-
};
|
|
280
|
-
if (currentItem.hasAttribute("ui5-suggestion-item") || currentItem.hasAttribute("ui5-suggestion-item-custom")) {
|
|
281
|
-
this.accInfo.additionalText = currentItem.additionalText || "";
|
|
282
|
-
this.accInfo.currentPos = nonGroupItems.indexOf(currentItem) + 1;
|
|
283
|
-
this.accInfo.listSize = nonGroupItems.length;
|
|
284
|
-
}
|
|
285
|
-
if (previousItem) {
|
|
286
|
-
previousItem.focused = false;
|
|
287
|
-
}
|
|
288
|
-
if (previousItem?.hasAttribute("ui5-suggestion-item") || previousItem?.hasAttribute("ui5-suggestion-item-custom")) {
|
|
289
|
-
previousItem.selected = false;
|
|
290
|
-
}
|
|
291
|
-
if (currentItem) {
|
|
292
|
-
currentItem.focused = true;
|
|
293
|
-
if (!isGroupItem) {
|
|
294
|
-
currentItem.selected = true;
|
|
295
|
-
}
|
|
296
|
-
if (this.handleFocus) {
|
|
297
|
-
currentItem.focus();
|
|
298
|
-
}
|
|
299
|
-
}
|
|
300
|
-
this.component.hasSuggestionItemSelected = true;
|
|
301
|
-
this.onItemSelect(currentItem);
|
|
302
|
-
if (!this._isItemIntoView(currentItem)) {
|
|
303
|
-
const itemRef = this._isGroupItem ? currentItem.shadowRoot.querySelector("[ui5-li-group-header]") : currentItem;
|
|
304
|
-
this._scrollItemIntoView(itemRef);
|
|
305
|
-
}
|
|
306
|
-
}
|
|
307
|
-
_deselectItems() {
|
|
308
|
-
const items = this._getItems();
|
|
309
|
-
items.forEach(item => {
|
|
310
|
-
if (item.hasAttribute("ui5-suggestion-item")) {
|
|
311
|
-
item.selected = false;
|
|
312
|
-
}
|
|
313
|
-
item.focused = false;
|
|
314
|
-
});
|
|
315
|
-
}
|
|
316
|
-
_clearItemFocus() {
|
|
317
|
-
const focusedItem = this._getItems().find(item => item.focused);
|
|
318
|
-
if (focusedItem) {
|
|
319
|
-
focusedItem.focused = false;
|
|
320
|
-
}
|
|
321
|
-
}
|
|
322
|
-
_isItemIntoView(item) {
|
|
323
|
-
const rectItem = item.getDomRef().getBoundingClientRect();
|
|
324
|
-
const rectInput = this._getComponent().getDomRef().getBoundingClientRect();
|
|
325
|
-
const windowHeight = (window.innerHeight || document.documentElement.clientHeight);
|
|
326
|
-
let headerHeight = 0;
|
|
327
|
-
if (this._hasValueState) {
|
|
328
|
-
const valueStateHeader = this._getPicker().querySelector("[slot=header]");
|
|
329
|
-
headerHeight = valueStateHeader.getBoundingClientRect().height;
|
|
330
|
-
}
|
|
331
|
-
return (rectItem.top + Suggestions.SCROLL_STEP <= windowHeight) && (rectItem.top >= rectInput.top + headerHeight);
|
|
332
|
-
}
|
|
333
|
-
_scrollItemIntoView(item) {
|
|
334
|
-
item.scrollIntoView({
|
|
335
|
-
behavior: "auto",
|
|
336
|
-
block: "nearest",
|
|
337
|
-
inline: "nearest",
|
|
338
|
-
});
|
|
339
|
-
}
|
|
340
|
-
_getScrollContainer() {
|
|
341
|
-
if (!this._scrollContainer) {
|
|
342
|
-
this._scrollContainer = this._getPicker().shadowRoot.querySelector(".ui5-popup-content");
|
|
343
|
-
}
|
|
344
|
-
return this._scrollContainer;
|
|
345
|
-
}
|
|
346
|
-
/**
|
|
347
|
-
* Returns the items in 1D array.
|
|
348
|
-
*
|
|
349
|
-
*/
|
|
350
|
-
_getItems() {
|
|
351
|
-
const suggestionComponent = this._getComponent();
|
|
352
|
-
return suggestionComponent.getSlottedNodes("suggestionItems").flatMap(item => {
|
|
353
|
-
return item.hasAttribute("ui5-suggestion-item-group") ? [item, ...item.items] : [item];
|
|
354
|
-
});
|
|
355
|
-
}
|
|
356
|
-
_getNonGroupItems() {
|
|
357
|
-
return this._getItems().filter(item => !item.hasAttribute("ui5-suggestion-item-group"));
|
|
358
|
-
}
|
|
359
|
-
_getComponent() {
|
|
360
|
-
return this.component;
|
|
361
|
-
}
|
|
362
|
-
_getList() {
|
|
363
|
-
return this._getPicker().querySelector("[ui5-list]");
|
|
364
|
-
}
|
|
365
|
-
_getListWidth() {
|
|
366
|
-
return this._getList()?.offsetWidth;
|
|
367
|
-
}
|
|
368
|
-
_getPicker() {
|
|
369
|
-
return this._getComponent().shadowRoot.querySelector("[ui5-responsive-popover]");
|
|
370
|
-
}
|
|
371
|
-
get itemSelectionAnnounce() {
|
|
372
|
-
if (!this.accInfo) {
|
|
373
|
-
return "";
|
|
374
|
-
}
|
|
375
|
-
if (this.accInfo.isGroup) {
|
|
376
|
-
return `${Suggestions.i18nBundle.getText(i18nDefaults.LIST_ITEM_GROUP_HEADER)} ${this.accInfo.itemText}`;
|
|
377
|
-
}
|
|
378
|
-
const itemPositionText = Suggestions.i18nBundle.getText(i18nDefaults.LIST_ITEM_POSITION, this.accInfo.currentPos || 0, this.accInfo.listSize || 0);
|
|
379
|
-
return `${this.accInfo.additionalText} ${itemPositionText}`;
|
|
380
|
-
}
|
|
381
|
-
hightlightInput(text, input) {
|
|
382
|
-
return generateHighlightedMarkup.f(text, input);
|
|
383
|
-
}
|
|
384
|
-
get _hasValueState() {
|
|
385
|
-
return this.component.hasValueStateMessage;
|
|
386
|
-
}
|
|
387
|
-
_clearSelectedSuggestionAndaccInfo() {
|
|
388
|
-
this.accInfo = undefined;
|
|
389
|
-
this.selectedItemIndex = 0;
|
|
390
|
-
}
|
|
391
|
-
}
|
|
392
|
-
Suggestions.SCROLL_STEP = 60;
|
|
393
|
-
ShellBarSearch.Input.SuggestionsClass = Suggestions;
|
|
394
|
-
|
|
395
|
-
exports.default = Suggestions;
|
|
396
|
-
|
|
397
|
-
}));
|
|
1
|
+
sap.ui.define(["exports","sap/f/thirdparty/generateHighlightedMarkup","sap/f/thirdparty/ShellBarSearch2","sap/f/thirdparty/webcomponents","sap/f/thirdparty/ListItemGroup","sap/f/thirdparty/ListBoxItemGroupTemplate","sap/f/thirdparty/parameters-bundle.css2","sap/f/thirdparty/Icon","sap/f/thirdparty/List","sap/f/thirdparty/ResponsivePopover","sap/f/thirdparty/Button2","sap/f/thirdparty/i18n-defaults2","sap/f/thirdparty/encodeXML","sap/f/thirdparty/event-strict","sap/f/thirdparty/Theme","sap/f/thirdparty/ListItemBase","sap/f/thirdparty/parameters-bundle.css","sap/f/thirdparty/ListItemAdditionalText.css","sap/f/thirdparty/AccessibilityTextsHelper","sap/f/thirdparty/ValueState","sap/f/thirdparty/information","sap/f/thirdparty/Icons","sap/f/thirdparty/Label","sap/f/thirdparty/slim-arrow-down","sap/f/thirdparty/Title","sap/f/thirdparty/BusyIndicator","sap/f/thirdparty/willShowContent","sap/f/thirdparty/information2","sap/f/thirdparty/sys-enter-2","sap/f/thirdparty/parameters-bundle.css3","sap/f/thirdparty/i18n-defaults","sap/f/thirdparty/toLowercaseEnumValue","sap/f/thirdparty/WrappingType","sap/f/thirdparty/FocusableElements"],function(e,t,s,i,n,o,r,a,l,h,c,u,d,p,m,I,f,g,_,x,v,S,y,b,T,P,C,w,L,O,R,j,A,V){"use strict";var B=this&&this.__decorate||function(e,t,s,i){var n=arguments.length,o=n<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,s):i,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,s,i);else for(var a=e.length-1;a>=0;a--)if(r=e[a])o=(n<3?r(o):n>3?r(t,s,o):r(t,s))||o;return n>3&&o&&Object.defineProperty(t,s,o),o};let D=class e extends n.ListItemGroup{};B([i.d({default:true,invalidateOnChildChange:true,type:HTMLElement})],D.prototype,"items",void 0);D=B([i.m({tag:"ui5-suggestion-item-group",template:o.ListItemGroupTemplate})],D);D.define();function G(e){const t=e?.suggestionsList||M;const i=e?.mobileHeader;const n=e?.valueStateMessage;const o=e?.valueStateMessageInputIcon;return r.jsxs(h.ResponsivePopover,{class:this.classes.popover,hideArrow:true,preventFocusRestore:true,preventInitialFocus:true,placement:"Bottom",horizontalAlign:"Start",tabindex:-1,style:this.styles.suggestionsPopover,onOpen:this._afterOpenPicker,onClose:this._afterClosePicker,onScroll:this._scroll,open:this.open,opener:this,accessibleName:this._popupLabel,children:[this._isPhone&&r.jsx(r.Fragment,{children:r.jsxs("div",{slot:"header",class:"ui5-responsive-popover-header",children:[r.jsx("div",{class:"row",children:r.jsx("span",{children:this._headerTitleText})}),r.jsx("div",{class:"row",children:r.jsxs("div",{class:"input-root-phone native-input-wrapper",children:[r.jsx(s.Input,{class:"ui5-input-inner-phone",type:this.inputType,value:this.value,showClearIcon:this.showClearIcon,placeholder:this.placeholder,onInput:this._handleInput}),i?.call(this)]})}),this.hasValueStateMessage&&r.jsxs("div",{class:this.classes.popoverValueState,style:this.styles.suggestionPopoverHeader,children:[r.jsx(a.Icon,{class:"ui5-input-value-state-message-icon",name:o?.call(this)}),this.open&&n?.call(this)]})]})}),!this._isPhone&&this.hasValueStateMessage&&r.jsxs("div",{slot:"header",class:{"ui5-responsive-popover-header":true,...this.classes.popoverValueState},style:this.styles.suggestionPopoverHeader,children:[r.jsx(a.Icon,{class:"ui5-input-value-state-message-icon",name:o?.call(this)}),this.open&&n?.call(this)]}),this.showSuggestions&&t.call(this),this._isPhone&&r.jsxs("div",{slot:"footer",class:"ui5-responsive-popover-footer",children:[r.jsx(c.Button,{design:"Emphasized",onClick:this._confirmMobileValue,children:this._suggestionsOkButtonText}),r.jsx(c.Button,{class:"ui5-responsive-popover-close-btn",design:"Transparent",onClick:this._cancelMobileValue,children:this._suggestionsCancelButtonText})]})]})}function M(){return r.jsx(l.List,{accessibleRole:l.ListAccessibleRole.ListBox,separators:this.suggestionSeparators,selectionMode:"Single",onMouseDown:this.onItemMouseDown,onItemClick:this._handleSuggestionItemPress,onSelectionChange:this._handleSelectionChange,children:r.jsx("slot",{})})}class k{get template(){return G}constructor(e,t,s,i){this.component=e;this.slotName=t;this.handleFocus=i;this.highlight=s;this.selectedItemIndex=-1}onUp(e,t){e.preventDefault();const s=!this.isOpened&&this._hasValueState&&t===-1?0:t;this._handleItemNavigation(false,s);return true}onDown(e,t){e.preventDefault();const s=!this.isOpened&&this._hasValueState&&t===-1?0:t;this._handleItemNavigation(true,s);return true}onSpace(e){if(this._isItemOnTarget()){e.preventDefault();this.onItemSelected(this._selectedItem,true);return true}return false}onEnter(e){if(this._isGroupItem){e.preventDefault();return false}if(this._isItemOnTarget()){this.onItemSelected(this._selectedItem,true);return true}return false}onPageUp(e){e.preventDefault();const t=this.selectedItemIndex-10>-1;this._moveItemSelection(this.selectedItemIndex,t?this.selectedItemIndex-=10:this.selectedItemIndex=0);return true}onPageDown(e){e.preventDefault();const t=this.visibleItems;if(!t){return true}const s=t.length-1;const i=this.selectedItemIndex+10<=s;this._moveItemSelection(this.selectedItemIndex,i?this.selectedItemIndex+=10:this.selectedItemIndex=s);return true}onHome(e){e.preventDefault();this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=0);return true}onEnd(e){e.preventDefault();const t=this._getItems().length-1;if(!t){return true}this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=t);return true}onTab(){if(this._isItemOnTarget()){this.onItemSelected(this._selectedItem,true);return true}return false}toggle(e,t){const s=e!==undefined?e:!this.isOpened();if(s){this._getComponent().open=true}else{this.close(t.preventFocusRestore)}}get _selectedItem(){return this._getNonGroupItems().find(e=>e.selected)}_isScrollable(){const e=this._getScrollContainer();return e.offsetHeight<e.scrollHeight}close(e=false){const t=this._getItems()&&this._getItems()[this.selectedItemIndex];this._getComponent().open=false;const s=this._getPicker();s.preventFocusRestore=e;s.open=false;if(t&&t.focused){t.focused=false}}updateSelectedItemPosition(e){this.selectedItemIndex=e}onItemSelected(e,t){const s=e;const i=this._getNonGroupItems();if(!s){return}this.accInfo={isGroup:s.hasAttribute("ui5-suggestion-item-group"),currentPos:i.indexOf(s)+1,listSize:i.length,itemText:s.text||"",additionalText:s.additionalText};this._getComponent().onItemSelected(s,t);this._getComponent().open=false}onItemSelect(e){this._getComponent().onItemSelect(e)}onItemPress(e){let t;const s=e.type==="ui5-item-click";if(s&&!e.detail.item.selected||this._handledPress&&!s){return}if(s&&e.detail.item.selected){t=e.detail.item;this._handledPress=true}else{t=e.detail.selectedItems[0]}this.onItemSelected(t,false)}_onClose(){this._handledPress=false}_isItemOnTarget(){return this.isOpened()&&this.selectedItemIndex!==null&&this.selectedItemIndex!==-1&&!this._isGroupItem}get _isGroupItem(){const e=this._getItems();if(!e||!e[this.selectedItemIndex]){return false}return e[this.selectedItemIndex].hasAttribute("ui5-suggestion-item-group")}isOpened(){return!!this._getPicker()?.open}_handleItemNavigation(e,t){this.selectedItemIndex=t;if(!this._getItems().length){return}if(e){this._selectNextItem()}else{this._selectPreviousItem()}}_selectNextItem(){const e=this._getItems().length;const t=this.selectedItemIndex;if(t!==-1&&t+1>e-1){return}this._moveItemSelection(t,++this.selectedItemIndex)}_selectPreviousItem(){const e=this.visibleItems;const t=this.selectedItemIndex;if(t===-1||t===null){return}if(t-1<0){if(e[t].hasAttribute("ui5-suggestion-item")||e[t].hasAttribute("ui5-suggestion-item-custom")){e[t].selected=false}e[t].focused=false;this.component.focused=true;this.component.hasSuggestionItemSelected=false;this.selectedItemIndex-=1;return}this._moveItemSelection(t,--this.selectedItemIndex)}get visibleItems(){return this._getItems().filter(e=>!e.hidden)}_moveItemSelection(e,t){const s=this.visibleItems;const i=s[t];const n=s[e];const o=this._getNonGroupItems();const r=i?.hasAttribute("ui5-suggestion-item-group");if(!i){return}this.component.focused=false;const a=this.visibleItems[this.selectedItemIndex];this.accInfo={isGroup:r,currentPos:s.indexOf(i)+1,itemText:(r?a.headerText:a.text)||""};if(i.hasAttribute("ui5-suggestion-item")||i.hasAttribute("ui5-suggestion-item-custom")){this.accInfo.additionalText=i.additionalText||"";this.accInfo.currentPos=o.indexOf(i)+1;this.accInfo.listSize=o.length}if(n){n.focused=false}if(n?.hasAttribute("ui5-suggestion-item")||n?.hasAttribute("ui5-suggestion-item-custom")){n.selected=false}if(i){i.focused=true;if(!r){i.selected=true}if(this.handleFocus){i.focus()}}this.component.hasSuggestionItemSelected=true;this.onItemSelect(i);if(!this._isItemIntoView(i)){const e=this._isGroupItem?i.shadowRoot.querySelector("[ui5-li-group-header]"):i;this._scrollItemIntoView(e)}}_deselectItems(){const e=this._getItems();e.forEach(e=>{if(e.hasAttribute("ui5-suggestion-item")){e.selected=false}e.focused=false})}_clearItemFocus(){const e=this._getItems().find(e=>e.focused);if(e){e.focused=false}}_isItemIntoView(e){const t=e.getDomRef().getBoundingClientRect();const s=this._getComponent().getDomRef().getBoundingClientRect();const i=window.innerHeight||document.documentElement.clientHeight;let n=0;if(this._hasValueState){const e=this._getPicker().querySelector("[slot=header]");n=e.getBoundingClientRect().height}return t.top+k.SCROLL_STEP<=i&&t.top>=s.top+n}_scrollItemIntoView(e){e.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}_getScrollContainer(){if(!this._scrollContainer){this._scrollContainer=this._getPicker().shadowRoot.querySelector(".ui5-popup-content")}return this._scrollContainer}_getItems(){const e=this._getComponent();return e.getSlottedNodes("suggestionItems").flatMap(e=>e.hasAttribute("ui5-suggestion-item-group")?[e,...e.items]:[e])}_getNonGroupItems(){return this._getItems().filter(e=>!e.hasAttribute("ui5-suggestion-item-group"))}_getComponent(){return this.component}_getList(){return this._getPicker().querySelector("[ui5-list]")}_getListWidth(){return this._getList()?.offsetWidth}_getPicker(){return this._getComponent().shadowRoot.querySelector("[ui5-responsive-popover]")}get itemSelectionAnnounce(){if(!this.accInfo){return""}if(this.accInfo.isGroup){return`${k.i18nBundle.getText(u.LIST_ITEM_GROUP_HEADER)} ${this.accInfo.itemText}`}const e=k.i18nBundle.getText(u.LIST_ITEM_POSITION,this.accInfo.currentPos||0,this.accInfo.listSize||0);return`${this.accInfo.additionalText} ${e}`.trim()}hightlightInput(e,s){return t.f(e,s)}get _hasValueState(){return this.component.hasValueStateMessage}_clearSelectedSuggestionAndaccInfo(){this.accInfo=undefined;this.selectedItemIndex=0}}k.SCROLL_STEP=60;s.Input.SuggestionsClass=k;e.default=k});
|
|
2
|
+
//# sourceMappingURL=InputSuggestions.js.map
|
|
@@ -1,193 +1,2 @@
|
|
|
1
|
-
sap.ui.define([
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Overflow Mode.
|
|
5
|
-
* @public
|
|
6
|
-
*/
|
|
7
|
-
var ExpandableTextOverflowMode;
|
|
8
|
-
(function (ExpandableTextOverflowMode) {
|
|
9
|
-
/**
|
|
10
|
-
* Overflowing text is appended in-place.
|
|
11
|
-
* @public
|
|
12
|
-
*/
|
|
13
|
-
ExpandableTextOverflowMode["InPlace"] = "InPlace";
|
|
14
|
-
/**
|
|
15
|
-
* Full text is displayed in a popover.
|
|
16
|
-
* @public
|
|
17
|
-
*/
|
|
18
|
-
ExpandableTextOverflowMode["Popover"] = "Popover";
|
|
19
|
-
})(ExpandableTextOverflowMode || (ExpandableTextOverflowMode = {}));
|
|
20
|
-
var ExpandableTextOverflowMode$1 = ExpandableTextOverflowMode;
|
|
21
|
-
|
|
22
|
-
function ExpandableTextTemplate() {
|
|
23
|
-
return (parametersBundle_css.jsxs("div", { children: [parametersBundle_css.jsx(Text.Text, { class: "ui5-exp-text-text", emptyIndicatorMode: this.emptyIndicatorMode, children: this._displayedText }), this._maxCharactersExceeded && parametersBundle_css.jsxs(parametersBundle_css.Fragment, { children: [parametersBundle_css.jsx("span", { class: "ui5-exp-text-ellipsis", children: this._ellipsisText }), parametersBundle_css.jsx(Link.Link, { id: "toggle", class: "ui5-exp-text-toggle", accessibleRole: "Button", accessibleName: this._accessibleNameForToggle, accessibilityAttributes: this._accessibilityAttributesForToggle, onClick: this._handleToggleClick, children: this._textForToggle }), this._usePopover &&
|
|
24
|
-
parametersBundle_css.jsxs(ResponsivePopover.ResponsivePopover, { open: this._expanded, opener: "toggle", accessibleNameRef: "popover-text", contentOnlyOnDesktop: true, _hideHeader: true, class: "ui5-exp-text-popover", onClose: this._handlePopoverClose, children: [parametersBundle_css.jsx(Text.Text, { id: "popover-text", children: this.text }), parametersBundle_css.jsx("div", { slot: "footer", class: "ui5-exp-text-footer", children: parametersBundle_css.jsx(Button.Button, { design: "Transparent", onClick: this._handleCloseButtonClick, children: this._closeButtonText }) })] })] })] }));
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
Theme.p("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
|
|
28
|
-
Theme.p("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
|
|
29
|
-
var ExpandableTextCss = `:host{display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapTextColor)}:host([hidden]){display:none}.ui5-exp-text-text{display:inline}.ui5-exp-text-text,.ui5-exp-text-toggle{font-family:inherit;font-size:inherit}.ui5-exp-text-text,.ui5-exp-text-ellipsis{color:inherit}.ui5-exp-text-popover::part(content){padding-inline:1rem}.ui5-exp-text-footer{width:100%;display:flex;align-items:center;justify-content:flex-end}
|
|
30
|
-
`;
|
|
31
|
-
|
|
32
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
33
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
34
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
35
|
-
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;
|
|
36
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
37
|
-
};
|
|
38
|
-
var ExpandableText_1;
|
|
39
|
-
/**
|
|
40
|
-
* @class
|
|
41
|
-
*
|
|
42
|
-
* ### Overview
|
|
43
|
-
*
|
|
44
|
-
* The `ui5-expandable-text` component allows displaying a large body of text in a small space. It provides an "expand/collapse" functionality, which shows/hides potentially truncated text.
|
|
45
|
-
*
|
|
46
|
-
* ### Usage
|
|
47
|
-
*
|
|
48
|
-
* #### When to use:
|
|
49
|
-
* - To accommodate long texts in limited space, for example in list items, table cell texts, or forms
|
|
50
|
-
*
|
|
51
|
-
* #### When not to use:
|
|
52
|
-
* - The content is critical for the user. In this case use short descriptions that can fit in
|
|
53
|
-
* - Strive to provide short and meaningful texts to avoid excessive number of "Show More" links on the page
|
|
54
|
-
*
|
|
55
|
-
* ### Responsive Behavior
|
|
56
|
-
*
|
|
57
|
-
* On phones, if the component is configured to display the full text in a popover, the popover will appear in full screen.
|
|
58
|
-
*
|
|
59
|
-
* ### ES6 Module Import
|
|
60
|
-
*
|
|
61
|
-
* `import "@ui5/webcomponents/dist/ExpandableText";`
|
|
62
|
-
*
|
|
63
|
-
* @constructor
|
|
64
|
-
* @extends UI5Element
|
|
65
|
-
* @public
|
|
66
|
-
* @since 2.6.0
|
|
67
|
-
*/
|
|
68
|
-
let ExpandableText = ExpandableText_1 = class ExpandableText extends webcomponentsBase.b {
|
|
69
|
-
constructor() {
|
|
70
|
-
super(...arguments);
|
|
71
|
-
/**
|
|
72
|
-
* Maximum number of characters to be displayed initially. If the text length exceeds this limit, the text will be truncated with an ellipsis, and the "More" link will be displayed.
|
|
73
|
-
* @default 100
|
|
74
|
-
* @public
|
|
75
|
-
*/
|
|
76
|
-
this.maxCharacters = 100;
|
|
77
|
-
/**
|
|
78
|
-
* Determines how the full text will be displayed.
|
|
79
|
-
* @default "InPlace"
|
|
80
|
-
* @public
|
|
81
|
-
*/
|
|
82
|
-
this.overflowMode = "InPlace";
|
|
83
|
-
/**
|
|
84
|
-
* Specifies if an empty indicator should be displayed when there is no text.
|
|
85
|
-
* @default "Off"
|
|
86
|
-
* @public
|
|
87
|
-
*/
|
|
88
|
-
this.emptyIndicatorMode = "Off";
|
|
89
|
-
this._expanded = false;
|
|
90
|
-
}
|
|
91
|
-
getFocusDomRef() {
|
|
92
|
-
if (this._usePopover) {
|
|
93
|
-
return this.shadowRoot?.querySelector("[ui5-responsive-popover]");
|
|
94
|
-
}
|
|
95
|
-
return this.shadowRoot?.querySelector("[ui5-link]");
|
|
96
|
-
}
|
|
97
|
-
get _displayedText() {
|
|
98
|
-
if (this._expanded && !this._usePopover) {
|
|
99
|
-
return this.text;
|
|
100
|
-
}
|
|
101
|
-
return this.text?.substring(0, this.maxCharacters);
|
|
102
|
-
}
|
|
103
|
-
get _maxCharactersExceeded() {
|
|
104
|
-
return (this.text?.length || 0) > this.maxCharacters;
|
|
105
|
-
}
|
|
106
|
-
get _usePopover() {
|
|
107
|
-
return this.overflowMode === ExpandableTextOverflowMode$1.Popover;
|
|
108
|
-
}
|
|
109
|
-
get _ellipsisText() {
|
|
110
|
-
if (this._expanded && !this._usePopover) {
|
|
111
|
-
return " ";
|
|
112
|
-
}
|
|
113
|
-
return "... ";
|
|
114
|
-
}
|
|
115
|
-
get _textForToggle() {
|
|
116
|
-
return this._expanded ? ExpandableText_1.i18nBundle.getText(i18nDefaults.EXPANDABLE_TEXT_SHOW_LESS) : ExpandableText_1.i18nBundle.getText(i18nDefaults.EXPANDABLE_TEXT_SHOW_MORE);
|
|
117
|
-
}
|
|
118
|
-
get _closeButtonText() {
|
|
119
|
-
return ExpandableText_1.i18nBundle.getText(i18nDefaults.EXPANDABLE_TEXT_CLOSE);
|
|
120
|
-
}
|
|
121
|
-
get _accessibilityAttributesForToggle() {
|
|
122
|
-
if (this._usePopover) {
|
|
123
|
-
return {
|
|
124
|
-
expanded: this._expanded,
|
|
125
|
-
hasPopup: "dialog",
|
|
126
|
-
};
|
|
127
|
-
}
|
|
128
|
-
return {
|
|
129
|
-
expanded: this._expanded,
|
|
130
|
-
};
|
|
131
|
-
}
|
|
132
|
-
get _accessibleNameForToggle() {
|
|
133
|
-
if (this._usePopover) {
|
|
134
|
-
return this._expanded ? ExpandableText_1.i18nBundle.getText(i18nDefaults.EXPANDABLE_TEXT_SHOW_LESS_POPOVER_ARIA_LABEL) : ExpandableText_1.i18nBundle.getText(i18nDefaults.EXPANDABLE_TEXT_SHOW_MORE_POPOVER_ARIA_LABEL);
|
|
135
|
-
}
|
|
136
|
-
return undefined;
|
|
137
|
-
}
|
|
138
|
-
_handlePopoverClose() {
|
|
139
|
-
if (!Theme.d()) {
|
|
140
|
-
this._expanded = false;
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
_handleToggleClick() {
|
|
144
|
-
this._expanded = !this._expanded;
|
|
145
|
-
}
|
|
146
|
-
_handleCloseButtonClick(e) {
|
|
147
|
-
this._expanded = false;
|
|
148
|
-
e.stopPropagation();
|
|
149
|
-
}
|
|
150
|
-
};
|
|
151
|
-
__decorate([
|
|
152
|
-
webcomponentsBase.s()
|
|
153
|
-
], ExpandableText.prototype, "text", void 0);
|
|
154
|
-
__decorate([
|
|
155
|
-
webcomponentsBase.s({ type: Number })
|
|
156
|
-
], ExpandableText.prototype, "maxCharacters", void 0);
|
|
157
|
-
__decorate([
|
|
158
|
-
webcomponentsBase.s()
|
|
159
|
-
], ExpandableText.prototype, "overflowMode", void 0);
|
|
160
|
-
__decorate([
|
|
161
|
-
webcomponentsBase.s()
|
|
162
|
-
], ExpandableText.prototype, "emptyIndicatorMode", void 0);
|
|
163
|
-
__decorate([
|
|
164
|
-
webcomponentsBase.s({ type: Boolean })
|
|
165
|
-
], ExpandableText.prototype, "_expanded", void 0);
|
|
166
|
-
__decorate([
|
|
167
|
-
parametersBundle_css$1.i("@ui5/webcomponents")
|
|
168
|
-
], ExpandableText, "i18nBundle", void 0);
|
|
169
|
-
ExpandableText = ExpandableText_1 = __decorate([
|
|
170
|
-
webcomponentsBase.m({
|
|
171
|
-
tag: "ui5-expandable-text",
|
|
172
|
-
renderer: parametersBundle_css.y,
|
|
173
|
-
styles: ExpandableTextCss,
|
|
174
|
-
template: ExpandableTextTemplate,
|
|
175
|
-
})
|
|
176
|
-
], ExpandableText);
|
|
177
|
-
ExpandableText.define();
|
|
178
|
-
|
|
179
|
-
/**
|
|
180
|
-
* Provides a template for rendering text with the ExpandableText component
|
|
181
|
-
* when wrappingType is set to "Normal".
|
|
182
|
-
*
|
|
183
|
-
* @param {object} injectedProps - The configuration options for the expandable text
|
|
184
|
-
* @returns {JSX.Element} The rendered ExpandableText component
|
|
185
|
-
*/
|
|
186
|
-
function ListItemStandardExpandableTextTemplate(injectedProps) {
|
|
187
|
-
const { className, text, maxCharacters, part } = injectedProps;
|
|
188
|
-
return (parametersBundle_css.jsx(ExpandableText, { part: part, class: className, text: text, maxCharacters: maxCharacters }));
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
exports.default = ListItemStandardExpandableTextTemplate;
|
|
192
|
-
|
|
193
|
-
}));
|
|
1
|
+
sap.ui.define(["exports","sap/f/thirdparty/parameters-bundle.css2","sap/f/thirdparty/webcomponents","sap/f/thirdparty/parameters-bundle.css","sap/f/thirdparty/Theme","sap/f/thirdparty/i18n-defaults2","sap/f/thirdparty/Text","sap/f/thirdparty/Link","sap/f/thirdparty/Button2","sap/f/thirdparty/ResponsivePopover","sap/f/thirdparty/Icons","sap/f/thirdparty/willShowContent","sap/f/thirdparty/event-strict","sap/f/thirdparty/AccessibilityTextsHelper","sap/f/thirdparty/toLowercaseEnumValue","sap/f/thirdparty/Icon","sap/f/thirdparty/BusyIndicator","sap/f/thirdparty/Label","sap/f/thirdparty/information","sap/f/thirdparty/Title","sap/f/thirdparty/ValueState","sap/f/thirdparty/FocusableElements","sap/f/thirdparty/ListItemBase"],function(e,t,s,i,r,o,a,n,p,d,l,h,c,x,u,f,_,y,g,v,m,T,P){"use strict";var E;(function(e){e["InPlace"]="InPlace";e["Popover"]="Popover"})(E||(E={}));var b=E;function B(){return t.jsxs("div",{children:[t.jsx(a.Text,{class:"ui5-exp-text-text",emptyIndicatorMode:this.emptyIndicatorMode,children:this._displayedText}),this._maxCharactersExceeded&&t.jsxs(t.Fragment,{children:[t.jsx("span",{class:"ui5-exp-text-ellipsis",children:this._ellipsisText}),t.jsx(n.Link,{id:"toggle",class:"ui5-exp-text-toggle",accessibleRole:"Button",accessibleName:this._accessibleNameForToggle,accessibilityAttributes:this._accessibilityAttributesForToggle,onClick:this._handleToggleClick,children:this._textForToggle}),this._usePopover&&t.jsxs(d.ResponsivePopover,{open:this._expanded,opener:"toggle",accessibleNameRef:"popover-text",contentOnlyOnDesktop:true,_hideHeader:true,class:"ui5-exp-text-popover",onClose:this._handlePopoverClose,children:[t.jsx(a.Text,{id:"popover-text",children:this.text}),t.jsx("div",{slot:"footer",class:"ui5-exp-text-footer",children:t.jsx(p.Button,{design:"Transparent",onClick:this._handleCloseButtonClick,children:this._closeButtonText})})]})]})]})}r.f("@"+"ui5"+"/"+"webcomponents-theming","sap_horizon",async()=>t.defaultThemeBase);r.f("@"+"u"+"i"+"5"+"/"+"w"+"e"+"b"+"c"+"o"+"m"+"p"+"o"+"n"+"e"+"n"+"t"+"s","sap_horizon",async()=>i.defaultTheme,"host");var C=`:host{display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapTextColor)}:host([hidden]){display:none}.ui5-exp-text-text{display:inline}.ui5-exp-text-text,.ui5-exp-text-toggle{font-family:inherit;font-size:inherit}.ui5-exp-text-text,.ui5-exp-text-ellipsis{color:inherit}.ui5-exp-text-popover::part(content){padding-inline:1rem}.ui5-exp-text-footer{width:100%;display:flex;align-items:center;justify-content:flex-end}\n`;var A=this&&this.__decorate||function(e,t,s,i){var r=arguments.length,o=r<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,s):i,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,s,i);else for(var n=e.length-1;n>=0;n--)if(a=e[n])o=(r<3?a(o):r>3?a(t,s,o):a(t,s))||o;return r>3&&o&&Object.defineProperty(t,s,o),o};var L;let O=L=class e extends s.S{constructor(){super(...arguments);this.maxCharacters=100;this.overflowMode="InPlace";this.emptyIndicatorMode="Off";this._expanded=false}getFocusDomRef(){if(this._usePopover){return this.shadowRoot?.querySelector("[ui5-responsive-popover]")}return this.shadowRoot?.querySelector("[ui5-link]")}get _displayedText(){if(this._expanded&&!this._usePopover){return this.text}return this.text?.substring(0,this.maxCharacters)}get _maxCharactersExceeded(){return(this.text?.length||0)>this.maxCharacters}get _usePopover(){return this.overflowMode===b.Popover}get _ellipsisText(){if(this._expanded&&!this._usePopover){return" "}return"... "}get _textForToggle(){return this._expanded?L.i18nBundle.getText(o.EXPANDABLE_TEXT_SHOW_LESS):L.i18nBundle.getText(o.EXPANDABLE_TEXT_SHOW_MORE)}get _closeButtonText(){return L.i18nBundle.getText(o.EXPANDABLE_TEXT_CLOSE)}get _accessibilityAttributesForToggle(){if(this._usePopover){return{expanded:this._expanded,hasPopup:"dialog"}}return{expanded:this._expanded}}get _accessibleNameForToggle(){if(this._usePopover){return this._expanded?L.i18nBundle.getText(o.EXPANDABLE_TEXT_SHOW_LESS_POPOVER_ARIA_LABEL):L.i18nBundle.getText(o.EXPANDABLE_TEXT_SHOW_MORE_POPOVER_ARIA_LABEL)}return undefined}_handlePopoverClose(){if(!r.d()){this._expanded=false}}_handleToggleClick(){this._expanded=!this._expanded}_handleCloseButtonClick(e){this._expanded=false;e.stopPropagation()}};A([s.s()],O.prototype,"text",void 0);A([s.s({type:Number})],O.prototype,"maxCharacters",void 0);A([s.s()],O.prototype,"overflowMode",void 0);A([s.s()],O.prototype,"emptyIndicatorMode",void 0);A([s.s({type:Boolean})],O.prototype,"_expanded",void 0);A([i.i("@ui5/webcomponents")],O,"i18nBundle",void 0);O=L=A([s.m({tag:"ui5-expandable-text",renderer:t.y,styles:C,template:B})],O);O.define();function R(e){const{className:s,text:i,maxCharacters:r,part:o}=e;return t.jsx(O,{part:o,class:s,text:i,maxCharacters:r})}e.default=R});
|
|
2
|
+
//# sourceMappingURL=ListItemStandardExpandableTextTemplate.js.map
|