23353730325

Committed 20 Mar 2026 05:03PM UTC coverage: 9.784% (-79.5%) from 89.264%

Build # 23353730325

Build Type

Pull #17069

github

Committed by

web-flow

Commit Message

Merge cfa7e86d1 into a4dc50177

Pull Request Pull Request #17069: fix(IgxGrid): Do not apply width constraint to groups.

Coverage Stats

921 of 16963 branches covered (5.43%)

Branch coverage included in aggregate %.

1 of 3 new or added lines in 1 file covered. (33.33%)

25213 existing lines in 340 files now uncovered.

3842 of 31721 relevant lines covered (12.11%)

6.13 hits per line

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

75.0

/projects/igniteui-angular/core/src/services/theme/theme.token.ts

import { inject, InjectionToken, DOCUMENT } from "@angular/core";
import { BehaviorSubject } from "rxjs";

export class ThemeToken {
    private document = inject(DOCUMENT);
    public subject: BehaviorSubject<IgxTheme>;

    constructor(private t?: IgxTheme) {
        const globalTheme = globalThis.window
            ?.getComputedStyle(this.document.body)
            .getPropertyValue("--ig-theme")
            .trim() || 'material' as IgxTheme;

        const _theme = t ?? globalTheme as IgxTheme;
        this.subject = new BehaviorSubject(_theme);
    }

    public onChange(callback: (theme: IgxTheme) => void) {
        return this.subject.subscribe(callback);
    }

    public set(theme: IgxTheme) {
        this.subject.next(theme);
    }

    public get theme() {
        return this.subject.getValue();
    }

    public get preferToken() {
        return !!this.t;
    }
}

export const THEME_TOKEN = new InjectionToken<ThemeToken>('ThemeToken', {
    providedIn: 'root',
    factory: () => new ThemeToken()
});

const Theme = {
    Material: "material",
    Fluent: "fluent",
    Bootstrap: "bootstrap",
    IndigoDesign: "indigo",
} as const;

/**
 * Determines the component theme.
 */
export type IgxTheme = (typeof Theme)[keyof typeof Theme];

1	import { inject, InjectionToken, DOCUMENT } from "@angular/core";
2	import { BehaviorSubject } from "rxjs";
3
4	export class ThemeToken {
5	private document = inject(DOCUMENT);	1✔
6	public subject: BehaviorSubject<IgxTheme>;
7
8	constructor(private t?: IgxTheme) {	1✔
9	const globalTheme = globalThis.window	1!
10	?.getComputedStyle(this.document.body)
11	.getPropertyValue("--ig-theme")
12	.trim() \|\| 'material' as IgxTheme;
13
14	const _theme = t ?? globalTheme as IgxTheme;	1✔
15	this.subject = new BehaviorSubject(_theme);	1✔
16	}
17
18	public onChange(callback: (theme: IgxTheme) => void) {
19	return this.subject.subscribe(callback);	1✔
20	}
21
22	public set(theme: IgxTheme) {
UNCOV 23	this.subject.next(theme);	×
24	}
25
26	public get theme() {
UNCOV 27	return this.subject.getValue();	×
28	}
29
30	public get preferToken() {
UNCOV 31	return !!this.t;	×
32	}
33	}
34
35	export const THEME_TOKEN = new InjectionToken<ThemeToken>('ThemeToken', {	3✔
36	providedIn: 'root',
37	factory: () => new ThemeToken()	1✔
38	});
39
40	const Theme = {	3✔
41	Material: "material",
42	Fluent: "fluent",
43	Bootstrap: "bootstrap",
44	IndigoDesign: "indigo",
45	} as const;
46
47	/**
48	* Determines the component theme.
49	*/
50	export type IgxTheme = (typeof Theme)[keyof typeof Theme];

IgniteUI / igniteui-angular / 23353730325

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