➡️ Instructions
To start using the plugin is very simple and fast. Follow the instructions described below.

    👉 Place a "Cloudinary Uploader" element on your page and resize it however you want. Then in your settings panel you must provide the following data:

         ● Placeholder: Set the placeholder value of your file uploader here. Default: Drag & Drop your files or Browse
         ● Language: Set the language of your file uploader here. Default: en-en
         ● Preview Max Height: Set here the maximum height that image-type files can reach in your file uploader. Default 240px
         ● Max File Size (MB): Set here the maximum size that the user can put in his file uploader. Default: 3MB
         ● Max Files: Set here the maximum amount of files that the user can put in his file uploader. pattern 3
         ● Instant Upload: Set here whether the file upload should start automatically when the user places a file in their uploader. Default: false

         🎨 Style
         ● Items per row: Set here how many files per row your uploader can display. Default: 2

         🎨 Style (Panel)
         ● Background Color: Set the background color of your file uploader here.
         ● Font Color: Set here the font color of your file uploader.

         🎨 Style (Item)
         ● Background Color: Set here the background color of the item uploaded by the user when uploading.
         ● Font Color: Set here the font color of the user-submitted item.
         ● Background Color (Error): Set the background color of the item here when an error occurs while uploading the file.
         ● Background Color (Sucess): Set here the background color of the item when the upload is successful.

         ⚙️ Cloudinary Config
         ● Cloudinary (Cloud Name): Enter the Cloud Name of your Cloudinary account here
         ● Cloudinary (API Key): Enter the API Key of your Cloudinary account here
         ● Cloudinary (Upload Preset): Enter here the name of the Upload Preset in the destination folder of your Cloudinary account

➡️ States

Once the element is placed on your page you will be able to access and use the following state:

    ● images_element_urls: This state stores all files sent to the uploader converted to base64.
    ● Cloudinary Image Url: This state, after a successful upload, stores the url value of the file sent to Cloudinary
    ● Cloudinary Image Public ID: This state, after a successful upload, stores the Public ID value of the file sent to Cloudinary
    ● Cloudinary Image Version: This state, after a successful upload, stores the Version value of the file sent to Cloudinary

➡️ Events

You can use the following events in your workflow:

    ● Upload Complete: This event is triggered whenever an upload to your Cloudinary account is successful.
    ● Upload Error: This event is fired whenever an upload to your Cloudinary account returns an error.