@ui5/webcomponents-fiori 1.14.3 → 1.14.4

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 (122) hide show
  1. package/dist/assets/{AddColumn.22dc9178.js → AddColumn.dac3796a.js} +1 -1
  2. package/dist/assets/{AddDimensions.dc5bfe0a.js → AddDimensions.c4580aa2.js} +1 -1
  3. package/dist/assets/{AddPeople.a286292b.js → AddPeople.68e2510d.js} +1 -1
  4. package/dist/assets/{BalloonSky.721bf9d5.js → BalloonSky.78e0686e.js} +1 -1
  5. package/dist/assets/{ChartArea.b07d91fd.js → ChartArea.693897ba.js} +1 -1
  6. package/dist/assets/{ChartArea2.74e0d607.js → ChartArea2.cb054a7f.js} +1 -1
  7. package/dist/assets/{ChartBPMNFlow.6ca1c388.js → ChartBPMNFlow.a2717547.js} +1 -1
  8. package/dist/assets/{ChartBar.81e55d59.js → ChartBar.bc7c4a00.js} +1 -1
  9. package/dist/assets/{ChartBullet.3846a312.js → ChartBullet.6e0dda62.js} +1 -1
  10. package/dist/assets/{ChartDoughnut.607334f6.js → ChartDoughnut.c93cea52.js} +1 -1
  11. package/dist/assets/{ChartFlow.c0d3fce1.js → ChartFlow.72f1ee8f.js} +1 -1
  12. package/dist/assets/{ChartGantt.17203fca.js → ChartGantt.16a80afb.js} +1 -1
  13. package/dist/assets/{ChartOrg.9c3bd1de.js → ChartOrg.16e14b68.js} +1 -1
  14. package/dist/assets/{ChartPie.f5fa85fb.js → ChartPie.e11ae5fa.js} +1 -1
  15. package/dist/assets/{CodePlaceholder.6f15c728.js → CodePlaceholder.3b4f1e00.js} +1 -1
  16. package/dist/assets/{Company.ee045742.js → Company.8338eaa4.js} +1 -1
  17. package/dist/assets/{Components.38f0877d.js → Components.5bb2935c.js} +1 -1
  18. package/dist/assets/{Connection.f7749191.js → Connection.f92152f6.js} +1 -1
  19. package/dist/assets/{EmptyCalendar.6c7636ed.js → EmptyCalendar.17067f3c.js} +1 -1
  20. package/dist/assets/{EmptyList.741e4134.js → EmptyList.668e7c20.js} +1 -1
  21. package/dist/assets/{EmptyPlanningCalendar.c6ea94f9.js → EmptyPlanningCalendar.a9dd104f.js} +1 -1
  22. package/dist/assets/{ErrorScreen.02b659df.js → ErrorScreen.6df949ae.js} +1 -1
  23. package/dist/assets/{ExternalLink.23defaf0.js → ExternalLink.382e3bfc.js} +1 -1
  24. package/dist/assets/{FaceID.cc5ebb96.js → FaceID.ec7173f4.js} +1 -1
  25. package/dist/assets/{FilterTable.84cd5a74.js → FilterTable.c6f487e5.js} +1 -1
  26. package/dist/assets/{Fingerprint.e6966135.js → Fingerprint.5d22c7e3.js} +1 -1
  27. package/dist/assets/{GroupTable.1ac3cea8.js → GroupTable.e3ec9856.js} +1 -1
  28. package/dist/assets/{Lock.f030aa6d.js → Lock.df0306bb.js} +1 -1
  29. package/dist/assets/{Mission.1314a2df.js → Mission.59647d8b.js} +1 -1
  30. package/dist/assets/{NoActivities.2d441eb8.js → NoActivities.274e41f6.js} +1 -1
  31. package/dist/assets/{NoApplications.27b0dbea.js → NoApplications.7221bf3b.js} +1 -1
  32. package/dist/assets/{NoColumnsSet.8ff3d384.js → NoColumnsSet.f0a4a143.js} +1 -1
  33. package/dist/assets/{NoData.1dabc2f7.js → NoData.133d67ea.js} +1 -1
  34. package/dist/assets/{NoDimensionsSet.1647df64.js → NoDimensionsSet.462cd77e.js} +1 -1
  35. package/dist/assets/{NoEntries.e805542b.js → NoEntries.d44a66b2.js} +1 -1
  36. package/dist/assets/{NoFilterResults.87aee1cd.js → NoFilterResults.087693e0.js} +1 -1
  37. package/dist/assets/{NoFlows.916671c8.js → NoFlows.efb61112.js} +1 -1
  38. package/dist/assets/{NoMail.3cdfc75e.js → NoMail.bdea5a1d.js} +1 -1
  39. package/dist/assets/{NoMail_v1.6b6d9d55.js → NoMail_v1.4c527b8c.js} +1 -1
  40. package/dist/assets/{NoNotifications.b3b73de0.js → NoNotifications.8db91d46.js} +1 -1
  41. package/dist/assets/{NoSavedItems.22c102d9.js → NoSavedItems.b8a3e815.js} +1 -1
  42. package/dist/assets/{NoSavedItems_v1.932a93b2.js → NoSavedItems_v1.4d715cf1.js} +1 -1
  43. package/dist/assets/{NoSearchResults.02567230.js → NoSearchResults.4cb8ade9.js} +1 -1
  44. package/dist/assets/{NoTasks.cc9cf630.js → NoTasks.916c5e2d.js} +1 -1
  45. package/dist/assets/{NoTasks_v1.041ddedf.js → NoTasks_v1.30bbe271.js} +1 -1
  46. package/dist/assets/{NoUsers.c0816fa0.js → NoUsers.e1cee598.js} +1 -1
  47. package/dist/assets/{PageNotFound.6dc89d31.js → PageNotFound.8082c742.js} +1 -1
  48. package/dist/assets/{Radar.b8daa5d3.js → Radar.8c23b41c.js} +1 -1
  49. package/dist/assets/{ReloadScreen.567ed42a.js → ReloadScreen.a88c83dd.js} +1 -1
  50. package/dist/assets/{ResizeColumn.f1daf72f.js → ResizeColumn.85d3b76f.js} +1 -1
  51. package/dist/assets/{SearchEarth.7f9f6290.js → SearchEarth.747613e3.js} +1 -1
  52. package/dist/assets/{SearchFolder.8447727e.js → SearchFolder.3f2ec689.js} +1 -1
  53. package/dist/assets/{Secrets.30ca7148.js → Secrets.68cc03a3.js} +1 -1
  54. package/dist/assets/{Services.e9bc1be8.js → Services.7f41f800.js} +1 -1
  55. package/dist/assets/{SessionExpired.45ad496b.js → SessionExpired.9667dfc7.js} +1 -1
  56. package/dist/assets/{SessionExpiring.af513f1c.js → SessionExpiring.de473832.js} +1 -1
  57. package/dist/assets/{SimpleBalloon.29239812.js → SimpleBalloon.6703af01.js} +1 -1
  58. package/dist/assets/{SimpleBell.ae2018c9.js → SimpleBell.eb0b766b.js} +1 -1
  59. package/dist/assets/{SimpleCalendar.febe6d16.js → SimpleCalendar.f7f2f052.js} +1 -1
  60. package/dist/assets/{SimpleCheckMark.0c161678.js → SimpleCheckMark.2f5f4ecb.js} +1 -1
  61. package/dist/assets/{SimpleConnection.334a3e99.js → SimpleConnection.5ea0aff9.js} +1 -1
  62. package/dist/assets/{SimpleEmptyDoc.2a0f28fe.js → SimpleEmptyDoc.d6dd436c.js} +1 -1
  63. package/dist/assets/{SimpleEmptyList.a2c33feb.js → SimpleEmptyList.9c4b51a9.js} +1 -1
  64. package/dist/assets/{SimpleError.0fc1ca40.js → SimpleError.2c5bef83.js} +1 -1
  65. package/dist/assets/{SimpleMagnifier.814ac09c.js → SimpleMagnifier.30bf3fd5.js} +1 -1
  66. package/dist/assets/{SimpleMail.d5839575.js → SimpleMail.39e08678.js} +1 -1
  67. package/dist/assets/{SimpleNoSavedItems.ffa9b9e1.js → SimpleNoSavedItems.470f7d03.js} +1 -1
  68. package/dist/assets/{SimpleNotFoundMagnifier.0d9ceb62.js → SimpleNotFoundMagnifier.4b97c37e.js} +1 -1
  69. package/dist/assets/{SimpleReload.88855450.js → SimpleReload.34aad1bb.js} +1 -1
  70. package/dist/assets/{SimpleTask.ecd0d961.js → SimpleTask.aa542e31.js} +1 -1
  71. package/dist/assets/{SleepingBell.56606c43.js → SleepingBell.dd2aa03c.js} +1 -1
  72. package/dist/assets/{SortColumn.779cc7db.js → SortColumn.b8edfa4e.js} +1 -1
  73. package/dist/assets/{Success.0a1e1960.js → Success.56ee3cd9.js} +1 -1
  74. package/dist/assets/{SuccessBalloon.4fcb32d1.js → SuccessBalloon.58939036.js} +1 -1
  75. package/dist/assets/{SuccessCheckMark.c2af8655.js → SuccessCheckMark.a049af88.js} +1 -1
  76. package/dist/assets/{SuccessHighFive.fcede5d6.js → SuccessHighFive.d77a3883.js} +1 -1
  77. package/dist/assets/{SuccessScreen.54c68fef.js → SuccessScreen.172df7f7.js} +1 -1
  78. package/dist/assets/{SuccessfulAuth.664bd28a.js → SuccessfulAuth.8c21e2b0.js} +1 -1
  79. package/dist/assets/{Survey.66f37706.js → Survey.b9d8cfa7.js} +1 -1
  80. package/dist/assets/{Systems.0f7979cf.js → Systems.7469aefd.js} +1 -1
  81. package/dist/assets/{Teams.76b1c9fb.js → Teams.15d9fa5f.js} +1 -1
  82. package/dist/assets/{Tools.a2336af1.js → Tools.f89efb36.js} +1 -1
  83. package/dist/assets/{UnableToLoad.36224332.js → UnableToLoad.26f1faa8.js} +1 -1
  84. package/dist/assets/{UnableToLoad.ecbf8208.js → UnableToLoad.487607c3.js} +1 -1
  85. package/dist/assets/{UnableToLoadImage.5726d47b.js → UnableToLoadImage.5b6ce291.js} +1 -1
  86. package/dist/assets/{UnableToUpload.006f5bbc.js → UnableToUpload.4cbb1ae9.js} +1 -1
  87. package/dist/assets/{Unlock.21a9c7c7.js → Unlock.e35892aa.js} +1 -1
  88. package/dist/assets/{UnsuccessfulAuth.ce573c1e.js → UnsuccessfulAuth.a3dfde78.js} +1 -1
  89. package/dist/assets/{UploadCollection.e9582fd5.js → UploadCollection.54e55f58.js} +1 -1
  90. package/dist/assets/{UploadToCloud.bb6e621d.js → UploadToCloud.08c46ab6.js} +1 -1
  91. package/dist/assets/{User2.923f287b.js → User2.210f93a6.js} +1 -1
  92. package/package.json +7 -8
  93. package/LICENSE.txt +0 -201
  94. package/dist/assets/test/pages/UploadCollection.html.611e5705.js +0 -1
  95. package/dist/test/pages/Bar.html +0 -88
  96. package/dist/test/pages/BarcodeScannerDialog.html +0 -51
  97. package/dist/test/pages/Components.html +0 -29
  98. package/dist/test/pages/DialogWithBar.html +0 -57
  99. package/dist/test/pages/DynamicSideContent.html +0 -134
  100. package/dist/test/pages/F6TestPage.html +0 -475
  101. package/dist/test/pages/F6TestPage_2.html +0 -43
  102. package/dist/test/pages/FCL.html +0 -965
  103. package/dist/test/pages/FCLApp.html +0 -238
  104. package/dist/test/pages/FCLCustom.html +0 -293
  105. package/dist/test/pages/IllustratedMessage.html +0 -193
  106. package/dist/test/pages/MediaGallery.html +0 -278
  107. package/dist/test/pages/NotificationListGroupItem.html +0 -315
  108. package/dist/test/pages/NotificationListItem.html +0 -277
  109. package/dist/test/pages/NotificationList_test_page.html +0 -195
  110. package/dist/test/pages/Page.html +0 -67
  111. package/dist/test/pages/ProductSwitch.html +0 -72
  112. package/dist/test/pages/ProductSwitchItem.html +0 -32
  113. package/dist/test/pages/ShellBar.html +0 -328
  114. package/dist/test/pages/SideNavigation.html +0 -115
  115. package/dist/test/pages/Timeline.html +0 -146
  116. package/dist/test/pages/UploadCollection.html +0 -208
  117. package/dist/test/pages/ViewSettingsDialog.html +0 -126
  118. package/dist/test/pages/Wizard.html +0 -774
  119. package/dist/test/pages/WizardPageMode_test.html +0 -269
  120. package/dist/test/pages/WizardScrolling.html +0 -52
  121. package/dist/test/pages/Wizard_test.html +0 -382
  122. package/dist/test/pages/Wizard_test_mobile.html +0 -104
