Advanced editor: gallery + lightbox

This test article checks the new editor features: an image-gallery block (multiple images in a grid) and lightbox view for all images (with the option to disable it for decorative ones).

Below is the first block — image-with-align (medium, left-aligned, lightbox enabled). Text should wrap around the image on the right, and clicking it opens the lightbox without arrows (single-item set).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt neque porro quisquam est.

Gallery — three images, 3 columns, lightbox enabled

Below is an image-gallery with three images. On desktop — three columns. Click any image → lightbox with arrows to navigate within the set.

After the gallery, normal text continues. The layout should be standard here, no floats — the gallery clears via clear: both in SCSS.

Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi.

Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.

Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.

Large image centered (lightbox=on)

After the large image — two paragraphs of text, so you can scroll down and try out the decorative thumbnail image on the right.

Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.

Decorative thumbnail right (lightbox=off)

This image on the right should NOT open the lightbox on click — it has enableLightbox: false. The img element should NOT have the data-lightbox-src attribute. This is the test scenario for a "decorative image, not for viewing".

Final paragraph. If everything works: three image-with-align blocks loaded, one image-gallery, lightbox activates on click for 4 out of 5 images (one decorative — no attributes).