=== Splide Carousel ===
Contributors:      cloudcatch, dkjensen
Tags:              block, carousel, slider, splide, gutenberg
Tested up to:      6.1
Stable tag:        1.1.0
License:           MIT
Requires PHP:      7.0
Requires at least: 6.0.2
Donate link:       https://www.buymeacoffee.com/dkjensen

Carousel block using Splide to create flexible and accessible sliders

== Description ==

The Splide Carousel block introduces the capability to create carousels/sliders within the block editor. Each carousel may contain an infinite number of slides, with each slides containing their own inner blocks. 

Use the Splide Carousel block to create image carousels, testimonial rotators, and more!

[View Demo](https://splide-demo.cloudcatch.io/)

== Options ==

* Arrows Navigation
* Dots Pagination
* Autoplay
* Slide and Fade Transitions
* Infinite Loop
* Fixed Slide Width / Height
* Variable Slide Width / Height
* Number of Slides Per Page
* Slide Spacing
* Video Support
* Auto Scroll
* Hash Navigation
* Lazyload
* Fully Accessible
* RTL Support
* Responsive
* No Google Lighthouse Issues
* Lightweight
* […and more!](https://splidejs.com/guides/options/#options)

== Attribution ==

The Splide Carousel block uses the [Splide](https://splidejs.com/) library.

== Changelog ==

= 1.1.0 =

* Enhancement - Ability to add photos in bulk when new block is created and when block has no slides

= 1.0.0 =

* Initial release

== Installation ==

1. Upload the plugin files to the `/wp-content/plugins/splide-carousel` directory, or install the plugin through the WordPress plugins screen directly.
1. Activate the plugin through the 'Plugins' screen in WordPress

== Frequently Asked Questions ==

= How can I customize the carousel? =

You can use a valid JSON string containing options [located here](https://splidejs.com/guides/options/). 

e.g.: `{"perPage":3,"pagination":false}`

= Can I set default carousel options globally? =

Yes, we need to listen to a JavaScript event that is fired when the carousel is ready, and then add the defaults.

`document.addEventListener( 'splideReady', function( e ) {
    e.detail.defaults = {
        arrowPath: 'M30.2 19.4L11 .2c-.3-.3-.9-.3-1.2 0-.3.3-.3.8 0 1.2L28.4 20 9.8 38.6c-.3.3-.3.9 0 1.2.3.3.9.3 1.2 0l19.2-19.2c.3-.3.3-.9 0-1.2z',
        perPage: 3
    };
} );`

== Screenshots ==

1. Block editor view
2. Front end view