Hi @khamat_bn
Looks like the list is part of dialog which you also want to access in component HTL/Sightly. You will have to write backend code to get the resource of the path of the list first either in sling model or wcm use POJO. Since the path where the lists exists would be in /apps, you will have to use some service user to get resource resolver first and then get resource for the parent of the list like:
Resource promoListResource = resourceResolver.getResource("/apps/my-project/components/content/my-component/cq:dialog/content/items/tabs/items/fields/items/tab/items/promolist/items");
You should then return this resource in getter method of your sling model.
In Sightly, once you get this resource, you can iterate over items of the list and match the value and get the required text like:
<sly data-sly-list="${mymodel.promoListResource.listChildren}">
<div data-sly-test="${item.value == properties.promoMechanics}">
This is text : ${item.text}
</div>
</sly>
Hope it helps!
Thanks!
Nupur