# Client-side Events List

Client-side events are the unsung heroes that bring web pages to life, reacting precisely to user input. They occur from a simple mouse click to a complex drag-and-drop operation.

The following SharinPix components can raise client-side events:

* The [SharinPix Album component ](https://docs.sharinpix.com/documentation/integrations/events/broken-reference)(which displays images stored at a record level)
* The [SharinPix Single Image component ](https://docs.sharinpix.com/documentation/integrations/events/broken-reference)(which displays an image having a specific tag stored at a record level)
* The [SharinPix Search component](https://docs.sharinpix.com/documentation/integrations/events/broken-reference) (which displays images searched across different records)

Each has its own set of events.

## Album Component events

* **image-new** – when an image is uploaded
* **images-selected** – when an image check box is checked (or unchecked)
* **image-processed** – After the completion of processing a large file.
* **image-deleted** – when an image has been deleted
* **image-undeleted** – when an image has been undeleted
* **image-rotated** – when an image is rotated
* **image-cropped** – when an image is cropped
* **image-annotated** – when an image is annotated
* **tag-image-new** – when a tag is added to an image
* **tag-image-deleted** – when a tag is removed from an image
* **viewer-image-viewed** – when an image is clicked to be viewed in the large view
* **viewer-closed** – when the large view is closed
* **image-sort-completed** – when custom sorting has been applied to images
* **image-sync-completed** – when an image has been synchronized
* **restricted-file-error** - when uploading a restricted file type using the [upload\_accept parameter](https://docs.sharinpix.com/documentation/features/upload-images/restrict-uploads-using-file-extensions).

## Single Image Component events

* **image-new** – when an image is uploaded
* **images-selected** – when an image check box is checked (or unchecked)
* **image-processed** – After the completion of processing a large file.
* **image-deleted** – when an image has been deleted
* **image-undeleted** – when an image has been undeleted
* **image-rotated** – when an image is rotated
* **image-cropped** – when an image is cropped
* **image-annotated** – when an image is annotated
* **tag-image-new** – when a tag is added to an image
* **tag-image-deleted** – when a tag is removed from an image

## Search Component events

* **search-ready** – when the component is opening and fully loaded
* **images-selected** – when an image check box is checked (or unchecked)
* **viewer-image-viewed** – when an image is clicked to be viewed in the large view
* **viewer-closed** – when the large view is closed