import { CommonModule } from '@angular/common'
import { Component, input } from '@angular/core'
@Component({
selector: 'kadi-rating',
template: `
@if (inRange(rating(), 0, 0.3)) {
}
@if (inRange(rating(), 0.3, 0.8)) {
}
@if (inRange(rating(), 0.8, 6)) {
}
@if (inRange(rating(), 0, 1.3)) {
}
@if (inRange(rating(), 1.3, 1.8)) {
}
@if (inRange(rating(), 1.8, 6)) {
}
@if (inRange(rating(), 0, 2.3)) {
}
@if (inRange(rating(), 2.3, 2.8)) {
}
@if (inRange(rating(), 2.8, 6)) {
}
@if (inRange(rating(), 0, 3.3)) {
}
@if (inRange(rating(), 3.3, 3.8)) {
}
@if (inRange(rating(), 3.8, 6)) {
}
@if (inRange(rating(), 0, 4.3)) {
}
@if (inRange(rating(), 4.3, 4.8)) {
}
@if (inRange(rating(), 4.8, 6)) {
}
`,
imports: [CommonModule],
})
export class RatingComponent {
readonly rating = input.required()
readonly color = input('#FF9529')
readonly size = input(24)
inRange(x: number, min: number, max: number): boolean {
return x >= min && x < max
}
}