@ekolabs/eko-gallery-react 4.0.7-trigger-failed-jobs-1156688.0 → 4.0.7
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.
- package/README.md +14 -26
- package/dist/eko-gallery-react.cjs.js +3 -3
- package/dist/index.esm.js +3 -3
- package/dist/server.cjs.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -179,14 +179,13 @@ The eko gallery dispatches events through the `onEvent` handler. Use this to tra
|
|
|
179
179
|
|
|
180
180
|
#### Event Types
|
|
181
181
|
|
|
182
|
-
| Event
|
|
183
|
-
|
|
184
|
-
| `galleryinit`
|
|
185
|
-
| `
|
|
186
|
-
| `
|
|
187
|
-
| `
|
|
188
|
-
| `
|
|
189
|
-
| `swipe` | Fired when the user swipes within the interactive video |
|
|
182
|
+
| Event | Description |
|
|
183
|
+
|---------------------|-------------------------------------------------------------------|
|
|
184
|
+
| `galleryinit` | Fired when the gallery component initializes |
|
|
185
|
+
| `galleryloaded` | Fired when the interactive smart gallery is fully loaded |
|
|
186
|
+
| `activeitemchanged` | Fired when the active gallery item changes |
|
|
187
|
+
| `click` | Fired when the user click on a non-interactive part of the video |
|
|
188
|
+
| `swipe` | Fired when the user swipes within the interactive video |
|
|
190
189
|
|
|
191
190
|
#### Event Payloads
|
|
192
191
|
|
|
@@ -199,20 +198,12 @@ Fired when the displayed gallery item changes (via thumbnail click, carousel scr
|
|
|
199
198
|
| `index` | Number | The zero-based index of the newly active item |
|
|
200
199
|
| `step` | Number | The zero-based index of the newly active item's step/sub-item |
|
|
201
200
|
|
|
202
|
-
##### `
|
|
201
|
+
##### `click` event
|
|
203
202
|
|
|
204
|
-
| Property
|
|
205
|
-
|
|
206
|
-
| `
|
|
207
|
-
| `
|
|
208
|
-
| `elementtype` | String | The type of element (e.g., `start`, `next button`, `choice button`) |
|
|
209
|
-
| `elementname` | String | A textual representation of the element |
|
|
210
|
-
|
|
211
|
-
Common `elementid` values from the gallery:
|
|
212
|
-
- `thumbnail-{index}` - Thumbnail navigation item clicked
|
|
213
|
-
- `nav` - Navigation strip scrolled
|
|
214
|
-
- `carousel` - Main carousel scrolled
|
|
215
|
-
- `eko-nav-arrow-prev` / `eko-nav-arrow-next` - Navigation arrows clicked
|
|
203
|
+
| Property | Type | Description |
|
|
204
|
+
|---------------|--------|----------------------------|
|
|
205
|
+
| `x` | Number | x value of the click event |
|
|
206
|
+
| `y` | Number | y value of the click event |
|
|
216
207
|
|
|
217
208
|
##### `swipe` event
|
|
218
209
|
|
|
@@ -230,17 +221,14 @@ const onEkoGalleryEvent = useCallback((event, data) => {
|
|
|
230
221
|
case 'galleryinit':
|
|
231
222
|
console.log('Gallery initialized');
|
|
232
223
|
break;
|
|
233
|
-
case 'gallerycoverdisplayed':
|
|
234
|
-
console.log('Cover image loaded');
|
|
235
|
-
break;
|
|
236
224
|
case 'galleryloaded':
|
|
237
225
|
console.log('Interactive gallery ready');
|
|
238
226
|
break;
|
|
239
227
|
case 'activeitemchanged':
|
|
240
228
|
console.log(`Active item changed to: ${data.index} ${data.step}`);
|
|
241
229
|
break;
|
|
242
|
-
case '
|
|
243
|
-
console.log(`
|
|
230
|
+
case 'click':
|
|
231
|
+
console.log(`Click: ${data}`);
|
|
244
232
|
break;
|
|
245
233
|
case 'swipe':
|
|
246
234
|
console.log('User swiped in interactive video', data);
|