@ui5/webcomponents-fiori 1.9.3 → 1.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (883) hide show
  1. package/CHANGELOG.md +47 -0
  2. package/LICENSE.txt +201 -0
  3. package/dist/Assets-static.d.ts +3 -0
  4. package/dist/Assets-static.js +1 -1
  5. package/dist/Assets-static.js.map +1 -0
  6. package/dist/Assets.d.ts +3 -0
  7. package/dist/Assets.js +1 -1
  8. package/dist/Assets.js.map +1 -0
  9. package/dist/Bar.d.ts +113 -0
  10. package/dist/Bar.js +83 -143
  11. package/dist/Bar.js.map +1 -0
  12. package/dist/BarcodeScannerDialog.js +7 -7
  13. package/dist/DynamicSideContent.d.ts +262 -0
  14. package/dist/DynamicSideContent.js +294 -479
  15. package/dist/DynamicSideContent.js.map +1 -0
  16. package/dist/FilterItem.d.ts +53 -0
  17. package/dist/FilterItem.js +27 -56
  18. package/dist/FilterItem.js.map +1 -0
  19. package/dist/FilterItemOption.d.ts +44 -0
  20. package/dist/FilterItemOption.js +23 -47
  21. package/dist/FilterItemOption.js.map +1 -0
  22. package/dist/FlexibleColumnLayout.js +11 -11
  23. package/dist/IllustratedMessage.d.ts +330 -0
  24. package/dist/IllustratedMessage.js +226 -469
  25. package/dist/IllustratedMessage.js.map +1 -0
  26. package/dist/Interfaces.d.ts +113 -0
  27. package/dist/Interfaces.js +30 -58
  28. package/dist/Interfaces.js.map +1 -0
  29. package/dist/MediaGallery.js +14 -14
  30. package/dist/MediaGalleryItem.js +6 -6
  31. package/dist/NotificationAction.js +7 -7
  32. package/dist/NotificationListGroupItem.js +8 -8
  33. package/dist/NotificationListItem.js +12 -12
  34. package/dist/NotificationListItemBase.js +18 -12
  35. package/dist/Page.d.ts +138 -0
  36. package/dist/Page.js +84 -181
  37. package/dist/Page.js.map +1 -0
  38. package/dist/ProductSwitch.d.ts +80 -0
  39. package/dist/ProductSwitch.js +113 -156
  40. package/dist/ProductSwitch.js.map +1 -0
  41. package/dist/ProductSwitchItem.d.ts +127 -0
  42. package/dist/ProductSwitchItem.js +117 -213
  43. package/dist/ProductSwitchItem.js.map +1 -0
  44. package/dist/ShellBar.js +104 -27
  45. package/dist/ShellBarItem.js +6 -6
  46. package/dist/SideNavigation.js +9 -9
  47. package/dist/SideNavigationItem.js +24 -7
  48. package/dist/SideNavigationSubItem.js +5 -5
  49. package/dist/SortItem.d.ts +44 -0
  50. package/dist/SortItem.js +23 -46
  51. package/dist/SortItem.js.map +1 -0
  52. package/dist/Timeline.d.ts +78 -0
  53. package/dist/Timeline.js +101 -150
  54. package/dist/Timeline.js.map +1 -0
  55. package/dist/TimelineItem.d.ts +118 -0
  56. package/dist/TimelineItem.js +104 -173
  57. package/dist/TimelineItem.js.map +1 -0
  58. package/dist/UploadCollection.d.ts +171 -0
  59. package/dist/UploadCollection.js +213 -341
  60. package/dist/UploadCollection.js.map +1 -0
  61. package/dist/UploadCollectionItem.d.ts +214 -0
  62. package/dist/UploadCollectionItem.js +315 -481
  63. package/dist/UploadCollectionItem.js.map +1 -0
  64. package/dist/ViewSettingsDialog.d.ts +281 -0
  65. package/dist/ViewSettingsDialog.js +529 -689
  66. package/dist/ViewSettingsDialog.js.map +1 -0
  67. package/dist/Wizard.js +41 -28
  68. package/dist/WizardStep.js +6 -6
  69. package/dist/WizardTab.js +6 -6
  70. package/dist/api.json +1 -1
  71. package/dist/assets/{AddColumn.a17f3215.js → AddColumn.9bb605c4.js} +1 -1
  72. package/dist/assets/AddDimensions.7c9bcb9e.js +111 -0
  73. package/dist/assets/{AddPeople.0342db56.js → AddPeople.a7c73cb8.js} +1 -1
  74. package/dist/assets/{BalloonSky.3047681a.js → BalloonSky.ef1eff2f.js} +2 -2
  75. package/dist/assets/{ChartArea.f8b4373a.js → ChartArea.e37ab8f7.js} +1 -1
  76. package/dist/assets/{ChartArea2.1e675f53.js → ChartArea2.266b671b.js} +1 -1
  77. package/dist/assets/{ChartBPMNFlow.395cb47a.js → ChartBPMNFlow.518e62f7.js} +1 -1
  78. package/dist/assets/{ChartBar.7c23a337.js → ChartBar.6cb0a1f4.js} +1 -1
  79. package/dist/assets/{ChartBullet.3977fcfc.js → ChartBullet.d7eafc34.js} +1 -1
  80. package/dist/assets/{ChartDoughnut.83a14933.js → ChartDoughnut.f34385fb.js} +1 -1
  81. package/dist/assets/{ChartFlow.7f564d7b.js → ChartFlow.e197b66a.js} +1 -1
  82. package/dist/assets/{ChartGantt.df0f3657.js → ChartGantt.6c939818.js} +1 -1
  83. package/dist/assets/{ChartOrg.455cb213.js → ChartOrg.b979a487.js} +1 -1
  84. package/dist/assets/{ChartPie.b4cddba5.js → ChartPie.22ab54a8.js} +1 -1
  85. package/dist/assets/{CodePlaceholder.cea35a4d.js → CodePlaceholder.3468047b.js} +1 -1
  86. package/dist/assets/{Company.6063f2da.js → Company.c2fd4108.js} +1 -1
  87. package/dist/assets/{Components.63562bdb.js → Components.c3b9437a.js} +1 -1
  88. package/dist/assets/{Connection.5c38b9dd.js → Connection.64dada36.js} +1 -1
  89. package/dist/assets/{EmptyCalendar.01690c8e.js → EmptyCalendar.1195e6a1.js} +1 -1
  90. package/dist/assets/{EmptyList.6ce6af16.js → EmptyList.9edede83.js} +1 -1
  91. package/dist/assets/{EmptyPlanningCalendar.b4b3a8cd.js → EmptyPlanningCalendar.ea0cd19b.js} +1 -1
  92. package/dist/assets/{ErrorScreen.8adbae40.js → ErrorScreen.ed2d0f7e.js} +1 -1
  93. package/dist/assets/{ExternalLink.08c8c669.js → ExternalLink.a25a417e.js} +1 -1
  94. package/dist/assets/{FaceID.688ef007.js → FaceID.92960800.js} +1 -1
  95. package/dist/assets/{FilterTable.51c92046.js → FilterTable.41d782fd.js} +1 -1
  96. package/dist/assets/{Fingerprint.3b76d6b6.js → Fingerprint.16889bbe.js} +1 -1
  97. package/dist/assets/{GroupTable.989bea29.js → GroupTable.ed1786e8.js} +1 -1
  98. package/dist/assets/{Lock.ae9c6474.js → Lock.877cfdc1.js} +1 -1
  99. package/dist/assets/{Mission.a0260897.js → Mission.b4fda1d9.js} +1 -1
  100. package/dist/assets/{NoActivities.6914731b.js → NoActivities.de3a13da.js} +1 -1
  101. package/dist/assets/{NoApplications.3b943854.js → NoApplications.0c725074.js} +1 -1
  102. package/dist/assets/{NoData.68dad535.js → NoData.05ef7270.js} +1 -1
  103. package/dist/assets/NoDimensionsSet.1f48826a.js +120 -0
  104. package/dist/assets/{NoEntries.6ad11a8f.js → NoEntries.da911cf9.js} +1 -1
  105. package/dist/assets/{NoFilterResults.eeef27a1.js → NoFilterResults.6717fe8c.js} +1 -1
  106. package/dist/assets/{NoFlows.af20b318.js → NoFlows.71831329.js} +1 -1
  107. package/dist/assets/{NoMail.a653f32b.js → NoMail.b4ed4064.js} +1 -1
  108. package/dist/assets/{NoMail_v1.fd79644b.js → NoMail_v1.9b6d774b.js} +1 -1
  109. package/dist/assets/{NoNotifications.e032c10f.js → NoNotifications.a7b3692a.js} +1 -1
  110. package/dist/assets/{NoSavedItems.00aaaff8.js → NoSavedItems.9e60c9aa.js} +1 -1
  111. package/dist/assets/{NoSavedItems_v1.d057073d.js → NoSavedItems_v1.6c5551d8.js} +1 -1
  112. package/dist/assets/{NoSearchResults.fca6c5cf.js → NoSearchResults.0781cc48.js} +1 -1
  113. package/dist/assets/{NoTasks.2a139533.js → NoTasks.2564b50f.js} +1 -1
  114. package/dist/assets/{NoTasks_v1.0c075365.js → NoTasks_v1.46a1995b.js} +1 -1
  115. package/dist/assets/{NoUsers.5d326428.js → NoUsers.1bb6e5f4.js} +1 -1
  116. package/dist/assets/{PageNotFound.8bccbf3f.js → PageNotFound.aecdfcc2.js} +1 -1
  117. package/dist/assets/{Radar.483926dd.js → Radar.dbf742f9.js} +1 -1
  118. package/dist/assets/{ReloadScreen.f92180e8.js → ReloadScreen.f10d0365.js} +1 -1
  119. package/dist/assets/{ResizeColumn.243a1f63.js → ResizeColumn.a10a5442.js} +1 -1
  120. package/dist/assets/{SearchEarth.7334672a.js → SearchEarth.75b723a2.js} +1 -1
  121. package/dist/assets/{SearchFolder.84d7b995.js → SearchFolder.7dbb9bbd.js} +1 -1
  122. package/dist/assets/{Secrets.f8288a03.js → Secrets.8a9683ef.js} +1 -1
  123. package/dist/assets/{Services.9b7a9c76.js → Services.83b5fb8e.js} +1 -1
  124. package/dist/assets/{SessionExpired.02026bcd.js → SessionExpired.d5b53bc4.js} +1 -1
  125. package/dist/assets/{SessionExpiring.240ae3f1.js → SessionExpiring.6d6419f3.js} +1 -1
  126. package/dist/assets/{SimpleBalloon.7b9f1a77.js → SimpleBalloon.b0154cd4.js} +1 -1
  127. package/dist/assets/{SimpleBell.e4ee6c8b.js → SimpleBell.1fc04f72.js} +1 -1
  128. package/dist/assets/{SimpleCalendar.2ec5b0bc.js → SimpleCalendar.016d161d.js} +1 -1
  129. package/dist/assets/{SimpleCheckMark.c8bbf266.js → SimpleCheckMark.f7fb824f.js} +1 -1
  130. package/dist/assets/{SimpleConnection.64592b0d.js → SimpleConnection.55fea8ce.js} +1 -1
  131. package/dist/assets/{SimpleEmptyDoc.d3daf6c7.js → SimpleEmptyDoc.ace318fd.js} +1 -1
  132. package/dist/assets/{SimpleEmptyList.516ff783.js → SimpleEmptyList.074d53c5.js} +1 -1
  133. package/dist/assets/{SimpleError.d0b42f36.js → SimpleError.05047e02.js} +2 -2
  134. package/dist/assets/{SimpleMagnifier.68132a44.js → SimpleMagnifier.012a750c.js} +1 -1
  135. package/dist/assets/{SimpleMail.f09073f3.js → SimpleMail.c79551b6.js} +1 -1
  136. package/dist/assets/{SimpleNoSavedItems.8a085c35.js → SimpleNoSavedItems.b9313e3d.js} +1 -1
  137. package/dist/assets/{SimpleNotFoundMagnifier.c37490a9.js → SimpleNotFoundMagnifier.4c6ed18e.js} +1 -1
  138. package/dist/assets/{SimpleReload.95f0be32.js → SimpleReload.b0e8acf8.js} +1 -1
  139. package/dist/assets/{SimpleTask.8f1dae78.js → SimpleTask.ea530ede.js} +1 -1
  140. package/dist/assets/{SleepingBell.90938a5e.js → SleepingBell.9567048e.js} +1 -1
  141. package/dist/assets/{SortColumn.a1886a8e.js → SortColumn.7f592dd3.js} +1 -1
  142. package/dist/assets/{Success.3341809b.js → Success.a83c2cc6.js} +1 -1
  143. package/dist/assets/{SuccessBalloon.0e38bc7b.js → SuccessBalloon.b54b151b.js} +1 -1
  144. package/dist/assets/{SuccessCheckMark.c0f67448.js → SuccessCheckMark.b07f41d0.js} +1 -1
  145. package/dist/assets/{SuccessHighFive.163e534c.js → SuccessHighFive.9defdf1b.js} +1 -1
  146. package/dist/assets/{SuccessScreen.4f6e2373.js → SuccessScreen.e342e343.js} +1 -1
  147. package/dist/assets/{SuccessfulAuth.f6347c93.js → SuccessfulAuth.07cca8b2.js} +1 -1
  148. package/dist/assets/{Systems.79f3a0b6.js → Systems.f5e0d392.js} +1 -1
  149. package/dist/assets/{Teams.47bee0dd.js → Teams.0fd78ced.js} +1 -1
  150. package/dist/assets/{Tent.ae339786.js → Tent.e7d28d7c.js} +1 -1
  151. package/dist/assets/{Tools.fdbf82c5.js → Tools.35dd4199.js} +1 -1
  152. package/dist/assets/{UnableToLoad.a01f6fcf.js → UnableToLoad.ab319422.js} +1 -1
  153. package/dist/assets/{UnableToLoad.1568aabb.js → UnableToLoad.f5facec2.js} +1 -1
  154. package/dist/assets/{UnableToLoadImage.a30f592c.js → UnableToLoadImage.19c52e0f.js} +1 -1
  155. package/dist/assets/{UnableToUpload.b138bac7.js → UnableToUpload.acbe8f29.js} +3 -3
  156. package/dist/assets/{Unlock.c1e871b3.js → Unlock.832b7789.js} +1 -1
  157. package/dist/assets/{UnsuccessfulAuth.6655eb4d.js → UnsuccessfulAuth.6aedbb4a.js} +1 -1
  158. package/dist/assets/{UploadCollection.f40c4f12.js → UploadCollection.0e756092.js} +1 -1
  159. package/dist/assets/UploadToCloud.2bbc8814.js +85 -0
  160. package/dist/assets/{User2.14b9ac2c.js → User2.e1c8cdf2.js} +1 -1
  161. package/dist/assets/Wizard.220f7df3.css +1 -0
  162. package/dist/assets/ar.76457d6b.js +1 -0
  163. package/dist/assets/ar_EG.facab575.js +1 -0
  164. package/dist/assets/ar_SA.037c760a.js +1 -0
  165. package/dist/assets/bg.eb54e36a.js +1 -0
  166. package/dist/assets/ca.1047c043.js +1 -0
  167. package/dist/assets/cs.47109072.js +1 -0
  168. package/dist/assets/da.1562c279.js +1 -0
  169. package/dist/assets/de.3397b9d2.js +1 -0
  170. package/dist/assets/de_AT.fb777626.js +1 -0
  171. package/dist/assets/de_CH.c4011bf2.js +1 -0
  172. package/dist/assets/el.52a181c7.js +1 -0
  173. package/dist/assets/el_CY.065e8a48.js +1 -0
  174. package/dist/assets/en.8b571af2.js +1 -0
  175. package/dist/assets/en_AU.29f5e0e2.js +1 -0
  176. package/dist/assets/en_GB.b0afb274.js +1 -0
  177. package/dist/assets/en_HK.188c8a39.js +1 -0
  178. package/dist/assets/en_IE.b52bdf4f.js +1 -0
  179. package/dist/assets/en_IN.5925f501.js +1 -0
  180. package/dist/assets/en_NZ.adc1b6af.js +1 -0
  181. package/dist/assets/en_PG.2e475ab9.js +1 -0
  182. package/dist/assets/en_SG.400dc7e5.js +1 -0
  183. package/dist/assets/en_ZA.06de0b73.js +1 -0
  184. package/dist/assets/es.d137c08c.js +1 -0
  185. package/dist/assets/es_AR.a719c078.js +1 -0
  186. package/dist/assets/es_BO.ba051d49.js +1 -0
  187. package/dist/assets/es_CL.876855d2.js +1 -0
  188. package/dist/assets/es_CO.51c37c4d.js +1 -0
  189. package/dist/assets/es_MX.c11d012e.js +1 -0
  190. package/dist/assets/es_PE.1a5de4db.js +1 -0
  191. package/dist/assets/es_UY.29036823.js +1 -0
  192. package/dist/assets/es_VE.22e2164a.js +1 -0
  193. package/dist/assets/et.d802827f.js +1 -0
  194. package/dist/assets/fa.59b6aa5f.js +1 -0
  195. package/dist/assets/fi.2cc79303.js +1 -0
  196. package/dist/assets/fr.055c2d0d.js +1 -0
  197. package/dist/assets/fr_BE.79a4448b.js +1 -0
  198. package/dist/assets/fr_CA.0c4a98e4.js +1 -0
  199. package/dist/assets/fr_CH.ba0db8bd.js +1 -0
  200. package/dist/assets/fr_LU.21a6bcea.js +1 -0
  201. package/dist/assets/he.e187c6df.js +1 -0
  202. package/dist/assets/hi.cb35adb1.js +1 -0
  203. package/dist/assets/hr.24bc905c.js +1 -0
  204. package/dist/assets/hu.aadbd74c.js +1 -0
  205. package/dist/assets/id.b9bd26e5.js +1 -0
  206. package/dist/assets/it.36ffae4a.js +1 -0
  207. package/dist/assets/{it.bcf089f4.js → it_CH.7ef1e2bf.js} +1 -1
  208. package/dist/assets/ja.a08af783.js +1 -0
  209. package/dist/assets/kk.5d3dddbe.js +1 -0
  210. package/dist/assets/ko.264fdf35.js +1 -0
  211. package/dist/assets/lt.b967d42b.js +1 -0
  212. package/dist/assets/lv.9c0f8206.js +1 -0
  213. package/dist/assets/{messagebundle_ar.9ae1ef26.js → messagebundle_ar.281874f1.js} +1 -1
  214. package/dist/assets/messagebundle_ar.6bd04ff7.js +1 -0
  215. package/dist/assets/messagebundle_bg.a237e1e2.js +1 -0
  216. package/dist/assets/{messagebundle_bg.8915155f.js → messagebundle_bg.f45c2036.js} +1 -1
  217. package/dist/assets/messagebundle_ca.009a7147.js +1 -0
  218. package/dist/assets/messagebundle_ca.80a7b1a6.js +1 -0
  219. package/dist/assets/messagebundle_cs.32842bec.js +1 -0
  220. package/dist/assets/messagebundle_cs.dea0ae07.js +1 -0
  221. package/dist/assets/messagebundle_cy.c3b38bd1.js +1 -0
  222. package/dist/assets/messagebundle_cy.fffdcd71.js +1 -0
  223. package/dist/assets/messagebundle_da.663a1ec8.js +1 -0
  224. package/dist/assets/messagebundle_da.bc362b30.js +1 -0
  225. package/dist/assets/messagebundle_de.0d2961f7.js +1 -0
  226. package/dist/assets/messagebundle_de.9b35fe56.js +1 -0
  227. package/dist/assets/messagebundle_el.2e5f0a99.js +1 -0
  228. package/dist/assets/{messagebundle_el.9414cc27.js → messagebundle_el.4a113162.js} +1 -1
  229. package/dist/assets/messagebundle_en.157743e0.js +1 -0
  230. package/dist/assets/messagebundle_en.70d5c355.js +1 -0
  231. package/dist/assets/messagebundle_en_GB.292a32cf.js +1 -0
  232. package/dist/assets/messagebundle_en_GB.a851c9a1.js +1 -0
  233. package/dist/assets/{messagebundle_en_US_sappsd.7db7f6c1.js → messagebundle_en_US_sappsd.0f916f17.js} +1 -1
  234. package/dist/assets/messagebundle_en_US_sappsd.41eafb4f.js +1 -0
  235. package/dist/assets/{messagebundle_en_US_saprigi.2dc48331.js → messagebundle_en_US_saprigi.4047b392.js} +1 -1
  236. package/dist/assets/{messagebundle_en_US_saprigi.ce036cd2.js → messagebundle_en_US_saprigi.ab4ca22d.js} +1 -1
  237. package/dist/assets/messagebundle_en_US_saptrc.03d0725e.js +1 -0
  238. package/dist/assets/messagebundle_en_US_saptrc.89e2bae9.js +1 -0
  239. package/dist/assets/messagebundle_es.6c61e11d.js +1 -0
  240. package/dist/assets/messagebundle_es.cdf9b260.js +1 -0
  241. package/dist/assets/messagebundle_es_MX.3e64b104.js +1 -0
  242. package/dist/assets/messagebundle_es_MX.72a78b32.js +1 -0
  243. package/dist/assets/messagebundle_et.3d15cc8a.js +1 -0
  244. package/dist/assets/messagebundle_et.9654a537.js +1 -0
  245. package/dist/assets/messagebundle_fi.768cfb92.js +1 -0
  246. package/dist/assets/messagebundle_fi.7ebf09c3.js +1 -0
  247. package/dist/assets/messagebundle_fr.069f95f4.js +1 -0
  248. package/dist/assets/messagebundle_fr.f9752de8.js +1 -0
  249. package/dist/assets/messagebundle_fr_CA.5f878708.js +1 -0
  250. package/dist/assets/messagebundle_fr_CA.86006259.js +1 -0
  251. package/dist/assets/{messagebundle_hi.d26b9cfe.js → messagebundle_hi.4ce8d600.js} +1 -1
  252. package/dist/assets/messagebundle_hi.aefa3f91.js +1 -0
  253. package/dist/assets/messagebundle_hr.6482f9c5.js +1 -0
  254. package/dist/assets/messagebundle_hr.c29a2d54.js +1 -0
  255. package/dist/assets/messagebundle_hu.4daf909f.js +1 -0
  256. package/dist/assets/messagebundle_hu.f30c7f90.js +1 -0
  257. package/dist/assets/messagebundle_it.a861738d.js +1 -0
  258. package/dist/assets/messagebundle_it.eacd4768.js +1 -0
  259. package/dist/assets/messagebundle_iw.495617da.js +1 -0
  260. package/dist/assets/messagebundle_iw.5c3088ef.js +1 -0
  261. package/dist/assets/messagebundle_ja.243daa07.js +1 -0
  262. package/dist/assets/messagebundle_ja.4514cf83.js +1 -0
  263. package/dist/assets/messagebundle_kk.05b2f84b.js +1 -0
  264. package/dist/assets/{messagebundle_kk.67fb56c3.js → messagebundle_kk.c00fa03b.js} +1 -1
  265. package/dist/assets/messagebundle_ko.989b42af.js +1 -0
  266. package/dist/assets/messagebundle_ko.e5787270.js +1 -0
  267. package/dist/assets/messagebundle_lt.87b9ff75.js +1 -0
  268. package/dist/assets/messagebundle_lt.b216d352.js +1 -0
  269. package/dist/assets/messagebundle_lv.ef6caa80.js +1 -0
  270. package/dist/assets/messagebundle_lv.f03211d2.js +1 -0
  271. package/dist/assets/messagebundle_ms.c3ee76c1.js +1 -0
  272. package/dist/assets/messagebundle_ms.d03c17fa.js +1 -0
  273. package/dist/assets/messagebundle_nl.05c0f9a1.js +1 -0
  274. package/dist/assets/messagebundle_nl.08211eeb.js +1 -0
  275. package/dist/assets/messagebundle_no.a6ba2450.js +1 -0
  276. package/dist/assets/messagebundle_no.e7f27333.js +1 -0
  277. package/dist/assets/messagebundle_pl.2c2604df.js +1 -0
  278. package/dist/assets/messagebundle_pl.9e4cd3e8.js +1 -0
  279. package/dist/assets/messagebundle_pt.58ec07fc.js +1 -0
  280. package/dist/assets/messagebundle_pt.db6acd0f.js +1 -0
  281. package/dist/assets/messagebundle_pt_PT.2170aec9.js +1 -0
  282. package/dist/assets/messagebundle_pt_PT.57b7a43d.js +1 -0
  283. package/dist/assets/messagebundle_ro.87bc1ea0.js +1 -0
  284. package/dist/assets/messagebundle_ro.db9b6d44.js +1 -0
  285. package/dist/assets/messagebundle_ru.0e4ec944.js +1 -0
  286. package/dist/assets/{messagebundle_ru.42826b15.js → messagebundle_ru.5d775a0f.js} +1 -1
  287. package/dist/assets/messagebundle_sh.a509b992.js +1 -0
  288. package/dist/assets/messagebundle_sh.eb16e290.js +1 -0
  289. package/dist/assets/messagebundle_sk.3332dd2b.js +1 -0
  290. package/dist/assets/messagebundle_sk.5f8fe357.js +1 -0
  291. package/dist/assets/messagebundle_sl.7ff926f2.js +1 -0
  292. package/dist/assets/messagebundle_sl.9989e1ba.js +1 -0
  293. package/dist/assets/messagebundle_sv.8947396c.js +1 -0
  294. package/dist/assets/messagebundle_sv.e33db34c.js +1 -0
  295. package/dist/assets/{messagebundle_th.f042ce17.js → messagebundle_th.60cd2ab7.js} +1 -1
  296. package/dist/assets/messagebundle_th.9d60d994.js +1 -0
  297. package/dist/assets/messagebundle_tr.d76fc3f9.js +1 -0
  298. package/dist/assets/messagebundle_tr.f445866b.js +1 -0
  299. package/dist/assets/{messagebundle_uk.6e5392c6.js → messagebundle_uk.1d27c651.js} +1 -1
  300. package/dist/assets/messagebundle_uk.c4898dd7.js +1 -0
  301. package/dist/assets/messagebundle_vi.2e28d421.js +1 -0
  302. package/dist/assets/messagebundle_vi.7cb88cac.js +1 -0
  303. package/dist/assets/messagebundle_zh_CN.7a25de46.js +1 -0
  304. package/dist/assets/messagebundle_zh_CN.8adff28e.js +1 -0
  305. package/dist/assets/messagebundle_zh_TW.82bd8c48.js +1 -0
  306. package/dist/assets/messagebundle_zh_TW.fc5447d0.js +1 -0
  307. package/dist/assets/ms.5a523fbe.js +1 -0
  308. package/dist/assets/nb.6e98bbca.js +1 -0
  309. package/dist/assets/nl.84e9e6df.js +1 -0
  310. package/dist/assets/nl_BE.0f374ea5.js +1 -0
  311. package/dist/assets/parameters-bundle.css.0994f3ef.js +1 -0
  312. package/dist/assets/parameters-bundle.css.110f51f0.js +1 -0
  313. package/dist/assets/parameters-bundle.css.15cd94fa.js +1 -0
  314. package/dist/assets/parameters-bundle.css.19566fd6.js +1 -0
  315. package/dist/assets/parameters-bundle.css.273a57d4.js +1 -0
  316. package/dist/assets/parameters-bundle.css.503e4887.js +1 -0
  317. package/dist/assets/parameters-bundle.css.8efaf1b1.js +1 -0
  318. package/dist/assets/parameters-bundle.css.91bd4070.js +1 -0
  319. package/dist/assets/parameters-bundle.css.c3a17334.js +1 -0
  320. package/dist/assets/parameters-bundle.css.c99ca311.js +1 -0
  321. package/dist/assets/parameters-bundle.css.e8940d14.js +1 -0
  322. package/dist/assets/parameters-bundle.css.f060d314.js +1 -0
  323. package/dist/assets/pl.c8acba9e.js +1 -0
  324. package/dist/assets/pt.676d5650.js +1 -0
  325. package/dist/assets/pt_PT.0bbc2da6.js +1 -0
  326. package/dist/assets/ro.10993af2.js +1 -0
  327. package/dist/assets/ru.4aba168e.js +1 -0
  328. package/dist/assets/ru_UA.334d6613.js +1 -0
  329. package/dist/assets/sk.3183c85e.js +1 -0
  330. package/dist/assets/sl.edad6042.js +1 -0
  331. package/dist/assets/sr.3e293379.js +1 -0
  332. package/dist/assets/sr_Latn.0f4a03c3.js +1 -0
  333. package/dist/assets/sv.e76e14e4.js +1 -0
  334. package/dist/assets/test/pages/Bar.html.a5046c13.css +1 -0
  335. package/dist/assets/test/pages/BarcodeScannerDialog.html.b8919118.css +1 -0
  336. package/dist/assets/test/pages/Components.html.b41617c5.css +1 -0
  337. package/dist/assets/test/pages/DynamicSideContent.html.9b81aa24.css +1 -0
  338. package/dist/assets/test/pages/FCL.html.6763e066.css +1 -0
  339. package/dist/assets/test/pages/FCLApp.html.4d2da1a7.css +1 -0
  340. package/dist/assets/test/pages/FCLCustom.html.1af2df31.css +1 -0
  341. package/dist/assets/test/pages/IllustratedMessage.html.ebec5a1c.css +1 -0
  342. package/dist/assets/test/pages/MediaGallery.html.dee36218.css +1 -0
  343. package/dist/assets/test/pages/NotificationListGroupItem.html.5c7fb00c.css +1 -0
  344. package/dist/assets/test/pages/NotificationListItem.html.01df347d.css +1 -0
  345. package/dist/assets/test/pages/NotificationList_test_page.html.883d5b51.css +1 -0
  346. package/dist/assets/test/pages/Page.html.b165889d.css +1 -0
  347. package/dist/assets/test/pages/ProductSwitch.html.6253dac2.css +1 -0
  348. package/dist/assets/test/pages/ProductSwitchItem.html.51a96d28.css +1 -0
  349. package/dist/assets/test/pages/ShellBar.html.a08df365.css +1 -0
  350. package/dist/assets/test/pages/SideNavigation.html.835d71ad.css +1 -0
  351. package/dist/assets/test/pages/Timeline.html.aa1e8833.css +1 -0
  352. package/dist/assets/test/pages/UploadCollection.html.078191be.css +1 -0
  353. package/dist/assets/test/pages/UploadCollection.html.a57ea5c4.js +1 -0
  354. package/dist/assets/test/pages/ViewSettingsDialog.html.1d108f2f.css +1 -0
  355. package/dist/assets/test/pages/Wizard_test.html.3d4fc1a9.css +1 -0
  356. package/dist/assets/test/pages/Wizard_test_mobile.html.9216347a.css +1 -0
  357. package/dist/assets/th.f5491ec1.js +1 -0
  358. package/dist/assets/tr.3b838818.js +1 -0
  359. package/dist/assets/uk.ebbd81a0.js +1 -0
  360. package/dist/assets/vi.87616fa0.js +1 -0
  361. package/dist/assets/zh_CN.de478ef9.js +1 -0
  362. package/dist/assets/zh_HK.834c3161.js +1 -0
  363. package/dist/assets/zh_SG.13241ee3.js +1 -0
  364. package/dist/assets/zh_TW.8f4a16b5.js +1 -0
  365. package/dist/css/themes/IllustratedMessage.css +1 -1
  366. package/dist/css/themes/SideNavigation.css +1 -1
  367. package/dist/css/themes/SideNavigationPopover.css +1 -1
  368. package/dist/css/themes/Wizard.css +1 -1
  369. package/dist/fcl-utils/FCLLayout.d.ts +256 -0
  370. package/dist/fcl-utils/FCLLayout.js +234 -240
  371. package/dist/fcl-utils/FCLLayout.js.map +1 -0
  372. package/dist/features/CoPilotAnimation.d.ts +1 -0
  373. package/dist/features/CoPilotAnimation.js +3 -4
  374. package/dist/features/CoPilotAnimation.js.map +1 -0
  375. package/dist/generated/assets/i18n/messagebundle_ar.json +1 -1
  376. package/dist/generated/assets/i18n/messagebundle_bg.json +1 -1
  377. package/dist/generated/assets/i18n/messagebundle_ca.json +1 -1
  378. package/dist/generated/assets/i18n/messagebundle_cs.json +1 -1
  379. package/dist/generated/assets/i18n/messagebundle_cy.json +1 -1
  380. package/dist/generated/assets/i18n/messagebundle_da.json +1 -1
  381. package/dist/generated/assets/i18n/messagebundle_de.json +1 -1
  382. package/dist/generated/assets/i18n/messagebundle_el.json +1 -1
  383. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  384. package/dist/generated/assets/i18n/messagebundle_en_GB.json +1 -1
  385. package/dist/generated/assets/i18n/messagebundle_en_US_sappsd.json +1 -1
  386. package/dist/generated/assets/i18n/messagebundle_en_US_saprigi.json +1 -1
  387. package/dist/generated/assets/i18n/messagebundle_en_US_saptrc.json +1 -1
  388. package/dist/generated/assets/i18n/messagebundle_es.json +1 -1
  389. package/dist/generated/assets/i18n/messagebundle_es_MX.json +1 -1
  390. package/dist/generated/assets/i18n/messagebundle_et.json +1 -1
  391. package/dist/generated/assets/i18n/messagebundle_fi.json +1 -1
  392. package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
  393. package/dist/generated/assets/i18n/messagebundle_fr_CA.json +1 -1
  394. package/dist/generated/assets/i18n/messagebundle_hi.json +1 -1
  395. package/dist/generated/assets/i18n/messagebundle_hr.json +1 -1
  396. package/dist/generated/assets/i18n/messagebundle_hu.json +1 -1
  397. package/dist/generated/assets/i18n/messagebundle_it.json +1 -1
  398. package/dist/generated/assets/i18n/messagebundle_iw.json +1 -1
  399. package/dist/generated/assets/i18n/messagebundle_ja.json +1 -1
  400. package/dist/generated/assets/i18n/messagebundle_kk.json +1 -1
  401. package/dist/generated/assets/i18n/messagebundle_ko.json +1 -1
  402. package/dist/generated/assets/i18n/messagebundle_lt.json +1 -1
  403. package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
  404. package/dist/generated/assets/i18n/messagebundle_ms.json +1 -1
  405. package/dist/generated/assets/i18n/messagebundle_nl.json +1 -1
  406. package/dist/generated/assets/i18n/messagebundle_no.json +1 -1
  407. package/dist/generated/assets/i18n/messagebundle_pl.json +1 -1
  408. package/dist/generated/assets/i18n/messagebundle_pt.json +1 -1
  409. package/dist/generated/assets/i18n/messagebundle_pt_PT.json +1 -1
  410. package/dist/generated/assets/i18n/messagebundle_ro.json +1 -1
  411. package/dist/generated/assets/i18n/messagebundle_ru.json +1 -1
  412. package/dist/generated/assets/i18n/messagebundle_sh.json +1 -1
  413. package/dist/generated/assets/i18n/messagebundle_sk.json +1 -1
  414. package/dist/generated/assets/i18n/messagebundle_sl.json +1 -1
  415. package/dist/generated/assets/i18n/messagebundle_sv.json +1 -1
  416. package/dist/generated/assets/i18n/messagebundle_th.json +1 -1
  417. package/dist/generated/assets/i18n/messagebundle_tr.json +1 -1
  418. package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
  419. package/dist/generated/assets/i18n/messagebundle_vi.json +1 -1
  420. package/dist/generated/assets/i18n/messagebundle_zh_CN.json +1 -1
  421. package/dist/generated/assets/i18n/messagebundle_zh_TW.json +1 -1
  422. package/dist/generated/js-imports/Illustrations.js +4 -1
  423. package/dist/generated/templates/ShellBarTemplate.lit.js +4 -4
  424. package/dist/generated/templates/SideNavigationItemPopoverContentTemplate.lit.js +2 -2
  425. package/dist/generated/templates/SideNavigationTemplate.lit.js +7 -7
  426. package/dist/generated/templates/UploadCollectionItemTemplate.lit.js +4 -2
  427. package/dist/generated/templates/WizardTemplate.lit.js +2 -2
  428. package/dist/generated/themes/IllustratedMessage.css.js +1 -1
  429. package/dist/generated/themes/SideNavigation.css.js +1 -1
  430. package/dist/generated/themes/SideNavigationPopover.css.js +1 -1
  431. package/dist/generated/themes/Wizard.css.js +1 -1
  432. package/dist/i18n/messagebundle_ar.properties +23 -0
  433. package/dist/i18n/messagebundle_bg.properties +23 -0
  434. package/dist/i18n/messagebundle_ca.properties +23 -0
  435. package/dist/i18n/messagebundle_cs.properties +23 -0
  436. package/dist/i18n/messagebundle_cy.properties +23 -0
  437. package/dist/i18n/messagebundle_da.properties +23 -0
  438. package/dist/i18n/messagebundle_de.properties +23 -0
  439. package/dist/i18n/messagebundle_el.properties +23 -0
  440. package/dist/i18n/messagebundle_en.properties +23 -0
  441. package/dist/i18n/messagebundle_en_GB.properties +23 -0
  442. package/dist/i18n/messagebundle_en_US_sappsd.properties +23 -0
  443. package/dist/i18n/messagebundle_en_US_saprigi.properties +23 -0
  444. package/dist/i18n/messagebundle_en_US_saptrc.properties +23 -0
  445. package/dist/i18n/messagebundle_es.properties +23 -0
  446. package/dist/i18n/messagebundle_es_MX.properties +23 -0
  447. package/dist/i18n/messagebundle_et.properties +23 -0
  448. package/dist/i18n/messagebundle_fi.properties +23 -0
  449. package/dist/i18n/messagebundle_fr.properties +23 -0
  450. package/dist/i18n/messagebundle_fr_CA.properties +24 -1
  451. package/dist/i18n/messagebundle_hi.properties +23 -0
  452. package/dist/i18n/messagebundle_hr.properties +23 -0
  453. package/dist/i18n/messagebundle_hu.properties +23 -0
  454. package/dist/i18n/messagebundle_id.properties +23 -0
  455. package/dist/i18n/messagebundle_it.properties +23 -0
  456. package/dist/i18n/messagebundle_iw.properties +23 -0
  457. package/dist/i18n/messagebundle_ja.properties +23 -0
  458. package/dist/i18n/messagebundle_kk.properties +23 -0
  459. package/dist/i18n/messagebundle_ko.properties +23 -0
  460. package/dist/i18n/messagebundle_lt.properties +23 -0
  461. package/dist/i18n/messagebundle_lv.properties +23 -0
  462. package/dist/i18n/messagebundle_ms.properties +23 -0
  463. package/dist/i18n/messagebundle_nl.properties +23 -0
  464. package/dist/i18n/messagebundle_no.properties +23 -0
  465. package/dist/i18n/messagebundle_pl.properties +23 -0
  466. package/dist/i18n/messagebundle_pt.properties +23 -0
  467. package/dist/i18n/messagebundle_pt_PT.properties +23 -0
  468. package/dist/i18n/messagebundle_ro.properties +23 -0
  469. package/dist/i18n/messagebundle_ru.properties +23 -0
  470. package/dist/i18n/messagebundle_sh.properties +24 -1
  471. package/dist/i18n/messagebundle_sk.properties +23 -0
  472. package/dist/i18n/messagebundle_sl.properties +23 -0
  473. package/dist/i18n/messagebundle_sv.properties +23 -0
  474. package/dist/i18n/messagebundle_th.properties +23 -0
  475. package/dist/i18n/messagebundle_tr.properties +23 -0
  476. package/dist/i18n/messagebundle_uk.properties +23 -0
  477. package/dist/i18n/messagebundle_vi.properties +23 -0
  478. package/dist/i18n/messagebundle_zh_CN.properties +23 -0
  479. package/dist/i18n/messagebundle_zh_TW.properties +23 -0
  480. package/dist/illustrations/AddDimensions.js +28 -0
  481. package/dist/illustrations/AllIllustrations.d.ts +1 -0
  482. package/dist/illustrations/AllIllustrations.js +1 -0
  483. package/dist/illustrations/AllIllustrations.js.map +1 -0
  484. package/dist/illustrations/NoDimensionsSet.js +28 -0
  485. package/dist/illustrations/UploadToCloud.js +28 -0
  486. package/dist/illustrations/sapIllus-Dialog-AddDimensions.js +39 -0
  487. package/dist/illustrations/sapIllus-Dialog-NoDimensionsSet.js +40 -0
  488. package/dist/illustrations/sapIllus-Dialog-UploadToCloud.js +31 -0
  489. package/dist/illustrations/sapIllus-Scene-AddDimensions.js +35 -0
  490. package/dist/illustrations/sapIllus-Scene-NoDimensionsSet.js +39 -0
  491. package/dist/illustrations/sapIllus-Scene-UploadToCloud.js +25 -0
  492. package/dist/illustrations/sapIllus-Spot-AddDimensions.js +39 -0
  493. package/dist/illustrations/sapIllus-Spot-NoDimensionsSet.js +43 -0
  494. package/dist/illustrations/sapIllus-Spot-UploadToCloud.js +31 -0
  495. package/dist/test/pages/Bar.html +88 -0
  496. package/dist/test/pages/BarcodeScannerDialog.html +51 -0
  497. package/dist/test/pages/Components.html +29 -0
  498. package/dist/test/pages/DynamicSideContent.html +134 -0
  499. package/dist/test/pages/F6TestPage.html +475 -0
  500. package/dist/test/pages/F6TestPage_2.html +43 -0
  501. package/dist/test/pages/FCL.html +965 -0
  502. package/dist/test/pages/FCLApp.html +238 -0
  503. package/dist/test/pages/FCLCustom.html +293 -0
  504. package/dist/test/pages/IllustratedMessage.html +191 -0
  505. package/dist/test/pages/MediaGallery.html +278 -0
  506. package/dist/test/pages/NotificationListGroupItem.html +315 -0
  507. package/dist/test/pages/NotificationListItem.html +277 -0
  508. package/dist/test/pages/NotificationList_test_page.html +195 -0
  509. package/dist/test/pages/Page.html +67 -0
  510. package/dist/test/pages/ProductSwitch.html +67 -0
  511. package/dist/test/pages/ProductSwitchItem.html +32 -0
  512. package/dist/test/pages/ShellBar.html +328 -0
  513. package/dist/test/pages/SideNavigation.html +115 -0
  514. package/dist/test/pages/Timeline.html +146 -0
  515. package/dist/test/pages/UploadCollection.html +208 -0
  516. package/dist/test/pages/ViewSettingsDialog.html +126 -0
  517. package/dist/test/pages/Wizard.html +774 -0
  518. package/dist/test/pages/WizardScrolling.html +52 -0
  519. package/dist/test/pages/Wizard_test.html +382 -0
  520. package/dist/test/pages/Wizard_test_mobile.html +104 -0
  521. package/dist/types/BarDesign.d.ts +36 -0
  522. package/dist/types/BarDesign.js +33 -49
  523. package/dist/types/BarDesign.js.map +1 -0
  524. package/dist/types/FCLLayout.d.ts +109 -0
  525. package/dist/types/FCLLayout.js +104 -127
  526. package/dist/types/FCLLayout.js.map +1 -0
  527. package/dist/types/IllustrationMessageSize.d.ts +52 -0
  528. package/dist/types/IllustrationMessageSize.js +48 -65
  529. package/dist/types/IllustrationMessageSize.js.map +1 -0
  530. package/dist/types/IllustrationMessageType.d.ts +556 -0
  531. package/dist/types/IllustrationMessageType.js +553 -551
  532. package/dist/types/IllustrationMessageType.js.map +1 -0
  533. package/dist/types/MediaGalleryItemLayout.d.ts +25 -0
  534. package/dist/types/MediaGalleryItemLayout.js +22 -39
  535. package/dist/types/MediaGalleryItemLayout.js.map +1 -0
  536. package/dist/types/MediaGalleryLayout.d.ts +28 -0
  537. package/dist/types/MediaGalleryLayout.js +25 -43
  538. package/dist/types/MediaGalleryLayout.js.map +1 -0
  539. package/dist/types/MediaGalleryMenuHorizontalAlign.d.ts +22 -0
  540. package/dist/types/MediaGalleryMenuHorizontalAlign.js +19 -36
  541. package/dist/types/MediaGalleryMenuHorizontalAlign.js.map +1 -0
  542. package/dist/types/MediaGalleryMenuVerticalAlign.d.ts +22 -0
  543. package/dist/types/MediaGalleryMenuVerticalAlign.js +19 -35
  544. package/dist/types/MediaGalleryMenuVerticalAlign.js.map +1 -0
  545. package/dist/types/PageBackgroundDesign.d.ts +33 -0
  546. package/dist/types/PageBackgroundDesign.js +28 -46
  547. package/dist/types/PageBackgroundDesign.js.map +1 -0
  548. package/dist/types/SideContentFallDown.d.ts +34 -0
  549. package/dist/types/SideContentFallDown.js +31 -49
  550. package/dist/types/SideContentFallDown.js.map +1 -0
  551. package/dist/types/SideContentPosition.d.ts +24 -0
  552. package/dist/types/SideContentPosition.js +21 -37
  553. package/dist/types/SideContentPosition.js.map +1 -0
  554. package/dist/types/SideContentVisibility.d.ts +40 -0
  555. package/dist/types/SideContentVisibility.js +37 -56
  556. package/dist/types/SideContentVisibility.js.map +1 -0
  557. package/dist/types/TimelineLayout.d.ts +25 -0
  558. package/dist/types/TimelineLayout.js +22 -37
  559. package/dist/types/TimelineLayout.js.map +1 -0
  560. package/dist/types/UploadCollectionDnDMode.d.ts +30 -0
  561. package/dist/types/UploadCollectionDnDMode.js +25 -42
  562. package/dist/types/UploadCollectionDnDMode.js.map +1 -0
  563. package/dist/types/UploadState.d.ts +36 -0
  564. package/dist/types/UploadState.js +31 -49
  565. package/dist/types/UploadState.js.map +1 -0
  566. package/dist/types/ViewSettingsDialogMode.d.ts +24 -0
  567. package/dist/types/ViewSettingsDialogMode.js +21 -38
  568. package/dist/types/ViewSettingsDialogMode.js.map +1 -0
  569. package/dist/upload-utils/UploadCollectionBodyDnD.d.ts +15 -0
  570. package/dist/upload-utils/UploadCollectionBodyDnD.js +41 -59
  571. package/dist/upload-utils/UploadCollectionBodyDnD.js.map +1 -0
  572. package/global.d.ts +12 -0
  573. package/package-scripts.js +1 -0
  574. package/package.json +10 -9
  575. package/src/{Assets-static.js → Assets-static.ts} +0 -0
  576. package/src/{Assets.js → Assets.ts} +0 -0
  577. package/src/{Bar.js → Bar.ts} +71 -81
  578. package/src/BarcodeScannerDialog.js +7 -7
  579. package/src/{DynamicSideContent.js → DynamicSideContent.ts} +199 -221
  580. package/src/FilterItem.ts +66 -0
  581. package/src/FilterItemOption.ts +54 -0
  582. package/src/FlexibleColumnLayout.js +11 -11
  583. package/src/IllustratedMessage.ts +534 -0
  584. package/src/{Interfaces.js → Interfaces.ts} +28 -28
  585. package/src/MediaGallery.js +14 -14
  586. package/src/MediaGalleryItem.js +6 -6
  587. package/src/NotificationAction.js +7 -7
  588. package/src/NotificationListGroupItem.js +8 -8
  589. package/src/NotificationListItem.js +12 -12
  590. package/src/NotificationListItemBase.js +18 -12
  591. package/src/{Page.js → Page.ts} +107 -122
  592. package/src/{ProductSwitch.js → ProductSwitch.ts} +54 -56
  593. package/src/ProductSwitchItem.ts +235 -0
  594. package/src/ShellBar.hbs +5 -3
  595. package/src/ShellBar.js +104 -27
  596. package/src/ShellBarItem.js +6 -6
  597. package/src/SideNavigation.hbs +10 -1
  598. package/src/SideNavigation.js +9 -9
  599. package/src/SideNavigationItem.js +24 -7
  600. package/src/SideNavigationItemPopoverContent.hbs +16 -9
  601. package/src/SideNavigationSubItem.js +5 -5
  602. package/src/SortItem.ts +54 -0
  603. package/src/{Timeline.js → Timeline.ts} +78 -80
  604. package/src/TimelineItem.ts +187 -0
  605. package/src/UploadCollection.ts +380 -0
  606. package/src/UploadCollectionItem.ts +508 -0
  607. package/src/{ViewSettingsDialog.js → ViewSettingsDialog.ts} +246 -221
  608. package/src/Wizard.hbs +2 -1
  609. package/src/Wizard.js +41 -28
  610. package/src/WizardStep.js +6 -6
  611. package/src/WizardTab.js +6 -6
  612. package/src/fcl-utils/{FCLLayout.js → FCLLayout.ts} +0 -0
  613. package/src/features/{CoPilotAnimation.js → CoPilotAnimation.ts} +0 -0
  614. package/src/i18n/messagebundle_ar.properties +23 -0
  615. package/src/i18n/messagebundle_bg.properties +23 -0
  616. package/src/i18n/messagebundle_ca.properties +23 -0
  617. package/src/i18n/messagebundle_cs.properties +23 -0
  618. package/src/i18n/messagebundle_cy.properties +23 -0
  619. package/src/i18n/messagebundle_da.properties +23 -0
  620. package/src/i18n/messagebundle_de.properties +23 -0
  621. package/src/i18n/messagebundle_el.properties +23 -0
  622. package/src/i18n/messagebundle_en.properties +23 -0
  623. package/src/i18n/messagebundle_en_GB.properties +23 -0
  624. package/src/i18n/messagebundle_en_US_sappsd.properties +23 -0
  625. package/src/i18n/messagebundle_en_US_saprigi.properties +23 -0
  626. package/src/i18n/messagebundle_en_US_saptrc.properties +23 -0
  627. package/src/i18n/messagebundle_es.properties +23 -0
  628. package/src/i18n/messagebundle_es_MX.properties +23 -0
  629. package/src/i18n/messagebundle_et.properties +23 -0
  630. package/src/i18n/messagebundle_fi.properties +23 -0
  631. package/src/i18n/messagebundle_fr.properties +23 -0
  632. package/src/i18n/messagebundle_fr_CA.properties +24 -1
  633. package/src/i18n/messagebundle_hi.properties +23 -0
  634. package/src/i18n/messagebundle_hr.properties +23 -0
  635. package/src/i18n/messagebundle_hu.properties +23 -0
  636. package/src/i18n/messagebundle_id.properties +23 -0
  637. package/src/i18n/messagebundle_it.properties +23 -0
  638. package/src/i18n/messagebundle_iw.properties +23 -0
  639. package/src/i18n/messagebundle_ja.properties +23 -0
  640. package/src/i18n/messagebundle_kk.properties +23 -0
  641. package/src/i18n/messagebundle_ko.properties +23 -0
  642. package/src/i18n/messagebundle_lt.properties +23 -0
  643. package/src/i18n/messagebundle_lv.properties +23 -0
  644. package/src/i18n/messagebundle_ms.properties +23 -0
  645. package/src/i18n/messagebundle_nl.properties +23 -0
  646. package/src/i18n/messagebundle_no.properties +23 -0
  647. package/src/i18n/messagebundle_pl.properties +23 -0
  648. package/src/i18n/messagebundle_pt.properties +23 -0
  649. package/src/i18n/messagebundle_pt_PT.properties +23 -0
  650. package/src/i18n/messagebundle_ro.properties +23 -0
  651. package/src/i18n/messagebundle_ru.properties +23 -0
  652. package/src/i18n/messagebundle_sh.properties +24 -1
  653. package/src/i18n/messagebundle_sk.properties +23 -0
  654. package/src/i18n/messagebundle_sl.properties +23 -0
  655. package/src/i18n/messagebundle_sv.properties +23 -0
  656. package/src/i18n/messagebundle_th.properties +23 -0
  657. package/src/i18n/messagebundle_tr.properties +23 -0
  658. package/src/i18n/messagebundle_uk.properties +23 -0
  659. package/src/i18n/messagebundle_vi.properties +23 -0
  660. package/src/i18n/messagebundle_zh_CN.properties +23 -0
  661. package/src/i18n/messagebundle_zh_TW.properties +23 -0
  662. package/src/illustrations/{AllIllustrations.js → AllIllustrations.ts} +0 -0
  663. package/src/illustrations/sapIllus-Dialog-AddDimensions.svg +38 -0
  664. package/src/illustrations/sapIllus-Dialog-NoDimensionsSet.svg +39 -0
  665. package/src/illustrations/sapIllus-Dialog-UploadToCloud.svg +30 -0
  666. package/src/illustrations/sapIllus-Scene-AddDimensions.svg +34 -0
  667. package/src/illustrations/sapIllus-Scene-NoDimensionsSet.svg +38 -0
  668. package/src/illustrations/sapIllus-Scene-UploadToCloud.svg +24 -0
  669. package/src/illustrations/sapIllus-Spot-AddDimensions.svg +38 -0
  670. package/src/illustrations/sapIllus-Spot-NoDimensionsSet.svg +42 -0
  671. package/src/illustrations/sapIllus-Spot-UploadToCloud.svg +30 -0
  672. package/src/themes/IllustratedMessage.css +0 -6
  673. package/src/themes/SideNavigation.css +4 -0
  674. package/src/themes/SideNavigationPopover.css +19 -1
  675. package/src/themes/Wizard.css +28 -2
  676. package/src/types/BarDesign.ts +40 -0
  677. package/src/types/FCLLayout.ts +118 -0
  678. package/src/types/{IllustrationMessageSize.js → IllustrationMessageSize.ts} +11 -26
  679. package/src/types/{IllustrationMessageType.js → IllustrationMessageType.ts} +111 -109
  680. package/src/types/{MediaGalleryItemLayout.js → MediaGalleryItemLayout.ts} +7 -23
  681. package/src/types/MediaGalleryLayout.ts +32 -0
  682. package/src/types/MediaGalleryMenuHorizontalAlign.ts +25 -0
  683. package/src/types/MediaGalleryMenuVerticalAlign.ts +24 -0
  684. package/src/types/PageBackgroundDesign.ts +37 -0
  685. package/src/types/SideContentFallDown.ts +38 -0
  686. package/src/types/SideContentPosition.ts +26 -0
  687. package/src/types/SideContentVisibility.ts +45 -0
  688. package/src/types/TimelineLayout.ts +27 -0
  689. package/src/types/UploadCollectionDnDMode.ts +33 -0
  690. package/src/types/UploadState.ts +40 -0
  691. package/src/types/ViewSettingsDialogMode.ts +26 -0
  692. package/src/upload-utils/{UploadCollectionBodyDnD.js → UploadCollectionBodyDnD.ts} +22 -11
  693. package/tsconfig.json +14 -0
  694. package/.dev-server-port +0 -1
  695. package/dist/assets/ar.7fd1011b.js +0 -1
  696. package/dist/assets/ar_EG.4dd5f305.js +0 -1
  697. package/dist/assets/ar_SA.8c5a937a.js +0 -1
  698. package/dist/assets/bg.a4d82c03.js +0 -1
  699. package/dist/assets/ca.0021f734.js +0 -1
  700. package/dist/assets/cs.0e585b65.js +0 -1
  701. package/dist/assets/da.521611de.js +0 -1
  702. package/dist/assets/de.63fdffdf.js +0 -1
  703. package/dist/assets/de_AT.ea95f993.js +0 -1
  704. package/dist/assets/de_CH.90d5e701.js +0 -1
  705. package/dist/assets/el.3e1beb01.js +0 -1
  706. package/dist/assets/el_CY.209073e0.js +0 -1
  707. package/dist/assets/en.1af5f31c.js +0 -1
  708. package/dist/assets/en_AU.25e8cf38.js +0 -1
  709. package/dist/assets/en_GB.43297e37.js +0 -1
  710. package/dist/assets/en_HK.0da1e0b5.js +0 -1
  711. package/dist/assets/en_IE.c4988873.js +0 -1
  712. package/dist/assets/en_IN.96d721e2.js +0 -1
  713. package/dist/assets/en_NZ.1091e526.js +0 -1
  714. package/dist/assets/en_PG.f028e345.js +0 -1
  715. package/dist/assets/en_SG.8d370bdb.js +0 -1
  716. package/dist/assets/en_ZA.0cbf9d6e.js +0 -1
  717. package/dist/assets/es.37dda275.js +0 -1
  718. package/dist/assets/es_AR.da796f99.js +0 -1
  719. package/dist/assets/es_BO.2b15333c.js +0 -1
  720. package/dist/assets/es_CL.048ca1f2.js +0 -1
  721. package/dist/assets/es_CO.257ed3d6.js +0 -1
  722. package/dist/assets/es_MX.061e6bbb.js +0 -1
  723. package/dist/assets/es_PE.f7c17b7a.js +0 -1
  724. package/dist/assets/es_UY.73781c0c.js +0 -1
  725. package/dist/assets/es_VE.fe0f3310.js +0 -1
  726. package/dist/assets/et.fbe81c9d.js +0 -1
  727. package/dist/assets/fa.acfcfa4d.js +0 -1
  728. package/dist/assets/fi.0379b5fc.js +0 -1
  729. package/dist/assets/fr.f6c58c06.js +0 -1
  730. package/dist/assets/fr_BE.c6e52c3f.js +0 -1
  731. package/dist/assets/fr_CA.e3c92112.js +0 -1
  732. package/dist/assets/fr_CH.fc89bdfc.js +0 -1
  733. package/dist/assets/fr_LU.4fffec47.js +0 -1
  734. package/dist/assets/he.ca2cb3e0.js +0 -1
  735. package/dist/assets/hi.82a0ad5b.js +0 -1
  736. package/dist/assets/hr.ab15877f.js +0 -1
  737. package/dist/assets/hu.c3d72d24.js +0 -1
  738. package/dist/assets/id.163ccc8d.js +0 -1
  739. package/dist/assets/it_CH.69227571.js +0 -1
  740. package/dist/assets/ja.18f39a5b.js +0 -1
  741. package/dist/assets/kk.a697e741.js +0 -1
  742. package/dist/assets/ko.ebe1e5db.js +0 -1
  743. package/dist/assets/lt.775927de.js +0 -1
  744. package/dist/assets/lv.d7e9d5e6.js +0 -1
  745. package/dist/assets/messagebundle_ar.8feaf1e8.js +0 -1
  746. package/dist/assets/messagebundle_bg.3184cb7d.js +0 -1
  747. package/dist/assets/messagebundle_ca.5a8698fb.js +0 -1
  748. package/dist/assets/messagebundle_ca.93183c86.js +0 -1
  749. package/dist/assets/messagebundle_cs.222493c4.js +0 -1
  750. package/dist/assets/messagebundle_cs.48439c10.js +0 -1
  751. package/dist/assets/messagebundle_cy.1610bf93.js +0 -1
  752. package/dist/assets/messagebundle_cy.d82a9228.js +0 -1
  753. package/dist/assets/messagebundle_da.5b984dd6.js +0 -1
  754. package/dist/assets/messagebundle_da.c70ac6a5.js +0 -1
  755. package/dist/assets/messagebundle_de.12a34533.js +0 -1
  756. package/dist/assets/messagebundle_de.61975ddf.js +0 -1
  757. package/dist/assets/messagebundle_el.3d84d13e.js +0 -1
  758. package/dist/assets/messagebundle_en.1d91201b.js +0 -1
  759. package/dist/assets/messagebundle_en.7e5dff3e.js +0 -1
  760. package/dist/assets/messagebundle_en_GB.ab95edc5.js +0 -1
  761. package/dist/assets/messagebundle_en_GB.c961adcf.js +0 -1
  762. package/dist/assets/messagebundle_en_US_sappsd.27e85f67.js +0 -1
  763. package/dist/assets/messagebundle_en_US_saptrc.20de4163.js +0 -1
  764. package/dist/assets/messagebundle_en_US_saptrc.9f8cb5df.js +0 -1
  765. package/dist/assets/messagebundle_es.35fd0b83.js +0 -1
  766. package/dist/assets/messagebundle_es.569f058e.js +0 -1
  767. package/dist/assets/messagebundle_es_MX.75195377.js +0 -1
  768. package/dist/assets/messagebundle_es_MX.c3319bdc.js +0 -1
  769. package/dist/assets/messagebundle_et.2226af00.js +0 -1
  770. package/dist/assets/messagebundle_et.da1fbc8a.js +0 -1
  771. package/dist/assets/messagebundle_fi.40b715b4.js +0 -1
  772. package/dist/assets/messagebundle_fi.57d133ef.js +0 -1
  773. package/dist/assets/messagebundle_fr.8343dbcd.js +0 -1
  774. package/dist/assets/messagebundle_fr.dfa9cbc6.js +0 -1
  775. package/dist/assets/messagebundle_fr_CA.229a28c2.js +0 -1
  776. package/dist/assets/messagebundle_fr_CA.b91a615f.js +0 -1
  777. package/dist/assets/messagebundle_hi.7d72db0d.js +0 -1
  778. package/dist/assets/messagebundle_hr.2b1bbc6e.js +0 -1
  779. package/dist/assets/messagebundle_hr.ec384f53.js +0 -1
  780. package/dist/assets/messagebundle_hu.281d561d.js +0 -1
  781. package/dist/assets/messagebundle_hu.e33d4ba9.js +0 -1
  782. package/dist/assets/messagebundle_it.3e3b0d82.js +0 -1
  783. package/dist/assets/messagebundle_it.b89654c3.js +0 -1
  784. package/dist/assets/messagebundle_iw.eb883c3f.js +0 -1
  785. package/dist/assets/messagebundle_iw.f40c5f23.js +0 -1
  786. package/dist/assets/messagebundle_ja.89b080b3.js +0 -1
  787. package/dist/assets/messagebundle_ja.ef4b4cf1.js +0 -1
  788. package/dist/assets/messagebundle_kk.22c92c82.js +0 -1
  789. package/dist/assets/messagebundle_ko.3c57d468.js +0 -1
  790. package/dist/assets/messagebundle_ko.bb921ae5.js +0 -1
  791. package/dist/assets/messagebundle_lt.7986fd0d.js +0 -1
  792. package/dist/assets/messagebundle_lt.caa2db0a.js +0 -1
  793. package/dist/assets/messagebundle_lv.3bb2e361.js +0 -1
  794. package/dist/assets/messagebundle_lv.49648e6a.js +0 -1
  795. package/dist/assets/messagebundle_ms.3b8a7669.js +0 -1
  796. package/dist/assets/messagebundle_ms.fe46c49c.js +0 -1
  797. package/dist/assets/messagebundle_nl.6fe5eee0.js +0 -1
  798. package/dist/assets/messagebundle_nl.b281c1d7.js +0 -1
  799. package/dist/assets/messagebundle_no.9e8220f6.js +0 -1
  800. package/dist/assets/messagebundle_no.f0ba231a.js +0 -1
  801. package/dist/assets/messagebundle_pl.0950a9ac.js +0 -1
  802. package/dist/assets/messagebundle_pl.e964021e.js +0 -1
  803. package/dist/assets/messagebundle_pt.5d769261.js +0 -1
  804. package/dist/assets/messagebundle_pt.add94464.js +0 -1
  805. package/dist/assets/messagebundle_pt_PT.007cd847.js +0 -1
  806. package/dist/assets/messagebundle_pt_PT.92ccc9a9.js +0 -1
  807. package/dist/assets/messagebundle_ro.f0758555.js +0 -1
  808. package/dist/assets/messagebundle_ro.f1260b8b.js +0 -1
  809. package/dist/assets/messagebundle_ru.8082e964.js +0 -1
  810. package/dist/assets/messagebundle_sh.99e4320c.js +0 -1
  811. package/dist/assets/messagebundle_sh.f7e099f7.js +0 -1
  812. package/dist/assets/messagebundle_sk.a7f2ed36.js +0 -1
  813. package/dist/assets/messagebundle_sk.edbb603c.js +0 -1
  814. package/dist/assets/messagebundle_sl.71316064.js +0 -1
  815. package/dist/assets/messagebundle_sl.8b342853.js +0 -1
  816. package/dist/assets/messagebundle_sv.0b283996.js +0 -1
  817. package/dist/assets/messagebundle_sv.c5bee490.js +0 -1
  818. package/dist/assets/messagebundle_th.33b51e3d.js +0 -1
  819. package/dist/assets/messagebundle_tr.37ecb738.js +0 -1
  820. package/dist/assets/messagebundle_tr.f75d5c80.js +0 -1
  821. package/dist/assets/messagebundle_uk.6e60d682.js +0 -1
  822. package/dist/assets/messagebundle_vi.26332b42.js +0 -1
  823. package/dist/assets/messagebundle_vi.4eec9279.js +0 -1
  824. package/dist/assets/messagebundle_zh_CN.0f726b0d.js +0 -1
  825. package/dist/assets/messagebundle_zh_CN.2fbb5e26.js +0 -1
  826. package/dist/assets/messagebundle_zh_TW.29c3ffb0.js +0 -1
  827. package/dist/assets/messagebundle_zh_TW.ec0b4612.js +0 -1
  828. package/dist/assets/ms.d6569411.js +0 -1
  829. package/dist/assets/nb.e08266d5.js +0 -1
  830. package/dist/assets/nl.9999541e.js +0 -1
  831. package/dist/assets/nl_BE.10b9e463.js +0 -1
  832. package/dist/assets/parameters-bundle.css.15a388ce.js +0 -1
  833. package/dist/assets/parameters-bundle.css.19af78c1.js +0 -1
  834. package/dist/assets/parameters-bundle.css.3abaddc3.js +0 -1
  835. package/dist/assets/parameters-bundle.css.4113249f.js +0 -1
  836. package/dist/assets/parameters-bundle.css.85dc2dbd.js +0 -1
  837. package/dist/assets/parameters-bundle.css.9161e811.js +0 -1
  838. package/dist/assets/parameters-bundle.css.98edfde6.js +0 -1
  839. package/dist/assets/parameters-bundle.css.b101a05f.js +0 -1
  840. package/dist/assets/parameters-bundle.css.ba9f8a73.js +0 -1
  841. package/dist/assets/parameters-bundle.css.c1576243.js +0 -1
  842. package/dist/assets/parameters-bundle.css.de4f4e08.js +0 -1
  843. package/dist/assets/parameters-bundle.css.efce2f0e.js +0 -1
  844. package/dist/assets/pl.896f748a.js +0 -1
  845. package/dist/assets/pt.9282da43.js +0 -1
  846. package/dist/assets/pt_PT.8de6f4a2.js +0 -1
  847. package/dist/assets/ro.f27aab0d.js +0 -1
  848. package/dist/assets/ru.925a56df.js +0 -1
  849. package/dist/assets/ru_UA.066d9903.js +0 -1
  850. package/dist/assets/sk.cea36c4c.js +0 -1
  851. package/dist/assets/sl.00e904c8.js +0 -1
  852. package/dist/assets/sr.5ffa8a72.js +0 -1
  853. package/dist/assets/sr_Latn.37760dd7.js +0 -1
  854. package/dist/assets/sv.e8d71660.js +0 -1
  855. package/dist/assets/th.9c7b50b0.js +0 -1
  856. package/dist/assets/tr.0a0fb3ee.js +0 -1
  857. package/dist/assets/uk.7ee1da23.js +0 -1
  858. package/dist/assets/vi.b1f74e9c.js +0 -1
  859. package/dist/assets/zh_CN.a1d71c11.js +0 -1
  860. package/dist/assets/zh_HK.a47dd921.js +0 -1
  861. package/dist/assets/zh_SG.1cd17a31.js +0 -1
  862. package/dist/assets/zh_TW.b03069d7.js +0 -1
  863. package/src/FilterItem.js +0 -78
  864. package/src/FilterItemOption.js +0 -69
  865. package/src/IllustratedMessage.js +0 -528
  866. package/src/ProductSwitchItem.js +0 -249
  867. package/src/SortItem.js +0 -68
  868. package/src/TimelineItem.js +0 -197
  869. package/src/UploadCollection.js +0 -376
  870. package/src/UploadCollectionItem.js +0 -518
  871. package/src/types/BarDesign.js +0 -54
  872. package/src/types/FCLLayout.js +0 -134
  873. package/src/types/MediaGalleryLayout.js +0 -48
  874. package/src/types/MediaGalleryMenuHorizontalAlign.js +0 -41
  875. package/src/types/MediaGalleryMenuVerticalAlign.js +0 -40
  876. package/src/types/PageBackgroundDesign.js +0 -53
  877. package/src/types/SideContentFallDown.js +0 -54
  878. package/src/types/SideContentPosition.js +0 -42
  879. package/src/types/SideContentVisibility.js +0 -61
  880. package/src/types/TimelineLayout.js +0 -42
  881. package/src/types/UploadCollectionDnDMode.js +0 -49
  882. package/src/types/UploadState.js +0 -56
  883. package/src/types/ViewSettingsDialogMode.js +0 -43