package/dist/test/pages/IllustratedMessage.html DELETED
@@ -1,193 +0,0 @@
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.c3c08cd8.js"></script>
16
- <link rel="stylesheet" href="/assets/IllustratedMessage.587315a0.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>NoColumnsSet</ui5-option>
36
- <ui5-option>NoData</ui5-option>
37
- <ui5-option>NoEntries</ui5-option>
38
- <ui5-option>NoFilterResults</ui5-option>
39
- <ui5-option>NoMail_v1</ui5-option>
40
- <ui5-option>NoMail</ui5-option>
41
- <ui5-option>NoNotifications</ui5-option>
42
- <ui5-option>NoSavedItems_v1</ui5-option>
43
- <ui5-option>NoSavedItems</ui5-option>
44
- <ui5-option>NoSearchResults</ui5-option>
45
- <ui5-option>NoTasks_v1</ui5-option>
46
- <ui5-option>NoTasks</ui5-option>
47
- <ui5-option>NoDimensionsSet</ui5-option>
48
- <ui5-option>PageNotFound</ui5-option>
49
- <ui5-option>ReloadScreen</ui5-option>
50
- <ui5-option>ResizeColumn</ui5-option>
51
- <ui5-option>SearchEarth</ui5-option>
52
- <ui5-option>SearchFolder</ui5-option>
53
- <ui5-option>SimpleBalloon</ui5-option>
54
- <ui5-option>SimpleBell</ui5-option>
55
- <ui5-option>SimpleCalendar</ui5-option>
56
- <ui5-option>SimpleCheckMark</ui5-option>
57
- <ui5-option>SimpleConnection</ui5-option>
58
- <ui5-option>SimpleEmptyDoc</ui5-option>
59
- <ui5-option>SimpleEmptyList</ui5-option>
60
- <ui5-option>SimpleError</ui5-option>
61
- <ui5-option>SimpleMagnifier</ui5-option>
62
- <ui5-option>SimpleMail</ui5-option>
63
- <ui5-option>SimpleNoSavedItems</ui5-option>
64
- <ui5-option>SimpleNotFoundMagnifier</ui5-option>
65
- <ui5-option>SimpleReload</ui5-option>
66
- <ui5-option>SimpleTask</ui5-option>
67
- <ui5-option>SleepingBell</ui5-option>
68
- <ui5-option>SortColumn</ui5-option>
69
- <ui5-option>SuccessBalloon</ui5-option>
70
- <ui5-option>SuccessCheckMark</ui5-option>
71
- <ui5-option>SuccessHighFive</ui5-option>
72
- <ui5-option>SuccessScreen</ui5-option>
73
- <ui5-option>Survey</ui5-option>
74
- <ui5-option>Tent</ui5-option>
75
- <ui5-option>UnableToLoad</ui5-option>
76
- <ui5-option>UnableToLoadImage</ui5-option>
77
- <ui5-option>UnableToUpload</ui5-option>
78
- <ui5-option>UploadToCloud</ui5-option>
79
- <ui5-option>UploadCollection</ui5-option>
80
- <ui5-option>TntChartArea</ui5-option>
81
- <ui5-option>TntChartArea2</ui5-option>
82
- <ui5-option>TntChartBar</ui5-option>
83
- <ui5-option>TntChartBPMNFlow</ui5-option>
84
- <ui5-option>TntChartBullet</ui5-option>
85
- <ui5-option>TntChartDoughnut</ui5-option>
86
- <ui5-option>TntChartFlow</ui5-option>
87
- <ui5-option>TntChartGantt</ui5-option>
88
- <ui5-option>TntChartOrg</ui5-option>
89
- <ui5-option>TntChartPie</ui5-option>
90
- <ui5-option>TntCodePlaceholder</ui5-option>
91
- <ui5-option>TntCompany</ui5-option>
92
- <ui5-option>TntComponents</ui5-option>
93
- <ui5-option>TntExternalLink</ui5-option>
94
- <ui5-option>TntFaceID</ui5-option>
95
- <ui5-option>TntFingerprint</ui5-option>
96
- <ui5-option>TntLock</ui5-option>
97
- <ui5-option>TntMission</ui5-option>
98
- <ui5-option>TntNoApplications</ui5-option>
99
- <ui5-option>TntNoFlows</ui5-option>
100
- <ui5-option>TntNoUsers</ui5-option>
101
- <ui5-option>TntRadar</ui5-option>
102
- <ui5-option>TntSecrets</ui5-option>
103
- <ui5-option>TntServices</ui5-option>
104
- <ui5-option>TntSessionExpired</ui5-option>
105
- <ui5-option>TntSessionExpiring</ui5-option>
106
- <ui5-option>TntSuccess</ui5-option>
107
- <ui5-option>TntSuccessfulAuth</ui5-option>
108
- <ui5-option>TntSystems</ui5-option>
109
- <ui5-option>TntTeams</ui5-option>
110
- <ui5-option>TntTools</ui5-option>
111
- <ui5-option>TntUnableToLoad</ui5-option>
112
- <ui5-option>TntUnlock</ui5-option>
113
- <ui5-option>TntUnsuccessfulAuth</ui5-option>
114
- <ui5-option>TntUser2</ui5-option>
115
- </ui5-select>
116
- Size:
117
- <ui5-select id="sizeSelect">
118
- <ui5-option>base</ui5-option>
119
- <ui5-option>spot</ui5-option>
120
- <ui5-option>dialog</ui5-option>
121
- <ui5-option selected>scene</ui5-option>
122
- </ui5-select>
123
- <ui5-illustrated-message id="illustratedMsg1" class="border">
124
- <ui5-button>Action 1</ui5-button>
125
- </ui5-illustrated-message>
126
-
127
- <ui5-button id="openDialogButton">Open Dialog</ui5-button>
128
-
129
- <ui5-dialog id="hello-dialog" header-text="Error" resizable>
130
- <ui5-illustrated-message name="UnableToLoad"></ui5-illustrated-message>
131
- <ui5-bar design="Footer" slot="footer">
132
- <ui5-button id="closeDialogButton" design="Emphasized" slot="endContent">Close</ui5-button>
133
- </ui5-bar>
134
- </ui5-dialog>
135
-
136
- <ui5-illustrated-message id="illustratedMsg2" name="UnableToUpload" title="Something went wrong..." accessible-name-ref="lbl">
137
- <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>
138
- <ui5-button icon="refresh">Try again</ui5-button>
139
- </ui5-illustrated-message>
140
-
141
- <ui5-illustrated-message id="illustratedMsg3" name="UnableToUpload">
142
- <ui5-title slot="title" level="H1">This is a slotted title</ui5-title>
143
- </ui5-illustrated-message>
144
-
145
- <ui5-panel id="panel1" accessible-role="Complementary" no-animation>
146
-
147
- <!-- Panel header -->
148
- <div slot="header" class="header">
149
- <ui5-title id="p1-title">Expandable panel title</ui5-title>
150
- </div>
151
-
152
- <ui5-illustrated-message
153
- name="AddColumn"
154
- titleText="No milestones yet."
155
- id="illustratedMsg4"
156
- ></ui5-illustrated-message>
157
- </ui5-panel>
158
-
159
- <script>
160
- const illustrationSelect = document.getElementById("illustrationSelect");
161
- const sizeSelect = document.getElementById("sizeSelect");
162
- const illustratedMessage = document.querySelector("ui5-illustrated-message");
163
- const dialogOpener = document.getElementById("openDialogButton");
164
- const dialog = document.getElementById("hello-dialog");
165
- const dialogCloser = document.getElementById("closeDialogButton");
166
- const sizes = {
167
- base: 250,
168
- spot: 300,
169
- dialog: 650,
170
- scene: 1100,
171
- }
172
-
173
- illustratedMessage.style.width = `${sizes.scene}px`;
174
-
175
- illustrationSelect.addEventListener("ui5-change", (event) => {
176
- illustratedMessage.setAttribute("name", event.detail.selectedOption.textContent);
177
- });
178
-
179
- sizeSelect.addEventListener("ui5-change", (event) => {
180
- illustratedMessage.style.width = `${sizes[event.detail.selectedOption.textContent]}px`;
181
- });
182
-
183
- dialogOpener.addEventListener("click", () => {
184
- dialog.show();
185
- });
186
-
187
- dialogCloser.addEventListener("click", () => {
188
- dialog.close();
189
- });
190
- </script>
191
- </body>
192
-
193
- </html>
package/dist/test/pages/MediaGallery.html DELETED
@@ -1,278 +0,0 @@
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.c3c08cd8.js"></script>
15
- <link rel="stylesheet" href="/assets/MediaGallery.151d6012.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>