### Slick

If you copy paste the lines here into CKEditor, be sure to view CKEditor source and remove the surrounding `<code>...</code>`.
Create a slideshow/ carousel with a shortcode. Pay attention to attributes, slashes, single and double quotes:

1. Basic, with inline HTML:
   `[slick]...[slide]...[/slide]...[/slick]`
2. With self-closing `data=ENTITY_TYPE:ID:FIELD_NAME:FIELD_IMAGE`, without inline HTML:
   `[slick data="node:44:field_media" /]`
   `[slick data="node:44:field_media:field_media_image" /]`
   Required: `ENTITY_TYPE:ID:FIELD_NAME`, where `ENTITY_TYPE` is node -- only tested with node, `ID` is node ID, `FIELD_NAME` can be field Media, Entityreference, Image, Text (long or with summary), must be multi-value, or unlimited.
   Optional: `FIELD_IMAGE` named `field_media_image` as found at Media Image/ Video for hires poster image, must be similar and single-value field image for all media entities to have mixed media correctly. This is not field image at Node, it is at Media.
3. With settings and or options, to override Slick filter settings:
   `[slick settings="{}" options="{}"]..[slide]..[/slide]..[/slick]`
   Where `settings` is HTML settings as seen at Filter, Field or Views UI forms, and `options` is JavaScript options as seen at Optionset UI forms.
4. Options only: any JavaScript options relevant from `slick/config/install/slick.optionset.default.yml`:
   `[slick options="{'type': 'loop', 'arrows': false, 'pagination': true}"]...[/slick]`
5. HTML settings only: any HTML settings relevant from `SlickDefault/ BlazyDefault` methods:
   `[slick settings="{'optionset': 'x_main', 'skin': 'fullwidth', 'layout': 'bottom'}"]...[/slick]`
   To force disabling enabled navigation, add `'nav': false`
6. With grid: similar to Blazy grid + visible items:
   `STYLE:SMALL-MEDIUM-LARGE:VISIBLE_ITEMS` `[slick grid="nativegrid:2-3-4:8" /]`
7. With HTML caption for each `[slide]`, if not using Filter caption for a reason:
   `[slide caption='Read more']...`
   Use single quotes for HTML caption, else broken. The link is normally converted automatically when using WYSIWYG. This will replace Filter caption if they both exist.

Tips, if any issues:

- Attributes `data, settings, options` can be put together into one `[slick]`.
- `[slide]` can have attributes, including `caption`, e.g.:
  `[slide class="slide--custom-class" caption='Read more...']`.
- To disable thumbnail/ text navigation add `nav="false"`: `[slick nav="false"]`.
- Except for self-closing one-liner `data` attribute, be sure slide items are stacked, separated by line breaks, or any relevant HTML tags, and wrapped each with `[slide]`:
  `[slick]
  [slide]
  <IMG>
  [/slide]
  [slide]
  <IFRAME>
  [/slide]
  [slide]
  <p>Any non-media HTML content</p>
  [/slide]
  [/slick]`
  `IMG/ IFRAME`, or other HTML as slide contents can be wrapped with any relevant tags, no problem.
- Except for `[slide]`, avoid using the reserved square bracket characters `[` and `]` or other inner shortcodes inside `[slick]...[/slick]` blocks till we support nested slicks.