package/dist/test/pages/NotificationListGroupItem.html ADDED
@@ -0,0 +1,315 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6
+ <title>NotificationListGroupItem</title>
7
+
8
+
9
+
10
+
11
+
12
+
13
+ <script type="module" crossorigin src="/assets/bundle.esm.b810cc0c.js"></script>
14
+ <link rel="stylesheet" href="/assets/test/pages/NotificationListGroupItem.html.5c7fb00c.css">
15
+ </head>
16
+
17
+ <body class="notificationlistgroupitem1auto">
18
+
19
+ <ui5-shellbar id="shellbar" primary-title="Product Title" show-notifications>
20
+ </ui5-shellbar>
21
+
22
+ <ui5-list id="notificationList" header-text="Notifications grouped">
23
+ <ui5-li-notification-group
24
+ show-close
25
+ show-counter
26
+ title-text="Orders"
27
+ priority="High"
28
+ >
29
+ <ui5-li-notification
30
+ show-close
31
+ title-text="New order (#2525) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
32
+ priority="High"
33
+ >
34
+ And with a very long description and long labels of the action buttons - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.
35
+ <ui5-avatar icon="employee" size="XS" slot="avatar"></ui5-avatar>
36
+
37
+ <span slot="footnotes">Office Notifications</span>
38
+ <span slot="footnotes">3 Days</span>
39
+
40
+ <ui5-notification-action icon="accept" text="Accept" slot="actions"></ui5-notification-action>
41
+ <ui5-notification-action icon="message-error" text="Reject" slot="actions"></ui5-notification-action>
42
+ </ui5-li-notification>
43
+
44
+ <ui5-li-notification
45
+ show-close
46
+ title-text="New order (#2526) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
47
+ priority="High"
48
+ >
49
+ And with a very long description and long labels of the action buttons - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.
50
+ <ui5-avatar icon="employee" size="XS" slot="avatar"></ui5-avatar>
51
+
52
+ <span slot="footnotes">Office Notifications</span>
53
+ <span slot="footnotes">3 Days</span>
54
+
55
+ <ui5-notification-action icon="accept" text="Accept" slot="actions"></ui5-notification-action>
56
+ </ui5-li-notification>
57
+
58
+ <ui5-li-notification
59
+ show-close
60
+ title-text="New order (#252) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
61
+ priority="High"
62
+ >
63
+ And with a very long description and long labels of the action buttons - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.
64
+ <ui5-avatar icon="employee" size="XS" slot="avatar"></ui5-avatar>
65
+
66
+ <span slot="footnotes">Office Notifications</span>
67
+ <span slot="footnotes">3 Days</span>
68
+
69
+ <ui5-notification-action icon="accept" text="Accept" slot="actions"></ui5-notification-action>
70
+ </ui5-li-notification>
71
+
72
+ <ui5-notification-action icon="accept" text="Accept All" slot="actions"></ui5-notification-action>
73
+ <ui5-notification-action icon="message-error" text="Reject All" slot="actions"></ui5-notification-action>
74
+ </ui5-li-notification-group>
75
+
76
+ <ui5-li-notification-group
77
+ show-close
78
+ show-counter
79
+ title-text="Payments"
80
+ priority="High"
81
+ >
82
+ <ui5-li-notification
83
+ busy
84
+ show-close
85
+ title-text="New order (#2900) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
86
+ priority="High"
87
+ >
88
+ And with a very long description and long labels of the action buttons - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.
89
+ <ui5-avatar icon="employee" size="XS" slot="avatar"></ui5-avatar>
90
+
91
+ <span slot="footnotes">Office Notifications</span>
92
+ <span slot="footnotes">3 Days</span>
93
+
94
+ <ui5-notification-action icon="accept" text="Accept" slot="actions"></ui5-notification-action>
95
+ </ui5-li-notification>
96
+
97
+ <ui5-li-notification
98
+ show-close
99
+ title-text="New order (#29001) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
100
+ priority="High"
101
+ >
102
+ And with a very long description and long labels of the action buttons - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.
103
+ <ui5-avatar icon="employee" size="XS" slot="avatar"></ui5-avatar>
104
+
105
+ <span slot="footnotes">Office Notifications</span>
106
+ <span slot="footnotes">3 Days</span>
107
+
108
+ <ui5-notification-action icon="accept" text="Accept" slot="actions"></ui5-notification-action>
109
+ </ui5-li-notification>
110
+
111
+ <ui5-li-notification
112
+ show-close
113
+ title-text="New order (#29003) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
114
+ priority="High"
115
+ >
116
+ And with a very long description and long labels of the action buttons - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.
117
+ <ui5-avatar icon="employee" size="XS" slot="avatar"></ui5-avatar>
118
+
119
+ <span slot="footnotes">Office Notifications</span>
120
+ <span slot="footnotes">3 Days</span>
121
+
122
+ <ui5-notification-action icon="accept" text="Accept" slot="actions"></ui5-notification-action>
123
+ </ui5-li-notification>
124
+ </ui5-li-notification-group>
125
+
126
+ <ui5-li-notification-group
127
+ id="busyGroup"
128
+ show-close
129
+ show-counter
130
+ read
131
+ priority="High"
132
+ title-text="Meetings With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
133
+ >
134
+ <ui5-li-notification
135
+ busy
136
+ show-close
137
+ title-text="New order (#35001) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
138
+ priority="High"
139
+ read
140
+ >
141
+ And with a very long description and long labels of the action buttons - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.
142
+ <ui5-avatar icon="employee" size="XS" slot="avatar"></ui5-avatar>
143
+
144
+ <span slot="footnotes">Office Notifications</span>
145
+ <span slot="footnotes">3 Days</span>
146
+ </ui5-li-notification>
147
+
148
+ <ui5-li-notification
149
+ show-close
150
+ title-text="New order (#35002) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
151
+ priority="High"
152
+ read
153
+ >
154
+ And with a very long description and long labels of the action buttons - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.
155
+ <ui5-avatar icon="employee" size="XS" slot="avatar"></ui5-avatar>
156
+
157
+ <span slot="footnotes">Office Notifications</span>
158
+ <span slot="footnotes">3 Days</span>
159
+ </ui5-li-notification>
160
+
161
+ <ui5-li-notification
162
+ show-close
163
+ title-text="New order (#35003) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
164
+ priority="High"
165
+ read
166
+ >
167
+ And with a very long description and long labels of the action buttons - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.
168
+ <ui5-avatar icon="employee" size="XS" slot="avatar"></ui5-avatar>
169
+
170
+ <span slot="footnotes">Office Notifications</span>
171
+ <span slot="footnotes">3 Days</span>
172
+ </ui5-li-notification>
173
+
174
+ <ui5-notification-action id="btnMakeGroupBusy" icon="accept" text="Accept All" slot="actions"></ui5-notification-action>
175
+ </ui5-li-notification-group>
176
+ </ui5-list>
177
+
178
+ <br><br>
179
+
180
+ <ui5-toast id="wcToastBS" duration="2000"></ui5-toast>
181
+
182
+ <ui5-popover id="notificationsPopover" class="notificationlistgroupitem2auto" placement-type="Bottom" horizontal-align="Right">
183
+ <ui5-list id="notificationListTop" header-text="Notifications titleText and content 'truncates'">
184
+ <ui5-li-notification-group
185
+ show-close
186
+ show-counter
187
+ title-text="Orders"
188
+ priority="Medium"
189
+ >
190
+ <ui5-li-notification
191
+ show-close
192
+ priority="Medium"
193
+ title-text="New order (#2525) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
194
+ >
195
+ And with a very long description and long labels of the action buttons - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.
196
+
197
+ <ui5-avatar size="XS" slot="avatar">
198
+ <img src="/assets/man_avatar_1.ffaff72e.png" />
199
+ </ui5-avatar>
200
+
201
+ <span slot="footnotes">John Doe</span>
202
+ <span slot="footnotes">2 Days</span>
203
+ <span slot="footnotes">Other stuff</span>
204
+
205
+ <ui5-notification-action id="acceptBtnInPopover" icon="accept" text="Accept" slot="actions"></ui5-notification-action>
206
+ <ui5-notification-action id="rejectBtnInPopover" icon="message-error" text="Reject" slot="actions"></ui5-notification-action>
207
+ </ui5-li-notification>
208
+
209
+ <ui5-li-notification
210
+ show-close
211
+ show-counter
212
+ title-text="Orders"
213
+ priority="Medium"
214
+ >
215
+ And with a very long description and long labels of the action buttons - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.
216
+ <ui5-avatar icon="employee" size="XS" slot="avatar"></ui5-avatar>
217
+
218
+ <span slot="footnotes">Office Notifications</span>
219
+ <span slot="footnotes">3 Days</span>
220
+
221
+ <ui5-notification-action icon="accept" text="Accept" slot="actions"></ui5-notification-action>
222
+ </ui5-li-notification>
223
+
224
+ </ui5-li-notification-group>
225
+
226
+ <ui5-li-notification-group
227
+ show-close
228
+ show-counter
229
+ title-text="Calls"
230
+ priority="Low"
231
+ >
232
+ <ui5-li-notification
233
+ title-text="New order (#2565) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
234
+ priority="Low"
235
+ >
236
+ Short description
237
+ <ui5-avatar initials="JS" size="XS" slot="avatar"></ui5-avatar>
238
+
239
+ <span slot="footnotes">Patricia Clarck</span>
240
+ <span slot="footnotes">3 Days</span>
241
+
242
+ <ui5-notification-action icon="accept" text="Accept All Requested Information" slot="actions"></ui5-notification-action>
243
+ <ui5-notification-action icon="message-error" text="Reject All Requested Information" slot="actions"></ui5-notification-action>
244
+ </ui5-li-notification>
245
+
246
+ <ui5-li-notification
247
+ title-text="New order (#2523)"
248
+ priority="Low"
249
+ >
250
+ <div>. With a very long description - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.</div>
251
+
252
+ <span slot="footnotes">John SMith</span>
253
+ <span slot="footnotes">3 Days</span>
254
+
255
+ <ui5-notification-action icon="message-error" text="Reject" slot="actions"></ui5-notification-action>
256
+ </ui5-li-notification>
257
+ </ui5-li-notification-group>
258
+ </ui5-list>
259
+ </ui5-popover>
260
+
261
+ <div class="notificationlistgroupitem3auto">
262
+ <ui5-button id="openNotifications" design="Transparent" icon="bell"></ui5-button>
263
+ </div>
264
+
265
+ <script>
266
+ notificationList.addEventListener("item-click", function(event) {
267
+ wcToastBS.textContent = event.detail.item.titleText;
268
+ wcToastBS.show();
269
+ });
270
+
271
+ notificationList.addEventListener("item-close", function(event) {
272
+ wcToastBS.textContent = event.detail.item.titleText;
273
+ wcToastBS.show();
274
+ });
275
+
276
+ notificationList.addEventListener("item-toggle", function(event) {
277
+ var item = event.detail.item;
278
+ wcToastBS.textContent = item.titleText + " has been " + (item.collapsed ? "collapsed" : "expanded");
279
+ wcToastBS.show();
280
+ });
281
+
282
+ acceptBtnInPopover.addEventListener("click", function(event) {
283
+ wcToastBS.textContent = "Accept btn In popover btn clicked";
284
+ wcToastBS.show();
285
+ });
286
+
287
+ rejectBtnInPopover.addEventListener("click", function(event) {
288
+ wcToastBS.textContent = "Reject btn In popover btn clicked";
289
+ wcToastBS.show();
290
+ });
291
+
292
+ openNotifications.addEventListener("click", function(event) {
293
+ notificationsPopover.showAt(openNotifications);
294
+ });
295
+
296
+ btnMakeGroupBusy.addEventListener("click", function(event) {
297
+ busyGroup.busy = true;
298
+
299
+ setTimeout(function() {
300
+ busyGroup.busy = false;
301
+ }, 2000);
302
+ });
303
+
304
+ shellbar.addEventListener("ui5-notifications-click", function(event) {
305
+ event.preventDefault();
306
+ notificationsPopover.showAt(event.detail.targetRef);
307
+ });
308
+
309
+ notificationListTop.addEventListener("item-close", function (event) {
310
+ wcToastBS.textContent = event.detail.item.titleText;
311
+ wcToastBS.show();
312
+ });
313
+ </script>
314
+ </body>
315
+ </html>
package/dist/test/pages/NotificationListItem.html ADDED
@@ -0,0 +1,277 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6
+ <title>NotificationListItem</title>
7
+
8
+
9
+
10
+
11
+
12
+
13
+ <script type="module" crossorigin src="/assets/bundle.esm.b810cc0c.js"></script>
14
+ <link rel="stylesheet" href="/assets/test/pages/NotificationListItem.html.01df347d.css">
15
+ </head>
16
+
17
+ <body class="notificationlistitem1auto">
18
+
19
+ <ui5-shellbar id="shellbar" primary-title="Product Title" show-notifications>
20
+ </ui5-shellbar>
21
+
22
+ <ui5-list id="notificationList" header-text="Notifications titleText and content 'truncates'">
23
+
24
+ <ui5-li-notification
25
+ busy
26
+ show-close
27
+ title-text="New order (#2525) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
28
+ >
29
+ And with a very long description and long labels of the action buttons - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.
30
+
31
+ <ui5-avatar size="XS" slot="avatar">
32
+ <img src="/assets/man_avatar_1.ffaff72e.png" />
33
+ </ui5-avatar>
34
+
35
+ <span slot="footnotes">John Doe</span>
36
+ <span slot="footnotes">2 Days</span>
37
+ <span slot="footnotes">Other stuff</span>
38
+
39
+ <ui5-notification-action id="acceptBtn" icon="accept" text="Accept" slot="actions"></ui5-notification-action>
40
+ <ui5-notification-action
41
+ id="rejectBtn"
42
+ icon="message-error"
43
+ text="Reject"
44
+ slot="actions"
45
+ design="Negative"
46
+ ></ui5-notification-action>
47
+ </ui5-li-notification>
48
+
49
+ <ui5-li-notification
50
+ show-close
51
+ title-text="New order (#2525) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
52
+ priority="High"
53
+ >
54
+ And with a very long description and long labels of the action buttons - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.
55
+ <ui5-avatar icon="employee" size="XS" slot="avatar"></ui5-avatar>
56
+
57
+ <span slot="footnotes">Office Notifications</span>
58
+ <span slot="footnotes">3 Days</span>
59
+
60
+ <ui5-notification-action icon="accept" text="Accept" slot="actions"></ui5-notification-action>
61
+ </ui5-li-notification>
62
+
63
+ <ui5-li-notification
64
+ title-text="New order (#2565) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
65
+ priority="Medium"
66
+ >
67
+ Short description
68
+ <ui5-avatar initials="JS" size="XS" slot="avatar"></ui5-avatar>
69
+
70
+ <span slot="footnotes">Patricia Clarck</span>
71
+ <span slot="footnotes">3 Days</span>
72
+
73
+ <ui5-notification-action icon="accept" text="Accept All Requested Information" slot="actions"></ui5-notification-action>
74
+ <ui5-notification-action icon="decline" design="Negative" text="Reject All Requested Information" slot="actions"></ui5-notification-action>
75
+ <ui5-notification-action icon="decline" design="Negative" text="Reject More" slot="actions"></ui5-notification-action>
76
+ </ui5-li-notification>
77
+
78
+ <ui5-li-notification title-text="New order (#2523)">
79
+ <div>And with a very long description - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.</div>
80
+
81
+ <span slot="footnotes">John SMith</span>
82
+ <span slot="footnotes">3 Days</span>
83
+
84
+ <ui5-notification-action
85
+ icon="message-error"
86
+ design="Negative"
87
+ text="Reject"
88
+ slot="actions">
89
+ </ui5-notification-action>
90
+
91
+ <ui5-notification-action icon="decline" disabled design="Negative" text="Reject All Requested Information" slot="actions"></ui5-notification-action>
92
+ </ui5-li-notification>
93
+ </ui5-list>
94
+
95
+ <br><br>
96
+
97
+ <ui5-list id="notificationList2">
98
+
99
+ <ui5-li-notification
100
+ show-close
101
+ wrapping-type="Normal"
102
+ title-text="New order (#2525) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
103
+ >
104
+ And with a very long description and long labels of the action buttons - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.
105
+ <ui5-avatar size="XS" slot="avatar">
106
+ <img src="/assets/man_avatar_1.ffaff72e.png" />
107
+ </ui5-avatar>
108
+ <span slot="footnotes">John Doe</span>
109
+ <span slot="footnotes">2 Days</span>
110
+ <span slot="footnotes">Other stuff</span>
111
+ </ui5-li-notification>
112
+
113
+ <ui5-li-notification
114
+ show-close
115
+ wrapping-type="Normal"
116
+ title-text="New order (#2525) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
117
+ priority="High"
118
+ >
119
+ And with a very long description and long labels of the action buttons - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.
120
+ <ui5-avatar icon="employee" size="XS" slot="avatar"></ui5-avatar>
121
+
122
+ <span slot="footnotes">Office Notifications</span>
123
+ <span slot="footnotes">3 Days</span>
124
+ </ui5-li-notification>
125
+
126
+ <ui5-li-notification
127
+ wrapping-type="Normal"
128
+ title-text="New order (#2522)"
129
+ priority="Low"
130
+ >
131
+ And short description
132
+ <ui5-avatar initials="PS" size="XS" slot="avatar"></ui5-avatar>
133
+
134
+ <span slot="footnotes">John Doe</span>
135
+ <span slot="footnotes">3 Days</span>
136
+ </ui5-li-notification>
137
+
138
+ <ui5-li-notification
139
+ title-text="New order (#2523)"
140
+ wrapping-type="Normal"
141
+ >
142
+ <div>With a very long description - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.</div>
143
+
144
+ <span slot="footnotes">John SMith</span>
145
+ <span slot="footnotes">3 Days</span>
146
+ </ui5-li-notification>
147
+ </ui5-list>
148
+
149
+ <ui5-toast id="wcToastBS" duration="2000"></ui5-toast>
150
+
151
+ <ui5-popover id="notificationsPopover" class="notificationlistitem2auto" placement-type="Bottom" horizontal-align="Right">
152
+ <ui5-list id="notificationListTop" header-text="Notifications titleText and content 'truncates'">
153
+ <ui5-li-notification
154
+ show-close
155
+ title-text="New order (#2525) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
156
+ >
157
+ And with a very long description and long labels of the action buttons - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.
158
+ <ui5-avatar size="XS" slot="avatar">
159
+ <img src="/assets/man_avatar_1.ffaff72e.png" />
160
+ </ui5-avatar>
161
+ <span slot="footnotes">John Doe</span>
162
+ <span slot="footnotes">2 Days</span>
163
+ <span slot="footnotes">Other stuff</span>
164
+
165
+ <ui5-notification-action id="acceptBtnInPopover" icon="accept" text="Accept" slot="actions"></ui5-notification-action>
166
+ <ui5-notification-action
167
+ id="rejectBtnInPopover"
168
+ icon="message-error"
169
+ text="Reject"
170
+ design="Negative"
171
+ slot="actions">
172
+ </ui5-notification-action>
173
+ </ui5-li-notification>
174
+
175
+ <ui5-li-notification
176
+ show-close
177
+ title-text="New order (#2525) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
178
+ priority="High"
179
+ >
180
+ And with a very long description and long labels of the action buttons - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.
181
+ <ui5-avatar icon="employee" size="XS" slot="avatar"></ui5-avatar>
182
+
183
+ <span slot="footnotes">Office Notifications</span>
184
+ <span slot="footnotes">3 Days</span>
185
+
186
+ <ui5-notification-action id="acceptBtn2InPopover" icon="accept" text="Accept" slot="actions"></ui5-notification-action>
187
+ </ui5-li-notification>
188
+
189
+ <ui5-li-notification
190
+ title-text="New order (#2565) With a very long title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc."
191
+ priority="Medium"
192
+ >
193
+ Short description
194
+ <ui5-avatar initials="JS" size="XS" slot="avatar"></ui5-avatar>
195
+
196
+ <span slot="footnotes">Patricia Clarck</span>
197
+ <span slot="footnotes">3 Days</span>
198
+
199
+ <ui5-notification-action icon="accept" text="Accept All Requested Information" slot="actions"></ui5-notification-action>
200
+ <ui5-notification-action icon="decline" design="Negative" text="Reject All Requested Information" slot="actions"></ui5-notification-action>
201
+ </ui5-li-notification>
202
+
203
+ <ui5-li-notification title-text="New order (#2523)">
204
+ <div>. With a very long description - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent feugiat, turpis vel scelerisque pharetra, tellus odio vehicula dolor, nec elementum lectus turpis at nunc.</div>
205
+
206
+ <span slot="footnotes">John SMith</span>
207
+ <span slot="footnotes">3 Days</span>
208
+
209
+ <ui5-notification-action icon="message-error" design="Negative" text="Reject" slot="actions"></ui5-notification-action>
210
+ </ui5-li-notification>
211
+ </ui5-list>
212
+ </ui5-popover>
213
+
214
+ <div class="notificationlistitem3auto">
215
+ <ui5-button id="openNotifications" design="Transparent" icon="bell"></ui5-button>
216
+ </div>
217
+
218
+ <script>
219
+ notificationList.addEventListener("item-click", function(event) {
220
+ wcToastBS.textContent = event.detail.item.titleText;
221
+ wcToastBS.show();
222
+ });
223
+
224
+ notificationList.addEventListener("item-close", function(event) {
225
+ wcToastBS.textContent = event.detail.item.titleText;
226
+ wcToastBS.show();
227
+ });
228
+
229
+ notificationList2.addEventListener("item-click", function(event) {
230
+ var item = event.detail.item;
231
+
232
+ setTimeout(function() {
233
+ item.busy = false;
234
+ item.read = true;
235
+ }, 1000);
236
+
237
+ item.busy = true;
238
+ wcToastBS.textContent = item.titleText;
239
+ wcToastBS.show();
240
+ });
241
+
242
+ notificationList2.addEventListener("item-close", function(event) {
243
+ wcToastBS.textContent = event.detail.item.titleText;
244
+ wcToastBS.show();
245
+ });
246
+
247
+ acceptBtn.addEventListener("click", function(event) {
248
+ wcToastBS.textContent = "Accept btn clicked";
249
+ wcToastBS.show();
250
+ });
251
+
252
+ acceptBtnInPopover.addEventListener("click", function(event) {
253
+ wcToastBS.textContent = "Accept btn In popover btn clicked";
254
+ wcToastBS.show();
255
+ });
256
+
257
+ rejectBtn.addEventListener("click", function(event) {
258
+ wcToastBS.textContent = "Reject btn clicked";
259
+ wcToastBS.show();
260
+ });
261
+
262
+ rejectBtnInPopover.addEventListener("click", function(event) {
263
+ wcToastBS.textContent = "Reject btn In popover btn clicked";
264
+ wcToastBS.show();
265
+ });
266
+
267
+ openNotifications.addEventListener("click", function(event) {
268
+ notificationsPopover.showAt(openNotifications);
269
+ });
270
+
271
+ shellbar.addEventListener("ui5-notifications-click", function(event) {
272
+ event.preventDefault();
273
+ notificationsPopover.showAt(event.detail.targetRef);
274
+ });
275
+ </script>
276
+ </body>
277
+ </html>