0,
'select-none drop-shadow-sm pointer-events-none': true,
'animate-bounce': fillAnimation() && animationDuration() > 0 && isItemRecentlyFilled(i),
'scale-125': fillAnimation() && animationDuration() > 0 && isItemRecentlyFilled(i)
}"
[style.transform]="getItemTransform(i)"
>
0,
'animate-bounce': fillAnimation() && animationDuration() > 0 && isItemRecentlyFilled(i),
'scale-125': fillAnimation() && animationDuration() > 0 && isItemRecentlyFilled(i)
}"
[style.transform]="getItemTransform(i)"
[style.color]="(isItemFilled(i) || isItemHovered(i) || isItemHalf(i)) ? 'white' : undefined"
>
{{ i + 1 }}
0
}"
[style.color]="color()"
style="width: 50%;"
>
★
{{ getTooltipText(i + 1) }}
0"
class="ml-unops-sm text-unops-body-small text-unops-neutral-800 font-medium flex items-center"
[ngClass]="{
'text-xs': size() === 'small',
'text-sm': size() === 'medium',
'text-base': size() === 'large'
}"
[attr.aria-hidden]="true"
>
{{ formatCount()!(count()) }}
({{ count() }} {{ countLabel() }})
({{ count() }})
{{ formatValue()!(value()) }}
{{ value().toFixed(displayPrecision()) }}
{{ formatPercentage()!((value() / max()) * 100) }}
{{ ((value() / max()) * 100).toFixed(0) }}%
{{ helperText() }}
0)"
class="text-unops-body-small text-unops-error flex items-start"
role="alert"
aria-live="polite"
>
{{ errorMessage() || 'Please provide a rating' }}
{{ warningMessage() }}
{{ successMessage() }}
{{ focused() ? getAriaValueText() : '' }}