@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/DynamicSideContent.html ADDED
@@ -0,0 +1,134 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
5
+ <meta charset="utf-8">
6
+
7
+ <title>Dynamic Side Content</title>
8
+ <script>
9
+ delete Document.prototype.adoptedStyleSheets
10
+ </script>
11
+
12
+
13
+
14
+
15
+
16
+
17
+ <script type="module" crossorigin src="/assets/bundle.esm.b810cc0c.js"></script>
18
+ <link rel="stylesheet" href="/assets/test/pages/DynamicSideContent.html.9b81aa24.css">
19
+ </head>
20
+
21
+ <body class="page1auto">
22
+
23
+ <ui5-page id="page" floating-footer show-footer>
24
+ <ui5-dynamic-side-content
25
+ id="dynamicSideContent"
26
+ class="content-padding">
27
+ <div>
28
+ <h1>Main Content</h1>
29
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex mi, elementum et ante commodo, semper sollicitudin magna. Sed dapibus ut tortor quis varius. Sed luctus sem at nunc porta vulputate. Suspendisse lobortis arcu est, quis ultrices ipsum fermentum a. Vestibulum a ipsum placerat ligula gravida fringilla at id ex. Etiam pellentesque lorem sed sagittis aliquam. Quisque semper orci risus, vel efficitur dui euismod aliquet. Morbi sapien sapien, rhoncus et rutrum nec, rhoncus id nisl. Cras non tincidunt enim, id eleifend neque.</p>
30
+ <p>Sed mauris nunc, sollicitudin eget mi nec, tincidunt molestie diam. Aliquam orci dui, vestibulum quis blandit et, interdum vel arcu. Vestibulum sit amet quam ut sapien pulvinar consequat ac sed turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Phasellus quam diam, mattis vitae condimentum ac, ornare vel dui. Pellentesque orci tellus, tempor vel ex eget, luctus vehicula massa. Nullam laoreet, lacus ut vulputate maximus, quam sem molestie nunc, vitae convallis sem nisi nec magna.</p>
31
+ <p>Nullam a felis odio. Curabitur quis tellus nec risus suscipit dictum vitae eget augue. Maecenas faucibus felis a arcu ultricies, sed tempor ante pellentesque. Ut hendrerit ipsum sit amet ligula bibendum, sit amet vehicula lacus condimentum. Morbi lacinia nibh eu placerat sollicitudin. Praesent accumsan pulvinar massa, eget finibus odio lacinia ullamcorper. Integer neque quam, pretium sed accumsan id, euismod non nibh.</p>
32
+ <p>Quisque luctus non mi in mollis. Suspendisse id lectus felis. Aliquam elementum nibh nibh. Nullam eget condimentum dolor. Suspendisse id dui non lorem imperdiet iaculis. Pellentesque ex turpis, vehicula a arcu quis, mattis auctor tellus. In ornare, libero ac rhoncus eleifend, felis orci sagittis felis, ac molestie est lacus fermentum odio. Mauris et porta nibh. Integer tellus leo, laoreet nec odio non, rutrum bibendum magna.</p>
33
+ </div>
34
+ <div slot="sideContent">
35
+ <h1>Side Content</h1>
36
+ <p>Morbi lorem libero, imperdiet id condimentum ac, tempor ut velit. Integer a laoreet sem. Nunc at sagittis nisi. Sed placerat diam eu porttitor dignissim. Maecenas nec fringilla tortor. Pellentesque ut elit est. Curabitur quis elit at mauris ullamcorper fringilla. Nullam diam mi, porttitor dictum orci nec, molestie luctus metus. Nunc ut ex blandit, elementum erat eget, pulvinar sapien. Donec nec lorem eu nunc eleifend tempor at non tortor. In quam velit, ornare at rutrum ac, porta ac augue. Suspendisse venenatis semper lacus at venenatis. Praesent vestibulum ligula nulla, at tempus lorem consequat suscipit. Aenean consequat dapibus dui, at bibendum mauris porta a.</p>
37
+ <p>Vivamus ut efficitur massa, ac porttitor dolor. Nullam nec elit quis urna convallis tincidunt. Suspendisse potenti. Phasellus dignissim eget mauris eu egestas. Phasellus accumsan pulvinar pharetra. Pellentesque egestas viverra ipsum. Maecenas a dapibus neque. Morbi tincidunt ultricies enim, ac vehicula elit dapibus sit amet. Donec vel felis at felis elementum sodales id id erat. Pellentesque rutrum placerat mollis. In hac habitasse platea dictumst. Sed eget quam aliquet, pretium ligula vitae, lobortis mauris. Aenean eget ipsum auctor, dapibus quam at, pharetra nunc.</p>
38
+ </div>
39
+ </ui5-dynamic-side-content>
40
+
41
+ <div slot="footer">
42
+ <ui5-bar design="FloatingFooter">
43
+ <ui5-badge class="breakpointBadge" id="breakpointS" color-scheme="5" slot="startContent">S</ui5-badge>
44
+ <ui5-badge class="breakpointBadge" id="breakpointM" color-scheme="6" slot="startContent">M</ui5-badge>
45
+ <ui5-badge class="breakpointBadge" id="breakpointL" color-scheme="7" slot="startContent">L</ui5-badge>
46
+ <ui5-badge class="breakpointBadge" id="breakpointXL" color-scheme="8" slot="startContent">XL</ui5-badge>
47
+ <ui5-switch id="hideMainContent" class="hide-on-S" text-on="M +" text-off="M -" title="MainContent" checked></ui5-switch>
48
+ <ui5-switch id="hideSideContent" class="hide-on-S" text-on="S +" text-off="S -" title="SideContent" checked></ui5-switch>
49
+ <ui5-switch id="equalSplit" class="hide-on-S" text-on="EQ" text-off="! EQ" title="equalSplit"></ui5-switch>
50
+ <ui5-switch id="sideContentPosition" class="hide-on-S" text-on="END" text-off="STA" title="sideContentPosition" checked></ui5-switch>
51
+ <ui5-select id="sideContentVisibility" class="hide-on-S smaller-select" title="sideContentVisibility">
52
+ <ui5-option>NeverShow</ui5-option>
53
+ <ui5-option selected>ShowAboveS</ui5-option>
54
+ <ui5-option>ShowAboveM</ui5-option>
55
+ <ui5-option>ShowAboveL</ui5-option>
56
+ <ui5-option>AlwaysShow</ui5-option>
57
+ </ui5-select>
58
+ <ui5-select id="sideContentFallDown" class="hide-on-S smaller-select" title="sideContentFallDown">
59
+ <ui5-option>BelowXL</ui5-option>
60
+ <ui5-option>BelowL</ui5-option>
61
+ <ui5-option>BelowM</ui5-option>
62
+ <ui5-option selected>OnMinimumWidth</ui5-option>
63
+ </ui5-select>
64
+ <ui5-button id="toggleButton" design="Positive" slot="endContent">Toggle</ui5-button>
65
+ </ui5-bar>
66
+ </div>
67
+
68
+ </ui5-page>
69
+ <ui5-input id="currentBreakpoint" class="invisible"></ui5-input>
70
+ <ui5-input id="previousBreakpoint" class="invisible"></ui5-input>
71
+ <ui5-input id="mainVisible" class="invisible"></ui5-input>
72
+ <ui5-input id="sideVisible" class="invisible"></ui5-input>
73
+
74
+ <script>
75
+ var toggleButton = document.getElementById("toggleButton"),
76
+ sideContentPosition = document.getElementById("sideContentPosition"),
77
+ sideContentVisibility = document.getElementById("sideContentVisibility"),
78
+ sideContentFallDown = document.getElementById("sideContentFallDown"),
79
+ equalSplit = document.getElementById("equalSplit"),
80
+ dynamnicSideContent = document.getElementById("dynamicSideContent"),
81
+ currentBreakpoint = document.getElementById("currentBreakpoint"),
82
+ previousBreakpoint = document.getElementById("previousBreakpoint"),
83
+ mainVisible = document.getElementById("mainVisible"),
84
+ sideVisible = document.getElementById("sideVisible");
85
+
86
+ toggleButton.addEventListener("click", function() {
87
+ dynamnicSideContent.toggleContents();
88
+ });
89
+
90
+ hideMainContent.addEventListener("change", function() {
91
+ dynamnicSideContent.hideMainContent = !hideMainContent.checked;
92
+ });
93
+
94
+ hideSideContent.addEventListener("change", function() {
95
+ dynamnicSideContent.hideSideContent = !hideSideContent.checked;
96
+ });
97
+
98
+ equalSplit.addEventListener("change", function() {
99
+ dynamnicSideContent.equalSplit = equalSplit.checked;
100
+ });
101
+
102
+ sideContentPosition.addEventListener("change", function() {
103
+ dynamnicSideContent.sideContentPosition = sideContentPosition.checked ? "End" : "Start";
104
+ });
105
+
106
+ sideContentVisibility.addEventListener("change", function(event) {
107
+ dynamnicSideContent.sideContentVisibility = event.detail.selectedOption.innerText;
108
+ });
109
+
110
+ sideContentFallDown.addEventListener("change", function(event) {
111
+ dynamnicSideContent.sideContentFallDown = event.detail.selectedOption.innerText;
112
+ });
113
+
114
+ dynamicSideContent.addEventListener("ui5-layout-change", function(event) {
115
+ var breakpoint = event.detail.currentBreakpoint,
116
+ disp = breakpoint === "S" ? "none" : "block";
117
+
118
+ document.querySelectorAll('.breakpointBadge').forEach(function(elem) { elem.style.display = "none"; });
119
+ document.querySelector("#breakpoint" + breakpoint).style.display="block";
120
+ document.querySelectorAll('.hide-on-S').forEach(function(elem) { elem.style.display = disp; });
121
+ toggleButton.style.display = breakpoint !== "S" || dynamicSideContent.sideContentVisibility === "AlwaysShow" ? "none" : "block";
122
+
123
+ });
124
+
125
+ dynamicSideContent.addEventListener("ui5-layout-change", function(event) {
126
+ currentBreakpoint.value = event.detail.currentBreakpoint;
127
+ previousBreakpoint.value = event.detail.previousBreakpoint;
128
+ mainVisible.value = event.detail.mainContentVisible ? 1 : 0;
129
+ sideVisible.value = event.detail.sideContentVisible ? 1 : 0;
130
+ });
131
+ </script>
132
+
133
+ </body>
134
+ </html>
package/dist/test/pages/F6TestPage.html ADDED
@@ -0,0 +1,475 @@
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>F6 Navigation</title>
9
+ <script>
10
+ // delete Document.prototype.adoptedStyleSheets
11
+ </script>
12
+
13
+
14
+
15
+
16
+ <script type="module" crossorigin src="/assets/bundle.esm.b810cc0c.js"></script>
17
+ </head>
18
+
19
+ <body>
20
+ <ui5-shellbar class="shellbar-example" primary-title="Custom Actions" secondary-title="Second Title"
21
+ id="shellbarwithitems">
22
+ <ui5-shellbar-item icon="accelerated" text="Hello World!" title="Schedule"></ui5-shellbar-item>
23
+ <ui5-shellbar-item icon="accept" text="Hello World!" title="Approve"></ui5-shellbar-item>
24
+ <ui5-shellbar-item icon="alert" text="Hello World!" title="Warning"></ui5-shellbar-item>
25
+ <ui5-shellbar-item icon="discussion" text="Hello World!" count="42" title="42 Messages"></ui5-shellbar-item>
26
+ <ui5-shellbar-item icon="error" text="Hello World!" title="Attention"></ui5-shellbar-item>
27
+ <ui5-shellbar-item icon="hello-world" text="UI5 Webcomponents" title="hello world"></ui5-shellbar-item>
28
+ <ui5-shellbar-item icon="laptop" text="UI5 Webcomponents" title="Laptop"></ui5-shellbar-item>
29
+ <ui5-shellbar-item icon="nutrition-activity" text="UI5 Webcomponents" title="Apple"></ui5-shellbar-item>
30
+ <ui5-shellbar-item icon="sound-loud" text="UI5 Webcomponents" title="Sound"></ui5-shellbar-item>
31
+ </ui5-shellbar>
32
+ <div data-sap-ui-fastnavgroup="true">
33
+ <ui5-button id="div-button">1</ui5-button>
34
+ <ui5-button>2</ui5-button>
35
+ <ui5-button>3</ui5-button>
36
+ <ui5-button>4</ui5-button>
37
+ </div>
38
+ <div>
39
+ Ensure that typing inside ui5-input works when F6 navigation is enabled
40
+ <br />
41
+ <ui5-input id="testInput"></ui5-input>
42
+ </div>
43
+ <ui5-panel id="panel-expandable" accessible-role="Complementary" header-text="Both expandable and expanded"
44
+ header-level="H4">
45
+ <!-- Content -->
46
+ <ui5-title>Lorem ipsum!</ui5-title>
47
+ <ui5-button id="panel-button">1</ui5-button>
48
+ <ui5-button>2</ui5-button>
49
+ <ui5-button>3</ui5-button>
50
+ <ui5-button>4</ui5-button>
51
+ <ui5-button>5</ui5-button>
52
+ <ui5-label wrapping-type="Normal">
53
+ <span>
54
+ Lorem ipsum dolor sit amet, tamquam invidunt cu sed, unum regione mel ea, quo ea alia novum. Ne qui
55
+ illud zril
56
+ nostrum, vel ea sint dicant postea. Vel ne facete tritani, neglegentur concludaturque sed te. His animal
57
+ dolorum ut.
58
+ Aeterno appareat ei mei, cu sed elit scripserit, an quodsi oportere accusamus quo. Pri ea probo corpora
59
+ rationibus,
60
+ soluta incorrupte ex his.
61
+ Mei ei brute cetero, id duo magna aeque torquatos. Quodsi erroribus mediocritatem his ut, ad pri legere
62
+ iracundia
63
+ democritum. Menandri intellegam in mea, ex vero movet qualisque sed. Maiorum verterem perfecto nec ea,
64
+ est velit
65
+ elaboraret consequuntur eu, eam ad reque postea admodum. Ne inimicus convenire pri, doctus vidisse te
66
+ ius.
67
+ Percipitur contentiones in vis, cu vim propriae phaedrum. Has ad magna errem honestatis, duo vero graeco
68
+ epicurei
69
+ no, populo semper sit ne. Vulputate dissentiunt interpretaris ea vis, nec civibus moderatius at. Cu vim
70
+ stet
71
+ dissentias, no vidit saperet indoctum nec, et pro magna prima nobis. Vis consul feugiat qualisque in,
72
+ regione
73
+ persecuti cotidieque id eos, id ius omnesque vituperata.
74
+ Pri ex impedit percipit consulatu. Ius iudico feugiat instructior an. Iusto putant eum eu, ubique
75
+ splendide pri ad,
76
+ cu qui salutandi assentior percipitur. At esse ceteros salutandi ius. Te dicam reprehendunt nec, ea
77
+ discere ponderum
78
+ sensibus duo.
79
+ Vis cu commodo definiebas, postea dissentias ne vim. Modo homero eos ad. Ut vix equidem temporibus. At
80
+ duo audire
81
+ volumus, id volumus rationibus vim. Sit ne diam volumus. Augue labitur mel cu, an eam omnis causae
82
+ hendrerit.
83
+ </span>
84
+ </ui5-label>
85
+
86
+ </ui5-panel>
87
+
88
+ <br><br>
89
+
90
+ <ui5-table class="demo-table" id="testRowClick">
91
+ <ui5-table-column id="column-1" slot="columns">
92
+ <ui5-label>City</ui5-label>
93
+ </ui5-table-column>
94
+
95
+ <ui5-table-column id="column-2" slot="columns" min-width="500" popin-text="Supplier">
96
+ <ui5-label>Supplier</ui5-label>
97
+ </ui5-table-column>
98
+
99
+ <ui5-table-column id="column-3" slot="columns" min-width="500" popin-text="Country" demand-popin>
100
+ <div class="column-content">
101
+ <ui5-label>Country</ui5-label>
102
+ </div>
103
+ </ui5-table-column>
104
+
105
+ <ui5-table-row data-city="Dublin">
106
+ <ui5-table-cell><span id="testRowClickCell1">Dublin</span></ui5-table-cell>
107
+ <ui5-table-cell><span>J.M. Brothers</span></ui5-table-cell>
108
+ <ui5-table-cell><span>USA</span></ui5-table-cell>
109
+ </ui5-table-row>
110
+ <ui5-table-row data-city="Sofia">
111
+ <ui5-table-cell>
112
+ <ui5-label for="myInput">Sofia</ui5-label>
113
+ </ui5-table-cell>
114
+ <ui5-table-cell><span>J.M. Brothers</span></ui5-table-cell>
115
+ <ui5-table-cell><span>USA</span></ui5-table-cell>
116
+ </ui5-table-row>
117
+ <ui5-table-row data-city="London">
118
+ <ui5-table-cell>
119
+ <div id="testRowClickCell2">London</div>
120
+ </ui5-table-cell>
121
+ <ui5-table-cell><span>J.M. Brothers</span></ui5-table-cell>
122
+ <ui5-table-cell><span>USA</span></ui5-table-cell>
123
+ </ui5-table-row>
124
+ </ui5-table>
125
+
126
+ <br><br>
127
+
128
+ <ui5-list header-text="API: ListItem type='Active/Inactive/Detail'" mode="SingleSelect">
129
+ <ui5-li id="list-item">Active item - press</ui5-li>
130
+ <ui5-li>Active item - press</ui5-li>
131
+ <ui5-li selected type="Inactive">Inactive item</ui5-li>
132
+ <ui5-li type="Inactive">Inactive item</ui5-li>
133
+ <ui5-li type="Detail">Detail item</ui5-li>
134
+ </ui5-list>
135
+
136
+ <br><br>
137
+
138
+ <ui5-tabcontainer>
139
+ <ui5-tab stable-dom-ref="products-ref" text="Products" additional-text="125" id="tab">
140
+ </ui5-tab>
141
+ <ui5-tab-separator></ui5-tab-separator>
142
+ <ui5-tab icon="sap-icon://menu2" text="Laptops" design="Positive" additional-text="25">
143
+ </ui5-tab>
144
+ <ui5-tab icon="sap-icon://menu" text="Monitors" selected design="Critical" additional-text="45">
145
+ </ui5-tab>
146
+ <ui5-tab icon="sap-icon://menu2" text="Keyboards" design="Negative" additional-text="15">
147
+ </ui5-tab>
148
+ <ui5-tab icon="sap-icon://menu2" disabled text="Disabled" design="Negative" additional-text="40">
149
+ </ui5-tab>
150
+ <ui5-tab icon="sap-icon://menu2" text="Neutral" design="Neutral" additional-text="40">
151
+ </ui5-tab>
152
+ <ui5-tab icon="sap-icon://menu2" text="Default" additional-text="40">
153
+ </ui5-tab>
154
+ </ui5-tabcontainer>
155
+
156
+ <ui5-flexible-column-layout id="fcl" style="height: 600px;">
157
+
158
+ <!-- start column -->
159
+ <div class="col" slot="startColumn">
160
+ <ui5-list id="col1list" header-text="Products (13)" mode="SingleSelect">
161
+ <ui5-li id="fcl-li" description=HT-2001 icon='slim-arrow-right' icon-end additional-text="47.00 EUR">10 inch Portable DVD</ui5-li>
162
+ <ui5-li description=HT-2001 icon='slim-arrow-right' icon-end additional-text="249.00 EUR">7 inch WidescreenPortable DVD Player w MP3</ui5-li>
163
+ <ui5-li description=HT-1251 icon='slim-arrow-right' icon-end additional-text="947.00 EUR">Astro Laptop 1516</ui5-li>
164
+ <ui5-li description=HT-1251 icon='slim-arrow-right' icon-end additional-text="647.00 EUR">Astro Phone 6</ui5-li>
165
+ <ui5-li description=HT-1252 icon='slim-arrow-right' icon-end additional-text="27.99 EUR">Audio/Video Cable Kit - 4m</ui5-li>
166
+ <ui5-li description=HT-6001 icon='slim-arrow-right' icon-end additional-text="447.90 EUR">Beam Breaker B-1</ui5-li>
167
+ <ui5-li description=HT-6001 icon='slim-arrow-right' icon-end additional-text="647.50 EUR">Beam Breaker B-2</ui5-li>
168
+ <ui5-li description=HT-6001 icon='slim-arrow-right' icon-end additional-text="847.80 EUR">Beam Breaker B-3</ui5-li>
169
+ <ui5-li description=HT-2001 icon='slim-arrow-right' icon-end additional-text="1,250.00 EUR">Beam Breaker B-4</ui5-li>
170
+ <ui5-li description=HT-8001 icon='slim-arrow-right' icon-end additional-text="1,288.00 EUR">Camcorder View</ui5-li>
171
+ <ui5-li description=HT-2001 icon='slim-arrow-right' icon-end additional-text="996.00 EUR">Benda Laptop 1408</ui5-li>
172
+ <ui5-li description=HT-0003 icon='slim-arrow-right' icon-end additional-text="147.00 EUR">Cepat Tablet 10.5</ui5-li>
173
+ <ui5-li description=HT-1001 icon='slim-arrow-right' icon-end additional-text="87.90 EUR">Gladiator MX</ui5-li>
174
+ </ui5-list>
175
+ </div>
176
+
177
+ <!-- mid column -->
178
+ <div class="col" slot="midColumn">
179
+ <div class="colHeader">
180
+ <ui5-title id="col2title" level="H2" style="min-width: 1px;"></ui5-title>
181
+
182
+ <div class="colSubHeader">
183
+ <ui5-button design="Emphasized">Edit</ui5-button>
184
+ <ui5-button design="Transparent" icon="add"></ui5-button>
185
+ <ui5-button id="fullscreenMidColumn" design="Transparent" icon="full-screen"></ui5-button>
186
+ <ui5-button id="closeMidColumn" icon="decline" design="Transparent"></ui5-button>
187
+ </div>
188
+ </div>
189
+ <br>
190
+
191
+ <section style="padding: 1rem 1rem;">
192
+ <ui5-title level="H3">General Information</ui5-title>
193
+ <br>
194
+
195
+ <div style="display:flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap">
196
+ <div style="display:flex; flex-direction: row; align-items: center;">
197
+ <ui5-avatar id="avatar" icon="laptop" color-scheme="Accent5" size="XL" style="margin: 0 1rem; min-width: 7rem;">
198
+ </ui5-avatar>
199
+
200
+ <div>
201
+ <div class="productInfo">
202
+ <ui5-title level="H5">Product:</ui5-title>
203
+ <ui5-title level="H5" id="lblName"></ui5-title>
204
+ </div>
205
+ <br>
206
+
207
+ <div class="productInfo">
208
+ <ui5-title level="H5">Description:</ui5-title>
209
+ <ui5-title level="H5" id="lblDesc"></ui5-title>
210
+ </div>
211
+ <br>
212
+
213
+ <div class="productInfo">
214
+ <ui5-title level="H5">Supplier:</ui5-title>
215
+ <ui5-title level="H5" id="lblSupplier"><b>Titanium</b></ui5-title>
216
+ </div>
217
+ </div>
218
+ </div>
219
+
220
+ <div class="productInfo" style="align-self: start">
221
+ <ui5-title level="H5">Rating:</ui5-title>
222
+ <ui5-rating-indicator
223
+ id="productRating"
224
+ accessible-name="Hello World"
225
+ value="3.5"
226
+ ></ui5-rating-indicator>
227
+ </div>
228
+
229
+ <span></span>
230
+ </div>
231
+
232
+ <br><br><br>
233
+
234
+ <ui5-title level="H3">Suppliers</ui5-title>
235
+ <br>
236
+ <ui5-list id="col2list">
237
+ <ui5-li icon='slim-arrow-right' icon-end>Titanium</ui5-li>
238
+ <ui5-li icon='slim-arrow-right' icon-end>Technocom</ui5-li>
239
+ <ui5-li icon='slim-arrow-right' icon-end> Red Point Stores</ui5-li>
240
+ <ui5-li icon='slim-arrow-right' icon-end> Very Best Screens</ui5-li>
241
+ <ui5-li icon='slim-arrow-right' icon-end>Smartcards</ui5-li>
242
+ <ui5-li icon='slim-arrow-right' icon-end>Alpha Printers</ui5-li>
243
+ <ui5-li icon='slim-arrow-right' icon-end>Printer for All</ui5-li>
244
+ <ui5-li icon='slim-arrow-right' icon-end>Oxynum</ui5-li>
245
+ <ui5-li icon='slim-arrow-right' icon-end>Fasttech</ui5-li>
246
+ <ui5-li icon='slim-arrow-right' icon-end>Ultrasonic United</ui5-li>
247
+ <ui5-li icon='slim-arrow-right' icon-end>Speaker Experts</ui5-li>
248
+ <ui5-li icon='slim-arrow-right' icon-end>Brainsoft</ui5-li>
249
+ </ui5-list>
250
+ </section>
251
+ </div>
252
+
253
+ <!-- end column -->
254
+ <div class="col" slot="endColumn">
255
+ <div class="colHeader">
256
+ <ui5-title id="col3title" style="min-width: 1px;"></ui5-title>
257
+
258
+ <div class="colSubHeader">
259
+ <ui5-button design="Emphasized">Edit</ui5-button>
260
+ <ui5-button design="Transparent" icon="add"></ui5-button>
261
+ <ui5-button id="fullscreenEndColumn" design="Transparent" icon="full-screen"></ui5-button>
262
+ <ui5-button id="closeEndColumn" icon="decline" design="Transparent"></ui5-button>
263
+ </div>
264
+ </div>
265
+ <br><br>
266
+
267
+ <ui5-tabcontainer id="tabContainer1" fixed collapsed>
268
+ <ui5-tab text="Products" additional-text="125">
269
+ </ui5-tab>
270
+ <ui5-tab-separator></ui5-tab-separator>
271
+ <ui5-tab icon="sap-icon://menu2" text="Laptops" design="Positive" additional-text="25">
272
+ </ui5-tab>
273
+ <ui5-tab icon="sap-icon://menu" text="Monitors" selected design="Critical" additional-text="45">
274
+ </ui5-tab>
275
+ <ui5-tab icon="sap-icon://menu2" text="Keyboards" design="Negative" additional-text="15">
276
+ </ui5-tab>
277
+ <ui5-tab icon="sap-icon://menu2" disabled text="Disabled" design="Negative" additional-text="40">
278
+ </ui5-tab>
279
+ <ui5-tab icon="sap-icon://menu2" text="Neutral" design="Neutral" additional-text="40">
280
+ </ui5-tab>
281
+ <ui5-tab icon="sap-icon://menu2" text="Default" additional-text="40">
282
+ </ui5-tab>
283
+ </ui5-tabcontainer>
284
+
285
+ <section style="padding: 1rem 1rem; background: var(--sapList_Background);">
286
+ <p>
287
+ <ui5-title level="H5" wrapping-type="Normal">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
288
+ et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
289
+ aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
290
+ cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
291
+ culpa qui officia deserunt mollit anim id est laborum.
292
+ </ui5-title>
293
+ </p>
294
+ <p>
295
+ <ui5-title level="H5" wrapping-type="Normal">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
296
+ et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
297
+ aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
298
+ cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
299
+ culpa qui officia deserunt mollit anim id est laborum.
300
+ </ui5-title>
301
+ </p>
302
+ <p>
303
+ <ui5-title level="H5" wrapping-type="Normal">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
304
+ et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
305
+ aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
306
+ cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
307
+ culpa qui officia deserunt mollit anim id est laborum.
308
+ </ui5-title>
309
+ </p>
310
+ </section>
311
+ </div>
312
+ </ui5-flexible-column-layout>
313
+
314
+ <script>
315
+ var midFullScreen = false;
316
+ var endFullScreen = false;
317
+ var avatars = [
318
+ "camera",
319
+ "laptop",
320
+ "desktop-mobile",
321
+ "responsive",
322
+ "print",
323
+ "iphone",
324
+ "ipad",
325
+ ];
326
+
327
+ var avatarsBG = [
328
+ "Accent1",
329
+ "Accent2",
330
+ "Accent3",
331
+ "Accent4",
332
+ "Accent5",
333
+ "Accent6",
334
+ "Accent7",
335
+ "Accent8",
336
+ "Accent9",
337
+ "Accent10",
338
+ ];
339
+
340
+ var suppliers = [
341
+ "Titanium", "Technocom", " Red Point Stores", " Very Best Screens", "Smartcards", "Alpha Printers",
342
+ "Printer for All", "Oxynum", "Fasttech", "Ultrasonic United", "Speaker Experts", "Brainsoft"
343
+ ];
344
+
345
+ function updateProductInfo(item) {
346
+ avatar.icon = avatars[getRandomInt(6)];
347
+ avatar.backgroundColor = avatarsBG[getRandomInt(9) + 1];
348
+ productRating.value = getRandomInt(4) + 1;
349
+ col2title.textContent = item.textContent;
350
+ lblName.innerHTML = "<b>" + item.textContent + "</b>";
351
+ lblDesc.innerHTML = "<b>" + item.description + "</b>";
352
+ lblSupplier.innerHTML = "<b>" + suppliers[getRandomInt(11)] + "</b>";
353
+ }
354
+
355
+ function updateDetailInfo(item) {
356
+ col3title.textContent = item.textContent;
357
+ }
358
+
359
+ function nextLayout(target) {
360
+ var layout = fcl.layout;
361
+
362
+ if (target === "col1") {
363
+ exitFullScreen()
364
+ return "TwoColumnsMidExpanded";
365
+ }
366
+
367
+ if (target === "col2") {
368
+ if (midFullScreen) {
369
+ enterFullScreen();
370
+ return "EndColumnFullScreen";
371
+ }
372
+ exitFullScreen();
373
+ return "ThreeColumnsMidExpanded";
374
+ }
375
+
376
+ if (target === "col2close") {
377
+ if (midFullScreen) {
378
+ enterFullScreen();
379
+ } else {
380
+ exitFullScreen();
381
+ }
382
+
383
+ return "OneColumn";
384
+ }
385
+
386
+ if (target === "col3close") {
387
+ if (fcl.media === "phone") {
388
+ endFullScreen = true;
389
+ }
390
+ if (endFullScreen) {
391
+ enterFullScreen();
392
+ return "MidColumnFullScreen";
393
+ }
394
+ exitFullScreen()
395
+ return "ThreeColumnsMidExpandedEndHidden";
396
+ }
397
+
398
+ if (target === "col2fullscreen") {
399
+ if (!midFullScreen) {
400
+ enterFullScreen();
401
+ return "MidColumnFullScreen";
402
+ }
403
+
404
+ exitFullScreen();
405
+ return "ThreeColumnsMidExpandedEndHidden";
406
+ }
407
+
408
+ if (target === "col3fullscreen") {
409
+ if (!endFullScreen) {
410
+ enterFullScreen();
411
+ return "EndColumnFullScreen";
412
+ }
413
+
414
+ exitFullScreen();
415
+ return "ThreeColumnsEndExpanded";
416
+ }
417
+ }
418
+
419
+ function getRandomInt(max) {
420
+ return Math.floor(Math.random() * Math.floor(max));
421
+ }
422
+
423
+ function enterFullScreen() {
424
+ endFullScreen = true;
425
+ midFullScreen = true;
426
+ fullscreenMidColumn.icon = "exit-full-screen";
427
+ fullscreenEndColumn.icon = "exit-full-screen";
428
+ }
429
+
430
+ function exitFullScreen() {
431
+ endFullScreen = false;
432
+ midFullScreen = false;
433
+ fullscreenMidColumn.icon = "full-screen";
434
+ fullscreenEndColumn.icon = "full-screen";
435
+ }
436
+
437
+ // Event handlers
438
+ col1list.addEventListener("item-click", function (e) {
439
+ updateProductInfo(e.detail.item);
440
+ fcl.layout = nextLayout("col1");
441
+ });
442
+
443
+ col2list.addEventListener("item-click", function (e) {
444
+ updateDetailInfo(e.detail.item);
445
+ fcl.layout = nextLayout("col2");
446
+ });
447
+
448
+ closeMidColumn.addEventListener("click", function (e) {
449
+ fcl.layout = nextLayout("col2close");
450
+ });
451
+
452
+ closeEndColumn.addEventListener("click", function (e) {
453
+ fcl.layout = nextLayout("col3close");
454
+ });
455
+
456
+ fullscreenMidColumn.addEventListener("click", function (e) {
457
+ fcl.layout = nextLayout("col2fullscreen");
458
+ });
459
+
460
+ fullscreenEndColumn.addEventListener("click", function (e) {
461
+ fcl.layout = nextLayout("col3fullscreen");
462
+ });
463
+ </script>
464
+
465
+ <div data-sap-ui-fastnavgroup="true">
466
+ <ui5-button id="div-end-button">1</ui5-button>
467
+ <ui5-button>2</ui5-button>
468
+ <ui5-button>3</ui5-button>
469
+ <ui5-button>4</ui5-button>
470
+ </div>
471
+
472
+ <ui5-button id="reset-focus">Reset Focus</ui5-button>
473
+ </body>
474
+
475
+ </html>
package/dist/test/pages/F6TestPage_2.html ADDED
@@ -0,0 +1,43 @@
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>F6 Navigation</title>
9
+ <script>
10
+ // delete Document.prototype.adoptedStyleSheets
11
+ </script>
12
+
13
+
14
+
15
+
16
+ <script type="module" crossorigin src="/assets/bundle.esm.b810cc0c.js"></script>
17
+ </head>
18
+
19
+ <body>
20
+ <ui5-button id="insert_btn">Click me before testing</ui5-button>
21
+ <ui5-panel id="panel">
22
+ <ui5-button id="content-btn" data-sap-ui-fastnavgroup="true">Content button</ui5-button>
23
+ <ui5-button id="header-btn" data-sap-ui-fastnavgroup="true" slot="header">Header button</ui5-button>
24
+ </ui5-panel>
25
+
26
+ <script>
27
+ const insertBtn = document.getElementById("insert_btn");
28
+ const panel = document.getElementById("panel");
29
+
30
+ insertBtn.addEventListener("click", () => {
31
+ const btn = document.createElement("button");
32
+ const headerSlot = panel.shadowRoot.querySelector("slot[name='header']");
33
+
34
+ btn.setAttribute("data-sap-ui-fastnavgroup", "true");
35
+ btn.id = "template-btn";
36
+ btn.innerText = "Native button";
37
+
38
+ headerSlot.after(btn);
39
+ });
40
+ </script>
41
+ </body>
42
+
43
+ </html>