68ef226c-f83e-44c1-b8ed-e420a83c5d84

Committed 28 May 2025 10:31AM UTC coverage: 10.352% (-80.0%) from 90.316%

Build # 68ef226c-f83e-44c1-b8ed-e420a83c5d84

Build Type

Pull #3460

circleci

Committed by

pubuzhixing8

Commit Message

chore: xxx

Pull Request Pull Request #3460: refactor(icon): migrate signal input #TINFR-1476

Run Details

132 of 6823 branches covered (1.93%)

Branch coverage included in aggregate %.

10 of 14 new or added lines in 1 file covered. (71.43%)

11648 existing lines in 344 files now uncovered.

2078 of 14525 relevant lines covered (14.31%)

6.69 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

11.76

/src/color-picker/parts/inputs/inputs.component.ts

import { Component, effect, HostBinding, input, OnInit, output, signal, WritableSignal } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { ThyInputDirective, ThyInputGroup } from 'ngx-tethys/input';
import { ThyInputNumber } from 'ngx-tethys/input-number';
import { ThyEnterDirective } from 'ngx-tethys/shared';
import { ThyColor } from '../../helpers/color.class';

/**
 * @internal
 */
@Component({
    selector: 'thy-color-inputs',
    templateUrl: './inputs.component.html',
    imports: [ThyInputDirective, FormsModule, ThyEnterDirective, ThyInputNumber, ThyInputGroup]
})
export class ThyColorInputs implements OnInit {
    @HostBinding('class.thy-color-inputs') className = true;

    readonly color = input<ThyColor>();

    readonly colorChange = output<ThyColor>();

    readonly hex: WritableSignal<string> = signal('');

    readonly alpha: WritableSignal<number> = signal(100);

    constructor() {
        effect(() => {
            this.hex.set(this.color()?.toHexString(false).slice(1, 7) || '');
            this.alpha.set(Math.round(this.color()?.rgba.alpha * 100) || 100);
        });
    }

    ngOnInit(): void {}

    onInputChange(event: Event, type: string) {
        let newColor;
        const alpha = this.alpha() / 100;
        if (type === 'hex') {
            let finalDisplayValue = this.hex();
            if (this.hex().length === 3) {
                finalDisplayValue = this.hex()
                    .split('')
                    .map(value => value + value)
                    .join('');
            }
            finalDisplayValue = `#${finalDisplayValue}`;
            if (alpha !== 1) {
                finalDisplayValue += ((1 << 8) | Math.round(alpha * 255)).toString(16).substr(1);
            }
            newColor = new ThyColor(finalDisplayValue);
        } else {
            newColor = new ThyColor().setRgba(this.color().rgba.red, this.color().rgba.green, this.color().rgba.blue, alpha);
        }
        this.colorChange.emit(newColor);
    }
}

1	import { Component, effect, HostBinding, input, OnInit, output, signal, WritableSignal } from '@angular/core';
2	import { FormsModule } from '@angular/forms';
3	import { ThyInputDirective, ThyInputGroup } from 'ngx-tethys/input';
4	import { ThyInputNumber } from 'ngx-tethys/input-number';
5	import { ThyEnterDirective } from 'ngx-tethys/shared';
6	import { ThyColor } from '../../helpers/color.class';
7
8	/**
9	* @internal
10	*/
11	@Component({
12	selector: 'thy-color-inputs',
13	templateUrl: './inputs.component.html',	1✔
14	imports: [ThyInputDirective, FormsModule, ThyEnterDirective, ThyInputNumber, ThyInputGroup]
UNCOV 15	})	×
UNCOV 16	export class ThyColorInputs implements OnInit {	×
UNCOV 17	@HostBinding('class.thy-color-inputs') className = true;	×
UNCOV 18		×
UNCOV 19	readonly color = input<ThyColor>();	×
UNCOV 20		×
UNCOV 21	readonly colorChange = output<ThyColor>();	×
UNCOV 22		×
23	readonly hex: WritableSignal<string> = signal('');
24
25	readonly alpha: WritableSignal<number> = signal(100);
26
27	constructor() {
UNCOV 28	effect(() => {	×
UNCOV 29	this.hex.set(this.color()?.toHexString(false).slice(1, 7) \|\| '');	×
UNCOV 30	this.alpha.set(Math.round(this.color()?.rgba.alpha * 100) \|\| 100);	×
UNCOV 31	});	×
32	}	×
33
34	ngOnInit(): void {}	×
35
36	onInputChange(event: Event, type: string) {
UNCOV 37	let newColor;	×
UNCOV 38	const alpha = this.alpha() / 100;	×
39	if (type === 'hex') {	×
40	let finalDisplayValue = this.hex();
UNCOV 41	if (this.hex().length === 3) {	×
42	finalDisplayValue = this.hex()
43	.split('')
UNCOV 44	.map(value => value + value)	×
45	.join('');
UNCOV 46	}	×
47	finalDisplayValue = `#${finalDisplayValue}`;
48	if (alpha !== 1) {	1✔
49	finalDisplayValue += ((1 << 8) \| Math.round(alpha * 255)).toString(16).substr(1);	1✔
50	}
51	newColor = new ThyColor(finalDisplayValue);
52	} else {
53	newColor = new ThyColor().setRgba(this.color().rgba.red, this.color().rgba.green, this.color().rgba.blue, alpha);
54	}
55	this.colorChange.emit(newColor);	1✔
56	}
57	}

atinc / ngx-tethys / 68ef226c-f83e-44c1-b8ed-e420a83c5d84

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous