@ui5/webcomponents-fiori 1.14.2 → 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 (123) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/assets/{AddColumn.a2531ba8.js → AddColumn.dac3796a.js} +1 -1
  3. package/dist/assets/{AddDimensions.fd7d54c1.js → AddDimensions.c4580aa2.js} +1 -1
  4. package/dist/assets/{AddPeople.b12124f5.js → AddPeople.68e2510d.js} +1 -1
  5. package/dist/assets/{BalloonSky.60a29336.js → BalloonSky.78e0686e.js} +1 -1
  6. package/dist/assets/{ChartArea.2f73ba9e.js → ChartArea.693897ba.js} +1 -1
  7. package/dist/assets/{ChartArea2.b4a1909d.js → ChartArea2.cb054a7f.js} +1 -1
  8. package/dist/assets/{ChartBPMNFlow.b005c437.js → ChartBPMNFlow.a2717547.js} +1 -1
  9. package/dist/assets/{ChartBar.bed6f231.js → ChartBar.bc7c4a00.js} +1 -1
  10. package/dist/assets/{ChartBullet.26587dc4.js → ChartBullet.6e0dda62.js} +1 -1
  11. package/dist/assets/{ChartDoughnut.38286c3c.js → ChartDoughnut.c93cea52.js} +1 -1
  12. package/dist/assets/{ChartFlow.3d0b4070.js → ChartFlow.72f1ee8f.js} +1 -1
  13. package/dist/assets/{ChartGantt.7a660aed.js → ChartGantt.16a80afb.js} +1 -1
  14. package/dist/assets/{ChartOrg.5d4eb958.js → ChartOrg.16e14b68.js} +1 -1
  15. package/dist/assets/{ChartPie.196264cc.js → ChartPie.e11ae5fa.js} +1 -1
  16. package/dist/assets/{CodePlaceholder.9aba4b2b.js → CodePlaceholder.3b4f1e00.js} +1 -1
  17. package/dist/assets/{Company.c68fe56e.js → Company.8338eaa4.js} +1 -1
  18. package/dist/assets/{Components.268bbd84.js → Components.5bb2935c.js} +1 -1
  19. package/dist/assets/{Connection.dfa1b41b.js → Connection.f92152f6.js} +1 -1
  20. package/dist/assets/{EmptyCalendar.0188282b.js → EmptyCalendar.17067f3c.js} +1 -1
  21. package/dist/assets/{EmptyList.5b2f7d06.js → EmptyList.668e7c20.js} +1 -1
  22. package/dist/assets/{EmptyPlanningCalendar.035223d7.js → EmptyPlanningCalendar.a9dd104f.js} +1 -1
  23. package/dist/assets/{ErrorScreen.8a715706.js → ErrorScreen.6df949ae.js} +1 -1
  24. package/dist/assets/{ExternalLink.f814f4f4.js → ExternalLink.382e3bfc.js} +1 -1
  25. package/dist/assets/{FaceID.0ab0e1a3.js → FaceID.ec7173f4.js} +1 -1
  26. package/dist/assets/{FilterTable.c3fa6e14.js → FilterTable.c6f487e5.js} +1 -1
  27. package/dist/assets/{Fingerprint.347944c1.js → Fingerprint.5d22c7e3.js} +1 -1
  28. package/dist/assets/{GroupTable.5e00817d.js → GroupTable.e3ec9856.js} +1 -1
  29. package/dist/assets/{Lock.76010eb4.js → Lock.df0306bb.js} +1 -1
  30. package/dist/assets/{Mission.4bedd978.js → Mission.59647d8b.js} +1 -1
  31. package/dist/assets/{NoActivities.b6ef015d.js → NoActivities.274e41f6.js} +1 -1
  32. package/dist/assets/{NoApplications.22813da0.js → NoApplications.7221bf3b.js} +1 -1
  33. package/dist/assets/{NoColumnsSet.bb170065.js → NoColumnsSet.f0a4a143.js} +1 -1
  34. package/dist/assets/{NoData.1e3f430d.js → NoData.133d67ea.js} +1 -1
  35. package/dist/assets/{NoDimensionsSet.78acafec.js → NoDimensionsSet.462cd77e.js} +1 -1
  36. package/dist/assets/{NoEntries.8aa66400.js → NoEntries.d44a66b2.js} +1 -1
  37. package/dist/assets/{NoFilterResults.51804b4a.js → NoFilterResults.087693e0.js} +1 -1
  38. package/dist/assets/{NoFlows.f5826c2f.js → NoFlows.efb61112.js} +1 -1
  39. package/dist/assets/{NoMail.5e3de1a9.js → NoMail.bdea5a1d.js} +1 -1
  40. package/dist/assets/{NoMail_v1.0961e821.js → NoMail_v1.4c527b8c.js} +1 -1
  41. package/dist/assets/{NoNotifications.25b0cd44.js → NoNotifications.8db91d46.js} +1 -1
  42. package/dist/assets/{NoSavedItems.34cd3331.js → NoSavedItems.b8a3e815.js} +1 -1
  43. package/dist/assets/{NoSavedItems_v1.186caf2c.js → NoSavedItems_v1.4d715cf1.js} +1 -1
  44. package/dist/assets/{NoSearchResults.6d02cc88.js → NoSearchResults.4cb8ade9.js} +1 -1
  45. package/dist/assets/{NoTasks.9071cf9c.js → NoTasks.916c5e2d.js} +1 -1
  46. package/dist/assets/{NoTasks_v1.0113cd01.js → NoTasks_v1.30bbe271.js} +1 -1
  47. package/dist/assets/{NoUsers.58376e1b.js → NoUsers.e1cee598.js} +1 -1
  48. package/dist/assets/{PageNotFound.6e448af5.js → PageNotFound.8082c742.js} +1 -1
  49. package/dist/assets/{Radar.85220078.js → Radar.8c23b41c.js} +1 -1
  50. package/dist/assets/{ReloadScreen.4049766f.js → ReloadScreen.a88c83dd.js} +1 -1
  51. package/dist/assets/{ResizeColumn.1d548585.js → ResizeColumn.85d3b76f.js} +1 -1
  52. package/dist/assets/{SearchEarth.ee0425a2.js → SearchEarth.747613e3.js} +1 -1
  53. package/dist/assets/{SearchFolder.5615c811.js → SearchFolder.3f2ec689.js} +1 -1
  54. package/dist/assets/{Secrets.49c09461.js → Secrets.68cc03a3.js} +1 -1
  55. package/dist/assets/{Services.419ce41c.js → Services.7f41f800.js} +1 -1
  56. package/dist/assets/{SessionExpired.c933724c.js → SessionExpired.9667dfc7.js} +1 -1
  57. package/dist/assets/{SessionExpiring.6696dec8.js → SessionExpiring.de473832.js} +1 -1
  58. package/dist/assets/{SimpleBalloon.01d03411.js → SimpleBalloon.6703af01.js} +1 -1
  59. package/dist/assets/{SimpleBell.1f08a2d0.js → SimpleBell.eb0b766b.js} +1 -1
  60. package/dist/assets/{SimpleCalendar.9ae8d332.js → SimpleCalendar.f7f2f052.js} +1 -1
  61. package/dist/assets/{SimpleCheckMark.b1cc0cbc.js → SimpleCheckMark.2f5f4ecb.js} +1 -1
  62. package/dist/assets/{SimpleConnection.9591fbb4.js → SimpleConnection.5ea0aff9.js} +1 -1
  63. package/dist/assets/{SimpleEmptyDoc.c3804523.js → SimpleEmptyDoc.d6dd436c.js} +1 -1
  64. package/dist/assets/{SimpleEmptyList.34baa8e4.js → SimpleEmptyList.9c4b51a9.js} +1 -1
  65. package/dist/assets/{SimpleError.4e8b89e9.js → SimpleError.2c5bef83.js} +1 -1
  66. package/dist/assets/{SimpleMagnifier.b84c4d19.js → SimpleMagnifier.30bf3fd5.js} +1 -1
  67. package/dist/assets/{SimpleMail.14269dec.js → SimpleMail.39e08678.js} +1 -1
  68. package/dist/assets/{SimpleNoSavedItems.5cc7bd85.js → SimpleNoSavedItems.470f7d03.js} +1 -1
  69. package/dist/assets/{SimpleNotFoundMagnifier.457a3f60.js → SimpleNotFoundMagnifier.4b97c37e.js} +1 -1
  70. package/dist/assets/{SimpleReload.932d98f8.js → SimpleReload.34aad1bb.js} +1 -1
  71. package/dist/assets/{SimpleTask.55d14043.js → SimpleTask.aa542e31.js} +1 -1
  72. package/dist/assets/{SleepingBell.fe6a7c0e.js → SleepingBell.dd2aa03c.js} +1 -1
  73. package/dist/assets/{SortColumn.552310c1.js → SortColumn.b8edfa4e.js} +1 -1
  74. package/dist/assets/{Success.f00b149f.js → Success.56ee3cd9.js} +1 -1
  75. package/dist/assets/{SuccessBalloon.1e2f6c38.js → SuccessBalloon.58939036.js} +1 -1
  76. package/dist/assets/{SuccessCheckMark.06b828f1.js → SuccessCheckMark.a049af88.js} +1 -1
  77. package/dist/assets/{SuccessHighFive.2377cca0.js → SuccessHighFive.d77a3883.js} +1 -1
  78. package/dist/assets/{SuccessScreen.8cccbfa1.js → SuccessScreen.172df7f7.js} +1 -1
  79. package/dist/assets/{SuccessfulAuth.7ddc0de3.js → SuccessfulAuth.8c21e2b0.js} +1 -1
  80. package/dist/assets/{Survey.579b241b.js → Survey.b9d8cfa7.js} +1 -1
  81. package/dist/assets/{Systems.97119b04.js → Systems.7469aefd.js} +1 -1
  82. package/dist/assets/{Teams.0e40e87c.js → Teams.15d9fa5f.js} +1 -1
  83. package/dist/assets/{Tools.70515696.js → Tools.f89efb36.js} +1 -1
  84. package/dist/assets/{UnableToLoad.b8f81b25.js → UnableToLoad.26f1faa8.js} +1 -1
  85. package/dist/assets/{UnableToLoad.146cb23a.js → UnableToLoad.487607c3.js} +1 -1
  86. package/dist/assets/{UnableToLoadImage.9b7b5f1e.js → UnableToLoadImage.5b6ce291.js} +1 -1
  87. package/dist/assets/{UnableToUpload.5f3299be.js → UnableToUpload.4cbb1ae9.js} +1 -1
  88. package/dist/assets/{Unlock.105704cc.js → Unlock.e35892aa.js} +1 -1
  89. package/dist/assets/{UnsuccessfulAuth.07dae3c5.js → UnsuccessfulAuth.a3dfde78.js} +1 -1
  90. package/dist/assets/{UploadCollection.713108da.js → UploadCollection.54e55f58.js} +1 -1
  91. package/dist/assets/{UploadToCloud.3d2fe983.js → UploadToCloud.08c46ab6.js} +1 -1
  92. package/dist/assets/{User2.a2288814.js → User2.210f93a6.js} +1 -1
  93. package/package.json +7 -8
  94. package/LICENSE.txt +0 -201
  95. package/dist/assets/test/pages/UploadCollection.html.8910bb1d.js +0 -1
  96. package/dist/test/pages/Bar.html +0 -88
  97. package/dist/test/pages/BarcodeScannerDialog.html +0 -51
  98. package/dist/test/pages/Components.html +0 -29
  99. package/dist/test/pages/DialogWithBar.html +0 -57
  100. package/dist/test/pages/DynamicSideContent.html +0 -134
  101. package/dist/test/pages/F6TestPage.html +0 -475
  102. package/dist/test/pages/F6TestPage_2.html +0 -43
  103. package/dist/test/pages/FCL.html +0 -965
  104. package/dist/test/pages/FCLApp.html +0 -238
  105. package/dist/test/pages/FCLCustom.html +0 -293
  106. package/dist/test/pages/IllustratedMessage.html +0 -193
  107. package/dist/test/pages/MediaGallery.html +0 -278
  108. package/dist/test/pages/NotificationListGroupItem.html +0 -315
  109. package/dist/test/pages/NotificationListItem.html +0 -277
  110. package/dist/test/pages/NotificationList_test_page.html +0 -195
  111. package/dist/test/pages/Page.html +0 -67
  112. package/dist/test/pages/ProductSwitch.html +0 -72
  113. package/dist/test/pages/ProductSwitchItem.html +0 -32
  114. package/dist/test/pages/ShellBar.html +0 -328
  115. package/dist/test/pages/SideNavigation.html +0 -115
  116. package/dist/test/pages/Timeline.html +0 -146
  117. package/dist/test/pages/UploadCollection.html +0 -208
  118. package/dist/test/pages/ViewSettingsDialog.html +0 -126
  119. package/dist/test/pages/Wizard.html +0 -774
  120. package/dist/test/pages/WizardPageMode_test.html +0 -269
  121. package/dist/test/pages/WizardScrolling.html +0 -52
  122. package/dist/test/pages/Wizard_test.html +0 -382
  123. 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.c0b88aba.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.c0b88aba.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,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHCBYWFRgSFRUZGBgYGBgYGBgcHBgaGBgYGBgZGRgYGBgcIS4lHB4rHxgYJjgmKy8xNTU1GiQ7QDszPy40NTEBDAwMEA8QGBESHzcrISQ0NjQ2NDQ0NzE0NDQxPzoxNDQ3NDQ2MTQ0NzExNjQ0NDQxNDQ0MTY0NDQ0NDQ0NDQxMf/AABEIAKgBLAMBIgACEQEDEQH/xAAbAAACAwEBAQAAAAAAAAAAAAAAAgEDBQQGB//EAD0QAAIBAgMCDAMGBgMBAQAAAAECAAMRBBIhMVEFBhMiQVJTYYGRodFxovAWMkKSseEUFVRigsEjcvHCsv/EABkBAQEBAQEBAAAAAAAAAAAAAAABAgMEBf/EACURAQACAgICAQQDAQAAAAAAAAABEQISA1ETITEEQWGBIjKhI//aAAwDAQACEQMRAD8A+MwhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCB9OXgDDdivze8ccX8N2K/N7zQURwJ9DTHp49su2d9n8N2C/N7xhxdw3YJ83vNIRxGmPRtl2zRxdwvYL83vGHFvC9gvze80hHEmmPRtl2zBxbwnYL83vHHFrCdgvze80hHWNMejbLtmjizg+wX5veH2Zwn9Onze80wY15Ncel2y7ZX2Ywn9Onze8PszhP6dPm95rCEaY9JtPbJ+zGE/p0+b3k/ZjCf06fN7zWk3jTHpdp7ZI4sYPsF+b3k/ZjB/06/N7zXheTTHo2ntkfZfB/wBOvze8Psvg/wCnX5vea95IjTHo2ntkfZfB9gvze8Psvg+wX5vebEJNcejae2P9l8H2C/N7w+y+D7Bfm95r3gTLpj0m09sY8V8J/Tp83vEbixhOwX5vebZMRhLrj0bZdsQ8WsJ2CfN7xDxbwvYJ83vNl4pl1x6Nsu2MeLmF7Bfm94p4u4XsF+b3mwYhjTHo2y7ZB4u4bsF+b3ini7huwX5vebBEUiNMejbLtjni9huxX5veKeAMN2K/N7zXIlZEumPSbZdso8AYfsV+b3iHgHD9ivze81yIhEumPRtl2yTwFh+yX194p4Dw/ZL6+81SIhEaY9G2XbKPAmH7JfX3kfyWh2S+vvNMiRGmPS7Zdu4RxFUSwLCJEYQCyQIsTJEgCMBAYRhIAjWksSDC8AIWgTeTeQBJtAm8m8W0kQHBk3kARgJASVkWjAQGikRrQtItEIkWlhi2iyiwMcJLDRiynK6yplnSyyspLZTmIikS9lilZbRzkSCJeUiFYspSREKy4rIlsVqsVwJYRFKRY5mEQy9klbLLYpMS0tYRLRY0wsaSIBZi1pAEYCMFjhIsogEcLJCxwsllFAkxwsYJFlKxGtLAkkLJa0rAkx8spr6EDfN4RGU1LlzZZY4TOPyfSAImhhuLuIcXyqoPWNj5AEjxtGr8WsQouFVvg2vkwE3/AMrq/wDXl3+pq9f8Z4YSc4nNVDKSrAqw0IIIIPwm0OLWI3J+b9pcsePH5lMeXnyvWLr8M7OIZxOaqCrFG0KkqRuINjNr7M4jcn5v2jLHjx+ZMeXnyvWLr8M7lBJ5QTsq8XcSovkDf9WW/raZNQMpKsCrDaCCCPiDGOPHl/WbTPm58f7RX6dJcQzicvKR6Klj3dJmp48Yi5TD6jmzmodaODsloMQLbQQM801M+n0MIyiI2+Uuo2iVMseQYaUuJUVnQREZZLFDxDLysrKy2lKWEQidBSVlZbKVSbRisiLKKUlT0jul95KtFlOI04vJzRygycgjZAqRxT+tIiPLOUmLdahISMqRQ8dXMWUYJGCQDyQ8WUAkYJDNJzSWUkJG5OQGjB4soBJo8XsMrYkFh91Cyj+7MBfwuZn5px1+EWoVkqqdQDodjAnVT3SxE5XEfeHPOYiImfiJh77hzGVqaBqNPOb67TlFtuUanwnm6XHRxcPSW9jbKSLG2l1N9L981ODuOGHqABzyTdIb7vgw0t8bTSx3BtHELdlVrjR1tm7irD/yc8dcPXJj+2s4yz98eX6eH4vUWr4lS2tiajHfY3HmxE+jZxcLfUgkDpsLAn1HnMPizwIcPyuY3LPZTvRRzT3E3N/hOPF4uqOEUtTqGmoFMsFbKc4uWzWtYNkuf7ZrlnyZTXxEJw4+LCNo9zLJ454Xk6+cDm1Bm/yXRv8A5PjPeYmplRm6qk+QJmHx0wWfDlwOdTOcfAfe9NfCb1VAylTsIIPwIsZnPPbDC/tbXHx658lfepeZ4B40NXqCk6BSwJBBNrgXsQe4HWJx5w65Eq21DZCf7SrHX4EepmxwfwLh6BLouU2sWLMSB8WOk87xlx64hlo0zdEbM7jYWsQEU9OhNzs1E1hlHljLCKiGMscvFOOc3M/DzuEw7OdPujaf9DvmotLKLAWEdECgKNAOiTedc+Scp/DPFwY4R+VeWBSPeBfvnO3WlRWKVlmeQzRZSoiKRLS0gtLZSgiKRLmeKWiylBikS/NEdospSRKyJcWiMZbKUkQjkxCYtKAMnPIhJZSj+Oo9sn5l94HhCl2qfmWeYFP4SRTPd6y0zb0v8yp9on5hGHCVPtE/MJ5paR7o3J94il2emHCdPtE8xGXhOn2iec8yKfeIwpHul1g2el/mlPtF84w4Tp9ovrPNrSO/68o3Jn6/8jWDZ6QcJU+0X1jjhKn2izzXJd8nk++NYNnpv5inXXzlvBlJK+JpqzJlALMCRzrHRRfaSbabrzywSQ5tNYYXNRLOWXr2+pYriRh2bMrOl/wqVK+GYEjzm1wfg0w9JaSk5QbAsRcljfu1JOwT5BQ4bxCjKteoo3Bmt4C8qrcJ1mYO1V2ZdVYsxKnepvp4Rl9NnlFZZelx5cMZvGPb7bisQqI1RtiKzH4KLn9J50cecLa//ID1cmvobes+aVOFKzAq1aoynQgu5BG4gnWc+aXH6OIj+UmX1E/aH2/BYpK9Jai6pUXYdtjoQRv2gx+ET/xVP+j/AP5M+K0eEqqDKlV1UbFV3UC+psAZ34DE16h59eqE2Mc7m9/wjW1zOeX0uv8AK/TUc9+q9pwGFqV9pYoNpJJHwF+mb9PCsoCqtgNg0l9LEU0UIoyqNALW2C52/qZDcJJvPhl95M+Scp+PRhxxjH5VGk+79JU+YbZa/CaEGwY/l10J013Azlr41Tbmm+vSCdoF7DXpmYmW6hDVwOmQcUN/6zibFKdhF/UDd3dE4qmIvv3d36zVMTLUfHp1h6+0T+Zp1x6+0wa1Q/v9GcbMTNawm0vUnhSn1x6xf5pS66zyLgypj3/pGsG0vYnhOn11inhKn118544oe6IUP1aNYNns/wCZU+uvmIp4Rp9dfMTxZQ/RikGNYNnszwgnXT8wh/Gp10/MPeeJIO+I15KNnuP4un2ifmEYYqn01E/MJ4K5iFj3xRb6IMVS7RPzCH8XS66fmX3nznOfoxcxii5bgv8ARjW+rygMOt6iSWXrypS0SxT3/pOZWXr+pkiqvQx/Mf0vBTqDfWkYPOUVAdjere8tWou8n83vCOhX7vUe8YHu/SUhlOzXzMkEfQPvAvzHdDNKgbbfrwklr/uIF6t3SSwPRKh4eQjAn6tFh7L9CSoX6H7Rc53Rlc7gJdsuyoXIibh5ftOj+GTXRdPXW2hGk5VfTYL+k66TrbUEadFh8QdCddB4yb5drEQvGFpdQE9Ootpttbo0Os60RVsoQINbc47B0G5039HjOZOSuwzGxBtp3grfUX/ae5V3/wCILVRaS0KTPSYBqhQffJXKTbLYadN5zzzn7umOMPJquwAAXOUHNmW9rEA20NrEeEgC4X8O0g3XLc63ItpoBtHrNVsFRY0cqMFxDkgWHNTlAoAA1Vcuu4dN47cFYdeTVuVBqVKiArbQo+QXJOzS9rG+szsurDqqAl8wa+2xPNNrG9u6+um0ThdgFvYHYQbsND0WB3keXfNvDcFIa1SiWZcheyqEQ1GUrlVGJyAm17HXm9151UsFcYinaugLYUMrLTBIeoy2BUG4U3NwfOa2pNXk61M9IynU6kk23WJve4PmNNk5nOyx2gbATtv6z1GK4Nwx5fn174Zlz6IQwZmUKgJuCCLZmPTe1tlVbgTDqtSsz1VprQw9dRzC4FZnUqwta/NGvf02l3hnWXlKlYbL2+tsod+8+U9zheC1FGscPULU8TQTky9swblghDWFrXI19pwcNcV1pUqrqaoaiAS78lydUXAbIASykXuM220sZxZOMvIE93oYhbXpkNfbm/Q/CVs39+nhNMG5T4/XjK3fffyilr7Gv8QIuY7/AEECWf4+UQn4+Qks3x8ADE5T6tFtIJ+PpEcjugzt0XiO7bbHzPvBRWcb/wBIpbvHywzN1G87/wC5Bd+ofSS1oeEm8TO/VNv8ZHKt1W9PeLKaQqjv9I3Kjv8ASV8om/0hnTrDy/aLSlgqd36e8nlDu9B7xBUTrRhUXrfrBRuUPw8FjKRu9F9tIoqjpJPhLVrL/dAdSO/zH+hGzjv/ANSkON7ecsFRd/naBYrfVzHFe20geMoFQbxBnXcJUp0mvutAYnvA8P8Ac5hVA6F8/wBpJqjaQPAmQp2JW01IPh+kdaoJ18pxcou2w0Fzr32lqONTZQVsCL2Ykm1gp1PwhaddKqNgNhvtOlHGljckDXZY7r/7nFWzhshH3dPvAgDaQGByjb4XmhgcKXXMite2ZecNRmKabOm3wt8JJlYxlfhuioVGUA/5HUDS99pE3l4YCtTqc0NTpogIGbMgBDIQG0uLanTadNJlfyR1N9L6EI5AvvBs19pA8tk76PBfXVdedlBF1fMvN2aLp62+OJmJbiJhdhuG3AREooVRsysSW5MM9ypFwD+IDpHxlWL4VZgj8koai71BmUm+d8z2UDTn63v0DXWSeDUQEEd4UEDUFmXMdL6i3T0bpD8F09i2Y5tVJU6XbYDqNl7X/B8ZPR/JwJwlnqVKj0EqBwc6shtlz5jbn81ubpvtL6nGhhzRTphQlIBbFlU0TyiKLnZmPeRfunDiaDC/3gLhbAc8oQC6so2OCt7HQjXcTi4ivzxkAIAXaNCNozA67CFI7jvmqiWbmGnW4wOwr2SmGxDKWIzfhYtYagjU9N/9ztwfGK1CslRKTsKOGo0kK1CtRKbuWz2JsQHJvcajpnmqWKdH0sbXIKtYixN8pOw6X7xvvKMVjHzXOhI1Gy3da2nh4S6wly26/GbEEOqqiKUWmiKrBaSowcFDc3YnaTfYJz4rjEXbO2Cw5qFlZ3NM5mKkHUFrLmtziLXuZhGux118PGVGs23M3w/8jWC5XYis7MzBFXMzNlUWVcxvZR0AXsJWeU3D677xGqDpLRC43t5zSHOf+zylTh/7R4Q0PS3jaLk7/UwEYvsunhJ53SR4RSg6G9DDJvYesKjK+3NaQwbrHwHvJKL1h9eMrdF6T5QIZT129LxQx6xMYqu+4+H7yDk7/IyKV3bd6gxeWfvks6d0jOu6FdWYbhDON0qVY4t3SFJ5QD8N/CSKx6FPpBTAyoYVW3RgzRVbuj5j3D9YE2Y98BTPdJUtvliud8IhaR2x+TPTJQxswgKtP4SxVG8SFAPRJCDeID0gBzgwFjoem43e8AoJvm/eIyDyjimPgYHbRqoLcwGw2MTbSxO7TRvPfrOg4gMWa4B5oAA2aHUdC6kWA/1OAYY2BINje2h1sbE+ek6MNhSxA1sSbGx1IW4Gm3o2b5FalHHNplzHLmCgG4zsLBtmp5pb4j437l4RrOCVUDIobmjU5xkudd922TLwwdM7BlAprfW5GYrlW29rEtu1v0zQw2LdDSKZDlQISvQGsxBJOpsm22kkrC3JUfJTZSmZVDDKwJVWBzG+thlHO323y98MT/zFeZVZr86zZDd2uTsJynTvA6TK8Rwi+Y1CRzkdAV1FgGe4YtuDftskNwlZ0zEOosSuhUhlTJZRuzC3wMntVRoqb5S5Co75yLsjqAGDLt+5YFT07JzV3eoFKujMqE5gLOUVls6ta552m/m95E1cS1LOKYZ0qOGuy6gvdsqvb7y2LjUbAN0zcNwk5polFA5VDnXKCwyMuckadBA785OlotKYmJxpLHMik2sxIFybk5tLWJB6PaJVpWXNr0dVl5w01BuNQejpt0G6Y/DMP+Qc9LI2a1vvjYRtFmV1/wATKeFMSge9G6oyqStybNl566km177d82lBiVFyQCdQNdR0G/T0+m3W1DVybA2trb/2czVrkFySNpsRfXbbaL9MoeptA110Oy/h0RaU63c30I8REao3QROUvvlWY74tad5ZrdHkIhfcbTgLmKS26LKdrE7x4SoVAfx2PiPQziLkRTXktdXY4B/FeLyC9b/c5RU7o3jFlLxhh1pBojefCc7Dvleo6ZLWnRkXrecmw3yjlDE5U/QktalpCvS649Y38RS649Z5+E5+SW9IeiGKpdf9ZH8XS6w9Z56EeSTxw9D/ABlPrD1guMp9Yes89CPJJ44ejOOTrD1gManXX1nnIR5JTxw9KuPTrj1h/MKfWHrPNQjySeOHpTjqZ/GPWA4QQahx6+081CPJK+OHqFx9LLcvzr6DWwA6Tca/D4915pcJU1N84vfbr57J5aEeSTSHuE4xqBlzr9zIDY6KdDpbbYW8T0m8vrcZle2esAADYKoAuVyg6DdbXoyi08BCXySaQ98OFsMzqrVRk6TZtSwGY2A0F/QTtocYcKrsy1LZkABIYgOxGdrNs0LC+5jPmkJPJJpD6tjOMeDWkiJUUsjhjbMFI1zdGtwbbOkzkxXDmGZQi10UB2e4z5tWZtDl07v+3RPmkJN5XSH0jg/hzDq4q1MQCxdWsA5YEXCsTbozOLa6ETmo8O00cPTrhWzNcgGxVmNwbj7ugP8Ake6eAhHklNIe2xPDFPO5StzH5zJzrEkqxVgRtzKNRuuLTlxOLw5YsrgA6gWbTZofeeThL5JNIemr4uhc5W0NjrtGmo0H1YbJQ9WloQ4O2410t4dIt67pgQjySaQ3WxFPrD1lfL0+sPWY0I8kmkNfl0B0Yesn+KTrTHhHkk0hqnErvEjlk3iZcJPJJpDV/iE3iI1VD0/rM2EvkldId/Krvkcss4YSbyaw7eUXfF5Qb5yQjeTWBCEJhoQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCAQhCB//2Q==" 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>