Pro Gallery OnCurrentItemChanged() does not work properly?

Ask the community
,
1

Hello,
I am having an issue with the pro gallery.
I have 3 images that are switching on auto-play and each time the image changes I would a different container displayed but im not sure what im doing wrong.
I have the containers set to collapsed except the first one but the event does not seem to trigger(?)
Here is my code. (Console does not log anything)

export function slider_currentItemChanged(event) {
 const text1 = $w('#sliderText1');
 const text2 = $w('#sliderText2');
 const text3 = $w('#sliderText3');
 if(event.itemIndex === 1)
    {
        text1.expand();
        text2.collapse();
        text3.collapse();
        console.log("1");
    }
 if(event.itemIndex === 2)
    {
        text2.expand();
        text1.collapse();
        text3.collapse();
        console.log("2");
    }
 if(event.itemIndex === 3)
    {
        text3.expand();
        text2.collapse();
        text1.collapse();
        console.log("3");
    }