All files / app/codeCharta/ui/labelledColorPicker labelledColorPicker.component.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
11x
11x
11x
 
 
 
 
 
 
 
 
11x
 
 
 
110x
 
 
1x
 
 
 
import { Component, EventEmitter, Input, Output } from "@angular/core"
import { ColorPickerComponent } from "../colorPicker/colorPicker.component"
import { ReadableColorForBackgroundPipe } from "./readableColorForBackground.pipe"
 
@Component({
    selector: "cc-labelled-color-picker",
    templateUrl: "./labelledColorPicker.component.html",
    styleUrls: ["./labelledColorPicker.component.scss"],
    standalone: true,
    imports: [ColorPickerComponent, ReadableColorForBackgroundPipe]
})
export class LabelledColorPickerComponent {
    @Input() hexColor: string
    @Input() labels: string[]
 
    @Output() onColorChange = new EventEmitter<string>()
 
    handleColorChange(hexColor: string) {
        this.onColorChange.emit(hexColor)
    }
}