@let isDropdownOpen = dropdownPopover.isOpen(); @let gridBackgroundClass = isDropdownOpen ? 'background-black-2' : 'background-hover-dark-2'; @let gridColumns = { 'grid-template-columns': _itemsDropdownConfig?.gridValues, }; @let hasItems = itemsDropdownList && itemsDropdownList.length; @if (hasItems) { @let tooltip = isDropdownOpen ? eStringPlaceholder.EMPTY : tooltipText;
@if (isDropdownOpen) {
@for ( gridItem of _itemsDropdownConfig?.gridItems; track gridItem; let gridItemIndex = $index; let gridItemFirst = $first; let gridItemLast = $last ) {

{{ gridItem }}

}
} @else {
}
} @if (minimisedVariationDropdownTemplate) { } @else { }
@for ( dropdownItem of dropdownItemsToDisplay; track dropdownItemIndex; let dropdownItemIndex = $index; let dropdownItemLast = $last ) { @let isPmItem = itemsSpecialStylesIndexArray?.includes(dropdownItemIndex); @let pmItemIcon = isPmItem && (itemsDropdownList[dropdownItemIndex] | pmItem);

{{ dropdownItemIndex + 1 }}

@for ( dropdownItemText of dropdownItem; track dropdownItemTextIndex; let dropdownItemTextIndex = $index; let dropdownItemTextFirst = $first ) { @let isCurrencyText = _itemsDropdownConfig?.hasTotal && dropdownItemTextIndex >= dropdownItem.length - 2; @let text = isCurrencyText ? (dropdownItemText | currency) : dropdownItemText; @let dropdownItemTextClass = { 'justify-content-end': !dropdownItemTextFirst, 'text-color-blue-19': isPmItem, 'text-color-white ': !isPmItem, };

{{ text }}

@if (isPmItem && dropdownItemTextIndex === 0) { }
}
}