@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/IllustratedMessage.html ADDED
@@ -0,0 +1,191 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+
4
+ <head>
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6
+ <meta charset="utf-8">
7
+
8
+ <title>IllustratedMessage</title>
9
+
10
+ <script>// delete Document.prototype.adoptedStyleSheets</script>
11
+
12
+
13
+
14
+
15
+ <script type="module" crossorigin src="/assets/bundle.esm.b810cc0c.js"></script>
16
+ <link rel="stylesheet" href="/assets/test/pages/IllustratedMessage.html.ebec5a1c.css">
17
+ </head>
18
+
19
+ <body class="illustratedmessage1auto">
20
+ Illustration:
21
+ <ui5-select id="illustrationSelect">
22
+ <ui5-option>AddColumn</ui5-option>
23
+ <ui5-option>AddPeople</ui5-option>
24
+ <ui5-option>AddDimensions</ui5-option>
25
+ <ui5-option>BalloonSky</ui5-option>
26
+ <ui5-option>BeforeSearch</ui5-option>
27
+ <ui5-option>Connection</ui5-option>
28
+ <ui5-option>EmptyCalendar</ui5-option>
29
+ <ui5-option>EmptyList</ui5-option>
30
+ <ui5-option>EmptyPlanningCalendar</ui5-option>
31
+ <ui5-option>ErrorScreen</ui5-option>
32
+ <ui5-option>FilterTable</ui5-option>
33
+ <ui5-option>GroupTable</ui5-option>
34
+ <ui5-option>NoActivities</ui5-option>
35
+ <ui5-option>NoData</ui5-option>
36
+ <ui5-option>NoEntries</ui5-option>
37
+ <ui5-option>NoFilterResults</ui5-option>
38
+ <ui5-option>NoMail_v1</ui5-option>
39
+ <ui5-option>NoMail</ui5-option>
40
+ <ui5-option>NoNotifications</ui5-option>
41
+ <ui5-option>NoSavedItems_v1</ui5-option>
42
+ <ui5-option>NoSavedItems</ui5-option>
43
+ <ui5-option>NoSearchResults</ui5-option>
44
+ <ui5-option>NoTasks_v1</ui5-option>
45
+ <ui5-option>NoTasks</ui5-option>
46
+ <ui5-option>NoDimensionsSet</ui5-option>
47
+ <ui5-option>PageNotFound</ui5-option>
48
+ <ui5-option>ReloadScreen</ui5-option>
49
+ <ui5-option>ResizeColumn</ui5-option>
50
+ <ui5-option>SearchEarth</ui5-option>
51
+ <ui5-option>SearchFolder</ui5-option>
52
+ <ui5-option>SimpleBalloon</ui5-option>
53
+ <ui5-option>SimpleBell</ui5-option>
54
+ <ui5-option>SimpleCalendar</ui5-option>
55
+ <ui5-option>SimpleCheckMark</ui5-option>
56
+ <ui5-option>SimpleConnection</ui5-option>
57
+ <ui5-option>SimpleEmptyDoc</ui5-option>
58
+ <ui5-option>SimpleEmptyList</ui5-option>
59
+ <ui5-option>SimpleError</ui5-option>
60
+ <ui5-option>SimpleMagnifier</ui5-option>
61
+ <ui5-option>SimpleMail</ui5-option>
62
+ <ui5-option>SimpleNoSavedItems</ui5-option>
63
+ <ui5-option>SimpleNotFoundMagnifier</ui5-option>
64
+ <ui5-option>SimpleReload</ui5-option>
65
+ <ui5-option>SimpleTask</ui5-option>
66
+ <ui5-option>SleepingBell</ui5-option>
67
+ <ui5-option>SortColumn</ui5-option>
68
+ <ui5-option>SuccessBalloon</ui5-option>
69
+ <ui5-option>SuccessCheckMark</ui5-option>
70
+ <ui5-option>SuccessHighFive</ui5-option>
71
+ <ui5-option>SuccessScreen</ui5-option>
72
+ <ui5-option>Tent</ui5-option>
73
+ <ui5-option>UnableToLoad</ui5-option>
74
+ <ui5-option>UnableToLoadImage</ui5-option>
75
+ <ui5-option>UnableToUpload</ui5-option>
76
+ <ui5-option>UploadToCloud</ui5-option>
77
+ <ui5-option>UploadCollection</ui5-option>
78
+ <ui5-option>TntChartArea</ui5-option>
79
+ <ui5-option>TntChartArea2</ui5-option>
80
+ <ui5-option>TntChartBar</ui5-option>
81
+ <ui5-option>TntChartBPMNFlow</ui5-option>
82
+ <ui5-option>TntChartBullet</ui5-option>
83
+ <ui5-option>TntChartDoughnut</ui5-option>
84
+ <ui5-option>TntChartFlow</ui5-option>
85
+ <ui5-option>TntChartGantt</ui5-option>
86
+ <ui5-option>TntChartOrg</ui5-option>
87
+ <ui5-option>TntChartPie</ui5-option>
88
+ <ui5-option>TntCodePlaceholder</ui5-option>
89
+ <ui5-option>TntCompany</ui5-option>
90
+ <ui5-option>TntComponents</ui5-option>
91
+ <ui5-option>TntExternalLink</ui5-option>
92
+ <ui5-option>TntFaceID</ui5-option>
93
+ <ui5-option>TntFingerprint</ui5-option>
94
+ <ui5-option>TntLock</ui5-option>
95
+ <ui5-option>TntMission</ui5-option>
96
+ <ui5-option>TntNoApplications</ui5-option>
97
+ <ui5-option>TntNoFlows</ui5-option>
98
+ <ui5-option>TntNoUsers</ui5-option>
99
+ <ui5-option>TntRadar</ui5-option>
100
+ <ui5-option>TntSecrets</ui5-option>
101
+ <ui5-option>TntServices</ui5-option>
102
+ <ui5-option>TntSessionExpired</ui5-option>
103
+ <ui5-option>TntSessionExpiring</ui5-option>
104
+ <ui5-option>TntSuccess</ui5-option>
105
+ <ui5-option>TntSuccessfulAuth</ui5-option>
106
+ <ui5-option>TntSystems</ui5-option>
107
+ <ui5-option>TntTeams</ui5-option>
108
+ <ui5-option>TntTools</ui5-option>
109
+ <ui5-option>TntUnableToLoad</ui5-option>
110
+ <ui5-option>TntUnlock</ui5-option>
111
+ <ui5-option>TntUnsuccessfulAuth</ui5-option>
112
+ <ui5-option>TntUser2</ui5-option>
113
+ </ui5-select>
114
+ Size:
115
+ <ui5-select id="sizeSelect">
116
+ <ui5-option>base</ui5-option>
117
+ <ui5-option>spot</ui5-option>
118
+ <ui5-option>dialog</ui5-option>
119
+ <ui5-option selected>scene</ui5-option>
120
+ </ui5-select>
121
+ <ui5-illustrated-message id="illustratedMsg1" class="border">
122
+ <ui5-button>Action 1</ui5-button>
123
+ </ui5-illustrated-message>
124
+
125
+ <ui5-button id="openDialogButton">Open Dialog</ui5-button>
126
+
127
+ <ui5-dialog id="hello-dialog" header-text="Error" resizable>
128
+ <ui5-illustrated-message name="UnableToLoad"></ui5-illustrated-message>
129
+ <ui5-bar design="Footer" slot="footer">
130
+ <ui5-button id="closeDialogButton" design="Emphasized" slot="endContent">Close</ui5-button>
131
+ </ui5-bar>
132
+ </ui5-dialog>
133
+
134
+ <ui5-illustrated-message id="illustratedMsg2" name="UnableToUpload" title="Something went wrong..." accessible-name-ref="lbl">
135
+ <div slot="subtitle">Please try again or contact us at <ui5-link>example@example.com</ui5-link> <br><label id="lbl">Text from aria-labelledby</label></div>
136
+ <ui5-button icon="refresh">Try again</ui5-button>
137
+ </ui5-illustrated-message>
138
+
139
+ <ui5-illustrated-message id="illustratedMsg3" name="UnableToUpload">
140
+ <ui5-title slot="title" level="H1">This is a slotted title</ui5-title>
141
+ </ui5-illustrated-message>
142
+
143
+ <ui5-panel id="panel1" accessible-role="Complementary" no-animation>
144
+
145
+ <!-- Panel header -->
146
+ <div slot="header" class="header">
147
+ <ui5-title id="p1-title">Expandable panel title</ui5-title>
148
+ </div>
149
+
150
+ <ui5-illustrated-message
151
+ name="AddColumn"
152
+ titleText="No milestones yet."
153
+ id="illustratedMsg4"
154
+ ></ui5-illustrated-message>
155
+ </ui5-panel>
156
+
157
+ <script>
158
+ const illustrationSelect = document.getElementById("illustrationSelect");
159
+ const sizeSelect = document.getElementById("sizeSelect");
160
+ const illustratedMessage = document.querySelector("ui5-illustrated-message");
161
+ const dialogOpener = document.getElementById("openDialogButton");
162
+ const dialog = document.getElementById("hello-dialog");
163
+ const dialogCloser = document.getElementById("closeDialogButton");
164
+ const sizes = {
165
+ base: 250,
166
+ spot: 300,
167
+ dialog: 650,
168
+ scene: 1100,
169
+ }
170
+
171
+ illustratedMessage.style.width = `${sizes.scene}px`;
172
+
173
+ illustrationSelect.addEventListener("change", (event) => {
174
+ illustratedMessage.setAttribute("name", event.detail.selectedOption.textContent);
175
+ });
176
+
177
+ sizeSelect.addEventListener("change", (event) => {
178
+ illustratedMessage.style.width = `${sizes[event.detail.selectedOption.textContent]}px`;
179
+ });
180
+
181
+ dialogOpener.addEventListener("click", () => {
182
+ dialog.show();
183
+ });
184
+
185
+ dialogCloser.addEventListener("click", () => {
186
+ dialog.close();
187
+ });
188
+ </script>
189
+ </body>
190
+
191
+ </html>
package/dist/test/pages/MediaGallery.html ADDED
@@ -0,0 +1,278 @@
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>ui5-media-gallery</title>
7
+
8
+
9
+
10
+
11
+
12
+
13
+
14
+ <script type="module" crossorigin src="/assets/bundle.esm.b810cc0c.js"></script>
15
+ <link rel="stylesheet" href="/assets/test/pages/MediaGallery.html.dee36218.css">
16
+ </head>
17
+
18
+ <body style="background-color: var(--sapBackgroundColor);">
19
+ <div class="controls layout">
20
+ <ui5-label>Switch theme: </ui5-label>
21
+ <ui5-select id="selectTheme">
22
+ <ui5-option value="sap_fiori_3">Fiori 3</ui5-option>
23
+ <ui5-option value="sap_fiori_3_dark">Fiori 3 Dark</ui5-option>
24
+ <ui5-option value="sap_fiori_3_hcb">Fiori 3 HCB</ui5-option>
25
+ <ui5-option value="sap_fiori_3_hcw">Fiori 3 HCW</ui5-option>
26
+ <ui5-option value="sap_belize">Belize</ui5-option>
27
+ <ui5-option value="sap_belize_hcb">Belize HCB</ui5-option>
28
+ <ui5-option value="sap_belize_hcw">Belize HCW</ui5-option>
29
+ <ui5-option value="sap_horizon">Horizon</ui5-option>
30
+ </ui5-select>
31
+ </div>
32
+
33
+ <div class="controls layout">
34
+ <ui5-title level="H1">Layout preferences:</ui5-title>
35
+
36
+ <div>
37
+ <ui5-label>Layout: </ui5-label>
38
+ <ui5-select id="layout">
39
+ <ui5-option selected>Auto</ui5-option>
40
+ <ui5-option>Vertical</ui5-option>
41
+ <ui5-option>Horizontal</ui5-option>
42
+ </ui5-select>
43
+ </div>
44
+ <ui5-title level="H3">Thumbnails menu:</ui5-title>
45
+ <div>
46
+ <ui5-checkbox id="selectMenuDesign" text="Show all thumbnails"></ui5-checkbox>
47
+ </div>
48
+ <div>
49
+ <ui5-label>Menu horizontal align: </ui5-label>
50
+ <ui5-select id="selectHorizontalAlign">
51
+ <ui5-option>Right</ui5-option>
52
+ <ui5-option selected>Left</ui5-option>
53
+ </ui5-select>
54
+ </div>
55
+ <div>
56
+ <ui5-label>Menu vertical align: </ui5-label>
57
+ <ui5-select id="selectVerticalAlign">
58
+ <ui5-option>Top</ui5-option>
59
+ <ui5-option selected>Bottom</ui5-option>
60
+ </ui5-select>
61
+ </div>
62
+ </div>
63
+ <div class="content">
64
+ <ui5-media-gallery id="mGallery1">
65
+ <ui5-media-gallery-item>
66
+ <img src="/assets/HT-1000.59a0ea5a.jpg">
67
+ <img src="/assets/HT-1000.59a0ea5a.jpg" slot="thumbnail">
68
+ </ui5-media-gallery-item>
69
+ <ui5-media-gallery-item selected>
70
+ <img src="/assets/HT-1010.7b05e4f5.jpg">
71
+ <img src="/assets/HT-1010.7b05e4f5.jpg" slot="thumbnail">
72
+ </ui5-media-gallery-item>
73
+ <ui5-media-gallery-item>
74
+ <img src="/assets/HT-1022.6fa171f0.jpg">
75
+ <img src="/assets/HT-1022.6fa171f0.jpg" slot="thumbnail">
76
+ </ui5-media-gallery-item>
77
+ <ui5-media-gallery-item layout="Wide">
78
+ <iframe src="https://www.youtube.com/embed/GxGZG2fv6Aw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
79
+ <img src="data:image/jpeg;base64,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" slot="thumbnail">
80
+ </ui5-media-gallery-item>
81
+ <ui5-media-gallery-item layout="Wide">
82
+ <iframe allowfullscreen src="https://www.youtube.com/embed/r2-XOMtsbT0?rel=0&showinfo=0&autoplay=1"></iframe>
83
+ <img src="https://www.plustechnologies.com/wp-content/uploads/2019/03/SAP.jpg" slot="thumbnail">
84
+ </ui5-media-gallery-item>
85
+ <ui5-media-gallery-item>
86
+ <img src="/assets/HT-1030.7ead454a.jpg">
87
+ <img src="/assets/HT-1030.7ead454a.jpg" slot="thumbnail">
88
+ </ui5-media-gallery-item>
89
+ <ui5-media-gallery-item>
90
+ <img src="/assets/Overlayed mask.eb7a3287.png">
91
+ <img src="/assets/Overlayed mask.eb7a3287.png" slot="thumbnail">
92
+ </ui5-media-gallery-item>
93
+ <ui5-media-gallery-item>
94
+ <img src="/assets/HT-2002.0e49d270.jpg">
95
+ <img src="/assets/HT-2002.0e49d270.jpg" slot="thumbnail">
96
+ </ui5-media-gallery-item>
97
+ <ui5-media-gallery-item>
98
+ <img src="/assets/HT-2026.8d3d321d.jpg">
99
+ <img src="/assets/HT-2026.8d3d321d.jpg" slot="thumbnail">
100
+ </ui5-media-gallery-item>
101
+ </ui5-media-gallery>
102
+ </div>
103
+ <div id="events" class="controls events">
104
+ <ui5-title level="H1">Events:</ui5-title>
105
+ <div>
106
+ <ui5-checkbox id="isDisplayAreaInteractive" text="Interactive display area"></ui5-checkbox>
107
+ </div>
108
+ <div>
109
+ <ui5-label>Last selected index: </ui5-label>
110
+ <ui5-label class="resultLabel" id="selectedIndexLabel"></ui5-label>
111
+ </div>
112
+ <div>
113
+ <ui5-label>Call count "selection-change": </ui5-label>
114
+ <ui5-label class="resultLabel" id="selectionChangeCallCountLabel"></ui5-label>
115
+ <button id="clearBtn">Clear</button>
116
+ </div>
117
+ <div>
118
+ <ui5-label>Call count "overflow-click": </ui5-label>
119
+ <ui5-label class="resultLabel" id="overflowClickCallCountLabel"></ui5-label>
120
+ </div>
121
+ <div>
122
+ <ui5-label>Call count "display-area-click": </ui5-label>
123
+ <ui5-label class="resultLabel" id="displayAreaClickCallCountLabel"></ui5-label>
124
+ </div>
125
+ </div>
126
+ <div class="content">
127
+ <ui5-media-gallery id="mGallery2">
128
+ <ui5-media-gallery-item>
129
+ <img src="/assets/HT-1000.59a0ea5a.jpg">
130
+ <img src="/assets/HT-1000.59a0ea5a.jpg" slot="thumbnail">
131
+ </ui5-media-gallery-item>
132
+ <ui5-media-gallery-item>
133
+ <img src="/assets/HT-1010.7b05e4f5.jpg">
134
+ <img src="/assets/HT-1010.7b05e4f5.jpg" slot="thumbnail">
135
+ </ui5-media-gallery-item>
136
+ <ui5-media-gallery-item>
137
+ <img src="/assets/HT-1022.6fa171f0.jpg">
138
+ <img src="/assets/HT-1022.6fa171f0.jpg" slot="thumbnail">
139
+ </ui5-media-gallery-item>
140
+ <ui5-media-gallery-item layout="Wide">
141
+ <iframe src="https://www.youtube.com/embed/GxGZG2fv6Aw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
142
+ <img src="data:image/jpeg;base64,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" slot="thumbnail">
143
+ </ui5-media-gallery-item>
144
+ <ui5-media-gallery-item>
145
+ <img src="/assets/HT-2002.0e49d270.jpg">
146
+ <img src="/assets/HT-2002.0e49d270.jpg" slot="thumbnail">
147
+ </ui5-media-gallery-item>
148
+ <ui5-media-gallery-item>
149
+ <img src="/assets/HT-1030.7ead454a.jpg">
150
+ <img src="/assets/HT-1030.7ead454a.jpg" slot="thumbnail">
151
+ </ui5-media-gallery-item>
152
+ </ui5-media-gallery>
153
+ </div>
154
+ <div id="disableditems" class="controls">
155
+ <ui5-title level="H2">MediaGallery with disabled items:</ui5-title>
156
+ </div>
157
+ <div class="content">
158
+ <ui5-media-gallery>
159
+ <ui5-media-gallery-item disabled>
160
+ <img src="/assets/HT-1000.59a0ea5a.jpg">
161
+ <img src="/assets/HT-1000.59a0ea5a.jpg" slot="thumbnail">
162
+ </ui5-media-gallery-item>
163
+ <ui5-media-gallery-item>
164
+ <img src="/assets/HT-1010.7b05e4f5.jpg">
165
+ <img src="/assets/HT-1010.7b05e4f5.jpg" slot="thumbnail">
166
+ </ui5-media-gallery-item>
167
+ <ui5-media-gallery-item>
168
+ <img src="/assets/HT-1022.6fa171f0.jpg">
169
+ <img src="/assets/HT-1022.6fa171f0.jpg" slot="thumbnail">
170
+ </ui5-media-gallery-item>
171
+ <ui5-media-gallery-item layout="Wide">
172
+ <iframe src="https://www.youtube.com/embed/GxGZG2fv6Aw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
173
+ <img src="data:image/jpeg;base64,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" slot="thumbnail">
174
+ </ui5-media-gallery-item>
175
+ </ui5-media-gallery>
176
+ </div>
177
+ <div id="notfoundcontent" class="controls">
178
+ <ui5-title level="H2">Not found content:</ui5-title>
179
+ </div>
180
+ <div class="content">
181
+ <ui5-media-gallery>
182
+ <ui5-media-gallery-item>
183
+ <img src="./img/Tool1.png">
184
+ <img src="/assets/HT-1000.59a0ea5a.jpg" slot="thumbnail">
185
+ </ui5-media-gallery-item>
186
+ <ui5-media-gallery-item layout="Wide">
187
+ <iframe src="https://www.youtube.com/embed/GxGZG2fv6Aw1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
188
+ <img src="data:image/jpeg;base64,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" slot="thumbnail">
189
+ </ui5-media-gallery-item>
190
+ </ui5-media-gallery>
191
+ </div>
192
+ <div id="notfoundthumbnail" class="controls">
193
+ <ui5-title level="H2">Not found thumbnail and content:</ui5-title>
194
+ </div>
195
+ <div class="content">
196
+ <ui5-media-gallery>
197
+ <ui5-media-gallery-item>
198
+ <img src="./img/HT-10001.jpg">
199
+ <img src="./img/Tool1.png" slot="thumbnail">
200
+ </ui5-media-gallery-item>
201
+ </ui5-media-gallery>
202
+ </div>
203
+
204
+ <div class="controls">
205
+ <ui5-title level="H2">Narrow container</ui5-title>
206
+ </div>
207
+ <div class="narrowContainer">
208
+ <ui5-media-gallery id="galleryInNarrowContainer">
209
+ <ui5-media-gallery-item>
210
+ <img src="/assets/HT-1000.59a0ea5a.jpg">
211
+ </ui5-media-gallery-item>
212
+ <ui5-media-gallery-item>
213
+ <img src="/assets/HT-1010.7b05e4f5.jpg">
214
+ </ui5-media-gallery-item>
215
+ </ui5-media-gallery>
216
+ </div>
217
+
218
+ <script>
219
+
220
+ let selectionChangeCallCount = 0,
221
+ overflowClickCallCount = 0,
222
+ displayAreaClickCallCount = 0;
223
+
224
+ layout.addEventListener("ui5-change", function(event) {
225
+ let newValue = event.detail.selectedOption.innerText;
226
+ mGallery1.layout = newValue;
227
+ });
228
+
229
+ selectHorizontalAlign.addEventListener("ui5-change", function(event) {
230
+ let newValue = event.detail.selectedOption.innerText;
231
+ mGallery1.menuHorizontalAlign = newValue;
232
+ });
233
+
234
+ selectVerticalAlign.addEventListener("ui5-change", function(event) {
235
+ let newValue = event.detail.selectedOption.innerText;
236
+ mGallery1.menuVerticalAlign = newValue;
237
+ });
238
+
239
+ isDisplayAreaInteractive.addEventListener("ui5-change", function(event) {
240
+ mGallery2.interactiveDisplayArea = isDisplayAreaInteractive.checked;
241
+ });
242
+
243
+ mGallery2.addEventListener("ui5-selection-change", function(event) {
244
+ const item = event.detail.item,
245
+ index = mGallery2.items.indexOf(item);
246
+ selectedIndexLabel.innerText = index;
247
+ selectionChangeCallCountLabel.innerText = ++selectionChangeCallCount;
248
+ });
249
+
250
+ mGallery2.addEventListener("ui5-overflow-click", function(event) {
251
+ overflowClickCallCountLabel.innerText = ++overflowClickCallCount;
252
+ });
253
+
254
+ mGallery2.addEventListener("ui5-display-area-click", function(event) {
255
+ displayAreaClickCallCountLabel.innerText = ++displayAreaClickCallCount;
256
+ });
257
+
258
+ selectMenuDesign.addEventListener("ui5-change", function(event) {
259
+ mGallery1.showAllThumbnails = selectMenuDesign.checked;
260
+ });
261
+
262
+ clearBtn.addEventListener("click", function() {
263
+ selectedIndexLabel.innerText = "";
264
+ selectionChangeCallCountLabel.innerText = "";
265
+ overflowClickCallCountLabel.innerText = "";
266
+ displayAreaClickCallCountLabel.innerText = "";
267
+ });
268
+
269
+ selectTheme.addEventListener("ui5-change", function(event) {
270
+ var theme = event.detail.selectedOption.value;
271
+ var Conf = window["sap-ui-webcomponents-bundle"].configuration;
272
+ Conf.setTheme(theme);
273
+ });
274
+
275
+ </script>
276
+ </body>
277
+
278
+ </html>