There is a code snippet for AMP pages carousel with some interactivity https://ampbyexample.com/advanced/image_galleries_with_amp-carousel/
<amp-carousel controls
width="400"
height="100">
<amp-img src="/img/image1.jpg"
width="100"
height="75"
role="button"
tabindex="0"
[class]="selectedSlide == 0 ? 'selected' : ''"
on="tap:AMP.setState({selectedSlide: 0})"></amp-img>
<amp-img src="/img/image2.jpg"
width="100"
height="75"
role="button"
tabindex="1"
[class]="selectedSlide == 1 ? 'selected' : ''"
on="tap:AMP.setState({selectedSlide: 1})"></amp-img>
<amp-img src="/img/image3.jpg"
width="100"
height="75"
role="button"
tabindex="2"
[class]="selectedSlide == 2 ? 'selected' : ''"
on="tap:AMP.setState({selectedSlide: 2})"></amp-img>
</amp-carousel>
I'd like to integrate it for my pages using XSLT. The problem is that attribute of element uses attribute with square brackets. Is it possible to create such element with such specific attribute ([class]="selectedSlide == 1 ? 'selected' : ''") in XSLT?