@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.
Files changed (395) hide show
  1. package/THIRDPARTY.txt +7 -7
  2. package/package.json +10 -10
  3. package/src/sap/f/.library +8 -8
  4. package/src/sap/f/Avatar.js +1 -1
  5. package/src/sap/f/AvatarGroup.js +8 -2
  6. package/src/sap/f/AvatarGroupItem.js +1 -1
  7. package/src/sap/f/CalendarAppointmentInCard.js +1 -1
  8. package/src/sap/f/CalendarInCard.js +1 -1
  9. package/src/sap/f/Card.js +1 -1
  10. package/src/sap/f/CardBase.js +3 -3
  11. package/src/sap/f/DynamicPage.js +1 -1
  12. package/src/sap/f/DynamicPageAccessibleLandmarkInfo.js +1 -1
  13. package/src/sap/f/DynamicPageHeader.js +1 -1
  14. package/src/sap/f/DynamicPageTitle.js +1 -1
  15. package/src/sap/f/FlexibleColumnLayout.js +8 -2
  16. package/src/sap/f/FlexibleColumnLayoutAccessibleLandmarkInfo.js +1 -1
  17. package/src/sap/f/FlexibleColumnLayoutData.js +1 -1
  18. package/src/sap/f/FlexibleColumnLayoutDataForDesktop.js +1 -1
  19. package/src/sap/f/FlexibleColumnLayoutDataForTablet.js +1 -1
  20. package/src/sap/f/FlexibleColumnLayoutSemanticHelper.js +1 -1
  21. package/src/sap/f/GridContainer.js +1 -1
  22. package/src/sap/f/GridContainerItemLayoutData.js +1 -1
  23. package/src/sap/f/GridContainerSettings.js +2 -2
  24. package/src/sap/f/GridList.js +1 -1
  25. package/src/sap/f/GridListItem.js +1 -1
  26. package/src/sap/f/IllustratedMessage.js +1 -1
  27. package/src/sap/f/Illustration.js +1 -1
  28. package/src/sap/f/PlanningCalendarInCardLegend.js +1 -1
  29. package/src/sap/f/ProductSwitch.js +1 -1
  30. package/src/sap/f/ProductSwitchItem.js +1 -1
  31. package/src/sap/f/SearchManager.js +1 -1
  32. package/src/sap/f/ShellBar.js +1 -1
  33. package/src/sap/f/SidePanel.js +5 -1
  34. package/src/sap/f/SidePanelItem.js +7 -1
  35. package/src/sap/f/cards/BaseHeader.js +39 -26
  36. package/src/sap/f/cards/Header.js +7 -7
  37. package/src/sap/f/cards/NumericHeader.js +22 -23
  38. package/src/sap/f/cards/NumericIndicators.js +1 -2
  39. package/src/sap/f/cards/NumericSideIndicator.js +2 -3
  40. package/src/sap/f/cards/loading/AnalyticalPlaceholder.js +1 -1
  41. package/src/sap/f/cards/loading/CalendarPlaceholder.js +1 -1
  42. package/src/sap/f/cards/loading/GenericPlaceholder.js +1 -1
  43. package/src/sap/f/cards/loading/ListPlaceholder.js +1 -1
  44. package/src/sap/f/cards/loading/ObjectPlaceholder.js +1 -1
  45. package/src/sap/f/cards/loading/PlaceholderBase.js +1 -1
  46. package/src/sap/f/cards/loading/TablePlaceholder.js +1 -1
  47. package/src/sap/f/cards/loading/TimelinePlaceholder.js +1 -1
  48. package/src/sap/f/changeHandler/MoveDynamicPageTitleActions.js +1 -1
  49. package/src/sap/f/delegate/GridContainerItemNavigation.js +1 -1
  50. package/src/sap/f/delegate/GridItemNavigation.js +1 -1
  51. package/src/sap/f/dnd/GridDragOver.js +1 -1
  52. package/src/sap/f/dnd/GridDropInfo.js +1 -1
  53. package/src/sap/f/gen/ui5/webcomponents/dist/Avatar.js +2 -246
  54. package/src/sap/f/gen/ui5/webcomponents/dist/Button.js +2 -349
  55. package/src/sap/f/gen/ui5/webcomponents/dist/Label.js +2 -126
  56. package/src/sap/f/gen/ui5/webcomponents/dist/ListItem.js +2 -141
  57. package/src/sap/f/gen/ui5/webcomponents/dist/ListItemBase.js +2 -60
  58. package/src/sap/f/gen/ui5/webcomponents/dist/ListItemGroup.js +2 -208
  59. package/src/sap/f/gen/ui5/webcomponents/dist/Menu.js +2 -283
  60. package/src/sap/f/gen/ui5/webcomponents/dist/MenuItem.js +2 -357
  61. package/src/sap/f/gen/ui5/webcomponents.js +2 -3155
  62. package/src/sap/f/gen/ui5/webcomponents_base.js +2 -600
  63. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/IllustratedMessage.js +2 -214
  64. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/NotificationList.js +2 -203
  65. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/NotificationListGroupItem.js +2 -167
  66. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/NotificationListItem.js +2 -248
  67. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/NotificationListItemBase.js +2 -86
  68. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/Search.js +2 -254
  69. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/SearchItem.js +2 -128
  70. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/SearchItemGroup.js +2 -56
  71. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/SearchItemShowMore.js +2 -87
  72. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/SearchMessageArea.js +2 -75
  73. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/SearchScope.js +2 -80
  74. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/ShellBar.js +2 -669
  75. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/ShellBarBranding.js +2 -123
  76. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/ShellBarItem.js +2 -140
  77. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/ShellBarSearch.js +2 -236
  78. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/ShellBarSpacer.js +2 -72
  79. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/UserMenu.js +2 -282
  80. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/UserMenuAccount.js +2 -134
  81. package/src/sap/f/gen/ui5/webcomponents_fiori/dist/UserMenuItem.js +2 -79
  82. package/src/sap/f/gen/ui5/webcomponents_fiori.js +2 -1859
  83. package/src/sap/f/library.js +3 -4
  84. package/src/sap/f/routing/Target.js +2 -2
  85. package/src/sap/f/semantic/AddAction.js +1 -1
  86. package/src/sap/f/semantic/CloseAction.js +1 -1
  87. package/src/sap/f/semantic/CopyAction.js +1 -1
  88. package/src/sap/f/semantic/DeleteAction.js +1 -1
  89. package/src/sap/f/semantic/DiscussInJamAction.js +1 -1
  90. package/src/sap/f/semantic/EditAction.js +1 -1
  91. package/src/sap/f/semantic/ExitFullScreenAction.js +1 -1
  92. package/src/sap/f/semantic/FavoriteAction.js +1 -1
  93. package/src/sap/f/semantic/FlagAction.js +1 -1
  94. package/src/sap/f/semantic/FooterMainAction.js +1 -1
  95. package/src/sap/f/semantic/FullScreenAction.js +1 -1
  96. package/src/sap/f/semantic/MainAction.js +1 -1
  97. package/src/sap/f/semantic/MessagesIndicator.js +1 -1
  98. package/src/sap/f/semantic/NegativeAction.js +1 -1
  99. package/src/sap/f/semantic/PositiveAction.js +1 -1
  100. package/src/sap/f/semantic/PrintAction.js +1 -1
  101. package/src/sap/f/semantic/SemanticButton.js +1 -1
  102. package/src/sap/f/semantic/SemanticConfiguration.js +1 -1
  103. package/src/sap/f/semantic/SemanticControl.js +1 -1
  104. package/src/sap/f/semantic/SemanticPage.js +1 -1
  105. package/src/sap/f/semantic/SemanticToggleButton.js +1 -1
  106. package/src/sap/f/semantic/SendEmailAction.js +1 -1
  107. package/src/sap/f/semantic/SendMessageAction.js +1 -1
  108. package/src/sap/f/semantic/ShareInJamAction.js +1 -1
  109. package/src/sap/f/semantic/TitleMainAction.js +1 -1
  110. package/src/sap/f/shellBar/AdditionalContentSupport.js +1 -1
  111. package/src/sap/f/shellBar/CoPilot.js +1 -1
  112. package/src/sap/f/shellBar/ControlSpacer.js +1 -1
  113. package/src/sap/f/shellBar/Search.js +1 -1
  114. package/src/sap/f/themes/base/AvatarGroup.less +2 -2
  115. package/src/sap/f/thirdparty/AccessibilityTextsHelper.js +2 -13
  116. package/src/sap/f/thirdparty/Avatar.js +2 -453
  117. package/src/sap/f/thirdparty/BusyIndicator.js +2 -233
  118. package/src/sap/f/thirdparty/Button.js +2 -7
  119. package/src/sap/f/thirdparty/Button2.js +2 -656
  120. package/src/sap/f/thirdparty/FocusableElements.js +2 -10
  121. package/src/sap/f/thirdparty/Icon.js +2 -313
  122. package/src/sap/f/thirdparty/Icons.js +2 -56
  123. package/src/sap/f/thirdparty/IllustratedMessage.js +2 -1295
  124. package/src/sap/f/thirdparty/Illustrations.js +2 -9
  125. package/src/sap/f/thirdparty/Label.js +2 -115
  126. package/src/sap/f/thirdparty/Link.js +2 -316
  127. package/src/sap/f/thirdparty/List.js +2 -1253
  128. package/src/sap/f/thirdparty/ListBoxItemGroupTemplate.js +2 -14
  129. package/src/sap/f/thirdparty/ListItemAdditionalText.css.js +2 -10
  130. package/src/sap/f/thirdparty/ListItemBase.js +2 -251
  131. package/src/sap/f/thirdparty/ListItemGroup.js +2 -637
  132. package/src/sap/f/thirdparty/Menu.js +2 -389
  133. package/src/sap/f/thirdparty/MenuItem.js +2 -10
  134. package/src/sap/f/thirdparty/MenuItem2.js +2 -762
  135. package/src/sap/f/thirdparty/NotificationList.js +2 -291
  136. package/src/sap/f/thirdparty/NotificationListGroupItem.js +2 -310
  137. package/src/sap/f/thirdparty/NotificationListItem.js +2 -534
  138. package/src/sap/f/thirdparty/NotificationListItemBase.js +2 -98
  139. package/src/sap/f/thirdparty/ResponsivePopover.js +2 -2312
  140. package/src/sap/f/thirdparty/SearchItem.css.js +2 -10
  141. package/src/sap/f/thirdparty/SearchItem.js +2 -152
  142. package/src/sap/f/thirdparty/SearchItemGroup.js +2 -44
  143. package/src/sap/f/thirdparty/SearchItemShowMore.js +2 -86
  144. package/src/sap/f/thirdparty/SearchMessageArea.js +2 -49
  145. package/src/sap/f/thirdparty/SearchScope.js +2 -39
  146. package/src/sap/f/thirdparty/ShellBar.js +2 -1809
  147. package/src/sap/f/thirdparty/ShellBarBranding.js +2 -119
  148. package/src/sap/f/thirdparty/ShellBarItem.js +2 -89
  149. package/src/sap/f/thirdparty/ShellBarSearch.js +2 -7
  150. package/src/sap/f/thirdparty/ShellBarSearch2.js +2 -3453
  151. package/src/sap/f/thirdparty/ShellBarSpacer.js +2 -40
  152. package/src/sap/f/thirdparty/Tag.js +2 -302
  153. package/src/sap/f/thirdparty/Text.js +2 -127
  154. package/src/sap/f/thirdparty/Theme.js +2 -187
  155. package/src/sap/f/thirdparty/Title.js +2 -167
  156. package/src/sap/f/thirdparty/UserMenu.js +2 -950
  157. package/src/sap/f/thirdparty/UserMenuAccount.js +2 -114
  158. package/src/sap/f/thirdparty/UserMenuItem.js +2 -61
  159. package/src/sap/f/thirdparty/ValueState.js +2 -7
  160. package/src/sap/f/thirdparty/WrappingType.js +2 -24
  161. package/src/sap/f/thirdparty/_dynamics/InputComposition.js +2 -35
  162. package/src/sap/f/thirdparty/_dynamics/InputSuggestions.js +2 -397
  163. package/src/sap/f/thirdparty/_dynamics/ListItemStandardExpandableTextTemplate.js +2 -193
  164. package/src/sap/f/thirdparty/_dynamics/SAP-icons-TNT.js +2 -585
  165. package/src/sap/f/thirdparty/_dynamics/SAP-icons-TNT2.js +2 -585
  166. package/src/sap/f/thirdparty/_dynamics/SAP-icons-business-suite.js +2 -1194
  167. package/src/sap/f/thirdparty/_dynamics/SAP-icons-business-suite2.js +2 -1194
  168. package/src/sap/f/thirdparty/_dynamics/SAP-icons.js +2 -2509
  169. package/src/sap/f/thirdparty/_dynamics/SAP-icons2.js +2 -2509
  170. package/src/sap/f/thirdparty/_dynamics/ar.js +2 -0
  171. package/src/sap/f/thirdparty/_dynamics/ar_EG.js +2 -0
  172. package/src/sap/f/thirdparty/_dynamics/ar_SA.js +2 -0
  173. package/src/sap/f/thirdparty/_dynamics/bg.js +2 -0
  174. package/src/sap/f/thirdparty/_dynamics/ca.js +2 -0
  175. package/src/sap/f/thirdparty/_dynamics/cnr.js +2 -0
  176. package/src/sap/f/thirdparty/_dynamics/cs.js +2 -0
  177. package/src/sap/f/thirdparty/_dynamics/da.js +2 -0
  178. package/src/sap/f/thirdparty/_dynamics/de.js +2 -0
  179. package/src/sap/f/thirdparty/_dynamics/de_AT.js +2 -0
  180. package/src/sap/f/thirdparty/_dynamics/de_CH.js +2 -0
  181. package/src/sap/f/thirdparty/_dynamics/el.js +2 -0
  182. package/src/sap/f/thirdparty/_dynamics/el_CY.js +2 -0
  183. package/src/sap/f/thirdparty/_dynamics/en.js +2 -0
  184. package/src/sap/f/thirdparty/_dynamics/en_AU.js +2 -0
  185. package/src/sap/f/thirdparty/_dynamics/en_GB.js +2 -0
  186. package/src/sap/f/thirdparty/_dynamics/en_HK.js +2 -0
  187. package/src/sap/f/thirdparty/_dynamics/en_IE.js +2 -0
  188. package/src/sap/f/thirdparty/_dynamics/en_IN.js +2 -0
  189. package/src/sap/f/thirdparty/_dynamics/en_NZ.js +2 -0
  190. package/src/sap/f/thirdparty/_dynamics/en_PG.js +2 -0
  191. package/src/sap/f/thirdparty/_dynamics/en_SG.js +2 -0
  192. package/src/sap/f/thirdparty/_dynamics/en_ZA.js +2 -0
  193. package/src/sap/f/thirdparty/_dynamics/es.js +2 -0
  194. package/src/sap/f/thirdparty/_dynamics/es_AR.js +2 -0
  195. package/src/sap/f/thirdparty/_dynamics/es_BO.js +2 -0
  196. package/src/sap/f/thirdparty/_dynamics/es_CL.js +2 -0
  197. package/src/sap/f/thirdparty/_dynamics/es_CO.js +2 -0
  198. package/src/sap/f/thirdparty/_dynamics/es_MX.js +2 -0
  199. package/src/sap/f/thirdparty/_dynamics/es_PE.js +2 -0
  200. package/src/sap/f/thirdparty/_dynamics/es_UY.js +2 -0
  201. package/src/sap/f/thirdparty/_dynamics/es_VE.js +2 -0
  202. package/src/sap/f/thirdparty/_dynamics/et.js +2 -0
  203. package/src/sap/f/thirdparty/_dynamics/fa.js +2 -0
  204. package/src/sap/f/thirdparty/_dynamics/fi.js +2 -0
  205. package/src/sap/f/thirdparty/_dynamics/fr.js +2 -0
  206. package/src/sap/f/thirdparty/_dynamics/fr_BE.js +2 -0
  207. package/src/sap/f/thirdparty/_dynamics/fr_CA.js +2 -0
  208. package/src/sap/f/thirdparty/_dynamics/fr_CH.js +2 -0
  209. package/src/sap/f/thirdparty/_dynamics/fr_LU.js +2 -0
  210. package/src/sap/f/thirdparty/_dynamics/he.js +2 -0
  211. package/src/sap/f/thirdparty/_dynamics/hi.js +2 -0
  212. package/src/sap/f/thirdparty/_dynamics/hr.js +2 -0
  213. package/src/sap/f/thirdparty/_dynamics/hu.js +2 -0
  214. package/src/sap/f/thirdparty/_dynamics/id.js +2 -0
  215. package/src/sap/f/thirdparty/_dynamics/it.js +2 -0
  216. package/src/sap/f/thirdparty/_dynamics/it_CH.js +2 -0
  217. package/src/sap/f/thirdparty/_dynamics/ja.js +2 -0
  218. package/src/sap/f/thirdparty/_dynamics/kk.js +2 -0
  219. package/src/sap/f/thirdparty/_dynamics/ko.js +2 -0
  220. package/src/sap/f/thirdparty/_dynamics/lt.js +2 -0
  221. package/src/sap/f/thirdparty/_dynamics/lv.js +2 -0
  222. package/src/sap/f/thirdparty/_dynamics/messagebundle_ar.js +2 -866
  223. package/src/sap/f/thirdparty/_dynamics/messagebundle_ar2.js +2 -611
  224. package/src/sap/f/thirdparty/_dynamics/messagebundle_bg.js +2 -866
  225. package/src/sap/f/thirdparty/_dynamics/messagebundle_bg2.js +2 -611
  226. package/src/sap/f/thirdparty/_dynamics/messagebundle_ca.js +2 -866
  227. package/src/sap/f/thirdparty/_dynamics/messagebundle_ca2.js +2 -611
  228. package/src/sap/f/thirdparty/_dynamics/messagebundle_cnr.js +2 -866
  229. package/src/sap/f/thirdparty/_dynamics/messagebundle_cnr2.js +2 -611
  230. package/src/sap/f/thirdparty/_dynamics/messagebundle_cs.js +2 -866
  231. package/src/sap/f/thirdparty/_dynamics/messagebundle_cs2.js +2 -611
  232. package/src/sap/f/thirdparty/_dynamics/messagebundle_cy.js +2 -866
  233. package/src/sap/f/thirdparty/_dynamics/messagebundle_cy2.js +2 -611
  234. package/src/sap/f/thirdparty/_dynamics/messagebundle_da.js +2 -866
  235. package/src/sap/f/thirdparty/_dynamics/messagebundle_da2.js +2 -611
  236. package/src/sap/f/thirdparty/_dynamics/messagebundle_de.js +2 -866
  237. package/src/sap/f/thirdparty/_dynamics/messagebundle_de2.js +2 -611
  238. package/src/sap/f/thirdparty/_dynamics/messagebundle_el.js +2 -866
  239. package/src/sap/f/thirdparty/_dynamics/messagebundle_el2.js +2 -611
  240. package/src/sap/f/thirdparty/_dynamics/messagebundle_en.js +2 -866
  241. package/src/sap/f/thirdparty/_dynamics/messagebundle_en2.js +2 -611
  242. package/src/sap/f/thirdparty/_dynamics/messagebundle_en_GB.js +2 -866
  243. package/src/sap/f/thirdparty/_dynamics/messagebundle_en_GB2.js +2 -611
  244. package/src/sap/f/thirdparty/_dynamics/messagebundle_en_US_sappsd.js +2 -866
  245. package/src/sap/f/thirdparty/_dynamics/messagebundle_en_US_sappsd2.js +2 -611
  246. package/src/sap/f/thirdparty/_dynamics/messagebundle_en_US_saprigi.js +2 -866
  247. package/src/sap/f/thirdparty/_dynamics/messagebundle_en_US_saprigi2.js +2 -611
  248. package/src/sap/f/thirdparty/_dynamics/messagebundle_en_US_saptrc.js +2 -866
  249. package/src/sap/f/thirdparty/_dynamics/messagebundle_en_US_saptrc2.js +2 -611
  250. package/src/sap/f/thirdparty/_dynamics/messagebundle_es.js +2 -866
  251. package/src/sap/f/thirdparty/_dynamics/messagebundle_es2.js +2 -611
  252. package/src/sap/f/thirdparty/_dynamics/messagebundle_es_MX.js +2 -866
  253. package/src/sap/f/thirdparty/_dynamics/messagebundle_es_MX2.js +2 -611
  254. package/src/sap/f/thirdparty/_dynamics/messagebundle_et.js +2 -866
  255. package/src/sap/f/thirdparty/_dynamics/messagebundle_et2.js +2 -611
  256. package/src/sap/f/thirdparty/_dynamics/messagebundle_fi.js +2 -866
  257. package/src/sap/f/thirdparty/_dynamics/messagebundle_fi2.js +2 -611
  258. package/src/sap/f/thirdparty/_dynamics/messagebundle_fr.js +2 -866
  259. package/src/sap/f/thirdparty/_dynamics/messagebundle_fr2.js +2 -611
  260. package/src/sap/f/thirdparty/_dynamics/messagebundle_fr_CA.js +2 -866
  261. package/src/sap/f/thirdparty/_dynamics/messagebundle_fr_CA2.js +2 -611
  262. package/src/sap/f/thirdparty/_dynamics/messagebundle_hi.js +2 -866
  263. package/src/sap/f/thirdparty/_dynamics/messagebundle_hi2.js +2 -611
  264. package/src/sap/f/thirdparty/_dynamics/messagebundle_hr.js +2 -866
  265. package/src/sap/f/thirdparty/_dynamics/messagebundle_hr2.js +2 -611
  266. package/src/sap/f/thirdparty/_dynamics/messagebundle_hu.js +2 -866
  267. package/src/sap/f/thirdparty/_dynamics/messagebundle_hu2.js +2 -611
  268. package/src/sap/f/thirdparty/_dynamics/messagebundle_id.js +2 -866
  269. package/src/sap/f/thirdparty/_dynamics/messagebundle_id2.js +2 -611
  270. package/src/sap/f/thirdparty/_dynamics/messagebundle_it.js +2 -866
  271. package/src/sap/f/thirdparty/_dynamics/messagebundle_it2.js +2 -611
  272. package/src/sap/f/thirdparty/_dynamics/messagebundle_iw.js +2 -866
  273. package/src/sap/f/thirdparty/_dynamics/messagebundle_iw2.js +2 -611
  274. package/src/sap/f/thirdparty/_dynamics/messagebundle_ja.js +2 -866
  275. package/src/sap/f/thirdparty/_dynamics/messagebundle_ja2.js +2 -611
  276. package/src/sap/f/thirdparty/_dynamics/messagebundle_kk.js +2 -866
  277. package/src/sap/f/thirdparty/_dynamics/messagebundle_kk2.js +2 -611
  278. package/src/sap/f/thirdparty/_dynamics/messagebundle_ko.js +2 -866
  279. package/src/sap/f/thirdparty/_dynamics/messagebundle_ko2.js +2 -611
  280. package/src/sap/f/thirdparty/_dynamics/messagebundle_lt.js +2 -866
  281. package/src/sap/f/thirdparty/_dynamics/messagebundle_lt2.js +2 -611
  282. package/src/sap/f/thirdparty/_dynamics/messagebundle_lv.js +2 -866
  283. package/src/sap/f/thirdparty/_dynamics/messagebundle_lv2.js +2 -611
  284. package/src/sap/f/thirdparty/_dynamics/messagebundle_mk.js +2 -866
  285. package/src/sap/f/thirdparty/_dynamics/messagebundle_mk2.js +2 -611
  286. package/src/sap/f/thirdparty/_dynamics/messagebundle_ms.js +2 -866
  287. package/src/sap/f/thirdparty/_dynamics/messagebundle_ms2.js +2 -611
  288. package/src/sap/f/thirdparty/_dynamics/messagebundle_nl.js +2 -866
  289. package/src/sap/f/thirdparty/_dynamics/messagebundle_nl2.js +2 -611
  290. package/src/sap/f/thirdparty/_dynamics/messagebundle_no.js +2 -866
  291. package/src/sap/f/thirdparty/_dynamics/messagebundle_no2.js +2 -611
  292. package/src/sap/f/thirdparty/_dynamics/messagebundle_pl.js +2 -866
  293. package/src/sap/f/thirdparty/_dynamics/messagebundle_pl2.js +2 -611
  294. package/src/sap/f/thirdparty/_dynamics/messagebundle_pt.js +2 -866
  295. package/src/sap/f/thirdparty/_dynamics/messagebundle_pt2.js +2 -611
  296. package/src/sap/f/thirdparty/_dynamics/messagebundle_pt_PT.js +2 -866
  297. package/src/sap/f/thirdparty/_dynamics/messagebundle_pt_PT2.js +2 -611
  298. package/src/sap/f/thirdparty/_dynamics/messagebundle_ro.js +2 -866
  299. package/src/sap/f/thirdparty/_dynamics/messagebundle_ro2.js +2 -611
  300. package/src/sap/f/thirdparty/_dynamics/messagebundle_ru.js +2 -866
  301. package/src/sap/f/thirdparty/_dynamics/messagebundle_ru2.js +2 -611
  302. package/src/sap/f/thirdparty/_dynamics/messagebundle_sh.js +2 -866
  303. package/src/sap/f/thirdparty/_dynamics/messagebundle_sh2.js +2 -611
  304. package/src/sap/f/thirdparty/_dynamics/messagebundle_sk.js +2 -866
  305. package/src/sap/f/thirdparty/_dynamics/messagebundle_sk2.js +2 -611
  306. package/src/sap/f/thirdparty/_dynamics/messagebundle_sl.js +2 -866
  307. package/src/sap/f/thirdparty/_dynamics/messagebundle_sl2.js +2 -611
  308. package/src/sap/f/thirdparty/_dynamics/messagebundle_sr.js +2 -866
  309. package/src/sap/f/thirdparty/_dynamics/messagebundle_sr2.js +2 -611
  310. package/src/sap/f/thirdparty/_dynamics/messagebundle_sv.js +2 -866
  311. package/src/sap/f/thirdparty/_dynamics/messagebundle_sv2.js +2 -611
  312. package/src/sap/f/thirdparty/_dynamics/messagebundle_th.js +2 -866
  313. package/src/sap/f/thirdparty/_dynamics/messagebundle_th2.js +2 -611
  314. package/src/sap/f/thirdparty/_dynamics/messagebundle_tr.js +2 -866
  315. package/src/sap/f/thirdparty/_dynamics/messagebundle_tr2.js +2 -611
  316. package/src/sap/f/thirdparty/_dynamics/messagebundle_uk.js +2 -866
  317. package/src/sap/f/thirdparty/_dynamics/messagebundle_uk2.js +2 -611
  318. package/src/sap/f/thirdparty/_dynamics/messagebundle_vi.js +2 -866
  319. package/src/sap/f/thirdparty/_dynamics/messagebundle_vi2.js +2 -611
  320. package/src/sap/f/thirdparty/_dynamics/messagebundle_zh_CN.js +2 -866
  321. package/src/sap/f/thirdparty/_dynamics/messagebundle_zh_CN2.js +2 -611
  322. package/src/sap/f/thirdparty/_dynamics/messagebundle_zh_TW.js +2 -866
  323. package/src/sap/f/thirdparty/_dynamics/messagebundle_zh_TW2.js +2 -611
  324. package/src/sap/f/thirdparty/_dynamics/mk.js +2 -0
  325. package/src/sap/f/thirdparty/_dynamics/ms.js +2 -0
  326. package/src/sap/f/thirdparty/_dynamics/nb.js +2 -0
  327. package/src/sap/f/thirdparty/_dynamics/nl.js +2 -0
  328. package/src/sap/f/thirdparty/_dynamics/nl_BE.js +2 -0
  329. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css10.js +2 -7
  330. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css11.js +2 -7
  331. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css12.js +2 -7
  332. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css13.js +2 -7
  333. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css14.js +2 -7
  334. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css15.js +2 -7
  335. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css16.js +2 -7
  336. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css17.js +2 -7
  337. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css18.js +2 -7
  338. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css19.js +2 -7
  339. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css20.js +2 -7
  340. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css21.js +2 -7
  341. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css22.js +2 -7
  342. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css23.js +2 -7
  343. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css24.js +2 -7
  344. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css25.js +2 -7
  345. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css26.js +2 -7
  346. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css27.js +2 -7
  347. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css4.js +2 -7
  348. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css5.js +2 -7
  349. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css6.js +2 -7
  350. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css7.js +2 -7
  351. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css8.js +2 -7
  352. package/src/sap/f/thirdparty/_dynamics/parameters-bundle.css9.js +2 -7
  353. package/src/sap/f/thirdparty/_dynamics/pl.js +2 -0
  354. package/src/sap/f/thirdparty/_dynamics/pt.js +2 -0
  355. package/src/sap/f/thirdparty/_dynamics/pt_PT.js +2 -0
  356. package/src/sap/f/thirdparty/_dynamics/ro.js +2 -0
  357. package/src/sap/f/thirdparty/_dynamics/ru.js +2 -0
  358. package/src/sap/f/thirdparty/_dynamics/ru_UA.js +2 -0
  359. package/src/sap/f/thirdparty/_dynamics/sk.js +2 -0
  360. package/src/sap/f/thirdparty/_dynamics/sl.js +2 -0
  361. package/src/sap/f/thirdparty/_dynamics/sr.js +2 -0
  362. package/src/sap/f/thirdparty/_dynamics/sr_Latn.js +2 -0
  363. package/src/sap/f/thirdparty/_dynamics/sv.js +2 -0
  364. package/src/sap/f/thirdparty/_dynamics/th.js +2 -0
  365. package/src/sap/f/thirdparty/_dynamics/tr.js +2 -0
  366. package/src/sap/f/thirdparty/_dynamics/uk.js +2 -0
  367. package/src/sap/f/thirdparty/_dynamics/vi.js +2 -0
  368. package/src/sap/f/thirdparty/_dynamics/zh_CN.js +2 -0
  369. package/src/sap/f/thirdparty/_dynamics/zh_HK.js +2 -0
  370. package/src/sap/f/thirdparty/_dynamics/zh_SG.js +2 -0
  371. package/src/sap/f/thirdparty/_dynamics/zh_TW.js +2 -0
  372. package/src/sap/f/thirdparty/encodeXML.js +6 -81
  373. package/src/sap/f/thirdparty/event-strict.js +2 -7
  374. package/src/sap/f/thirdparty/generateHighlightedMarkup.js +2 -9
  375. package/src/sap/f/thirdparty/i18n-defaults.js +2 -123
  376. package/src/sap/f/thirdparty/i18n-defaults2.js +2 -159
  377. package/src/sap/f/thirdparty/information.js +2 -100
  378. package/src/sap/f/thirdparty/information2.js +2 -13
  379. package/src/sap/f/thirdparty/overflow.js +2 -25
  380. package/src/sap/f/thirdparty/parameters-bundle.css.js +2 -11
  381. package/src/sap/f/thirdparty/parameters-bundle.css2.js +2 -44
  382. package/src/sap/f/thirdparty/parameters-bundle.css3.js +2 -8
  383. package/src/sap/f/thirdparty/query.js +2 -7
  384. package/src/sap/f/thirdparty/slim-arrow-down.js +2 -44
  385. package/src/sap/f/thirdparty/sys-enter-2.js +2 -7
  386. package/src/sap/f/thirdparty/toLowercaseEnumValue.js +2 -7
  387. package/src/sap/f/thirdparty/ui5/webcomponents_fiori/dist/illustrations/UnableToUpload.js +2 -132
  388. package/src/sap/f/thirdparty/ui5/webcomponents_icons/AllIcons.js +2 -26
  389. package/src/sap/f/thirdparty/ui5/webcomponents_icons_business_suite/AllIcons.js +2 -26
  390. package/src/sap/f/thirdparty/ui5/webcomponents_icons_tnt/AllIcons.js +2 -26
  391. package/src/sap/f/thirdparty/webcomponents-base.js +2 -7
  392. package/src/sap/f/thirdparty/webcomponents-fiori.js +2 -5
  393. package/src/sap/f/thirdparty/webcomponents.js +51 -4589
  394. package/src/sap/f/thirdparty/willShowContent.js +2 -7
  395. 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(['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 (exports, parametersBundle_css, webcomponentsBase, parametersBundle_css$1, Theme, i18nDefaults, Text, Link, Button, ResponsivePopover, Icons, willShowContent, eventStrict, AccessibilityTextsHelper, toLowercaseEnumValue, Icon, BusyIndicator, Label, information, Title, ValueState, FocusableElements, ListItemBase) { 'use strict';
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