16193550997

Committed 10 Jul 2025 11:12AM UTC coverage: 4.657% (-87.0%) from 91.64%

Build # 16193550997

Build Type

Pull #16028

github

Committed by

web-flow

Commit Message

Merge f7a9963b8 into 87246e3ce

Pull Request Pull Request #16028: fix(radio-group): dynamically added radio buttons do not initialize

Run Details

178 of 15764 branches covered (1.13%)

18 of 19 new or added lines in 2 files covered. (94.74%)

25721 existing lines in 324 files now uncovered.

1377 of 29570 relevant lines covered (4.66%)

0.53 hits per line

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

25.0

/projects/igniteui-angular/src/lib/drop-down/drop-down-group.component.ts

import { Component, Input, HostBinding, booleanAttribute } from '@angular/core';

let NEXT_ID = 0;
/**
 * The `<igx-drop-down-item>` is a container intended for row items in
 * a `<igx-drop-down>` container.
 */
@Component({
    selector: 'igx-drop-down-item-group',
    template: `
        <label id="{{labelId}}">{{ label }}</label>
        <ng-content select="igx-drop-down-item"></ng-content>
    `,
    standalone: true
})
export class IgxDropDownGroupComponent {
    /**
     * @hidden @internal
     */
    public get labelId(): string {
        return `igx-item-group-label-${this._id}`;
    }

    @HostBinding(`attr.aria-labelledby`)
    public get labelledBy(): string {
        return this.labelId;
    }

    /**
     * @hidden @internal
     */
    @HostBinding('attr.role')
    public role = 'group';

    /** @hidden @internal */
    @HostBinding('class.igx-drop-down__group')
    public groupClass = true;
    /**
     * Sets/gets if the item group is disabled
     *
     * ```typescript
     * const myDropDownGroup: IgxDropDownGroupComponent = this.dropdownGroup;
     * // get
     * ...
     * const groupState: boolean = myDropDownGroup.disabled;
     * ...
     * //set
     * ...
     * myDropDownGroup,disabled = false;
     * ...
     * ```
     *
     * ```html
     * <igx-drop-down-item-group [label]="'My Items'" [disabled]="true">
     *     <igx-drop-down-item *ngFor="let item of items[index]" [value]="item.value">
     *         {{ item.text }}
     *     </igx-drop-down-item>
     * </igx-drop-down-item-group>
     * ```
     *
     * **NOTE:** All items inside of a disabled drop down group will be treated as disabled
     */
    @Input({ transform: booleanAttribute })
    @HostBinding(`attr.aria-disabled`)
    @HostBinding('class.igx-drop-down__group--disabled')
    public disabled = false;

    /**
     * Sets/gets the label of the item group
     *
     * ```typescript
     * const myDropDownGroup: IgxDropDownGroupComponent = this.dropdownGroup;
     * // get
     * ...
     * const myLabel: string = myDropDownGroup.label;
     * ...
     * // set
     * ...
     * myDropDownGroup.label = 'My New Label';
     * ...
     * ```
     *
     * ```html
     * <igx-drop-down-item-group [label]="'My new Label'">
     *      ...
     * </igx-drop-down-item-group>
     * ```
     */
    @Input()
    public label: string;

    private _id = NEXT_ID++;
}

1	import { Component, Input, HostBinding, booleanAttribute } from '@angular/core';
2
3	let NEXT_ID = 0;	3✔
4	/**
5	* The `<igx-drop-down-item>` is a container intended for row items in
6	* a `<igx-drop-down>` container.
7	*/
8	@Component({
9	selector: 'igx-drop-down-item-group',
10	template: `
11	<label id="{{labelId}}">{{ label }}</label>
12	<ng-content select="igx-drop-down-item"></ng-content>
13	`,
14	standalone: true
15	})
16	export class IgxDropDownGroupComponent {	3✔
17	/**
18	* @hidden @internal
19	*/
20	public get labelId(): string {
UNCOV 21	return `igx-item-group-label-${this._id}`;	×
22	}
23
24	@HostBinding(`attr.aria-labelledby`)
25	public get labelledBy(): string {
UNCOV 26	return this.labelId;	×
27	}
28
29	/**
30	* @hidden @internal
31	*/
32	@HostBinding('attr.role')
UNCOV 33	public role = 'group';	×
34
35	/** @hidden @internal */
36	@HostBinding('class.igx-drop-down__group')
UNCOV 37	public groupClass = true;	×
38	/**
39	* Sets/gets if the item group is disabled
40	*
41	* ```typescript
42	* const myDropDownGroup: IgxDropDownGroupComponent = this.dropdownGroup;
43	* // get
44	* ...
45	* const groupState: boolean = myDropDownGroup.disabled;
46	* ...
47	* //set
48	* ...
49	* myDropDownGroup,disabled = false;
50	* ...
51	* ```
52	*
53	* ```html
54	* <igx-drop-down-item-group [label]="'My Items'" [disabled]="true">
55	* <igx-drop-down-item *ngFor="let item of items[index]" [value]="item.value">
56	* {{ item.text }}
57	* </igx-drop-down-item>
58	* </igx-drop-down-item-group>
59	* ```
60	*
61	* NOTE: All items inside of a disabled drop down group will be treated as disabled
62	*/
63	@Input({ transform: booleanAttribute })
64	@HostBinding(`attr.aria-disabled`)
65	@HostBinding('class.igx-drop-down__group--disabled')
UNCOV 66	public disabled = false;	×
67
68	/**
69	* Sets/gets the label of the item group
70	*
71	* ```typescript
72	* const myDropDownGroup: IgxDropDownGroupComponent = this.dropdownGroup;
73	* // get
74	* ...
75	* const myLabel: string = myDropDownGroup.label;
76	* ...
77	* // set
78	* ...
79	* myDropDownGroup.label = 'My New Label';
80	* ...
81	* ```
82	*
83	* ```html
84	* <igx-drop-down-item-group [label]="'My new Label'">
85	* ...
86	* </igx-drop-down-item-group>
87	* ```
88	*/
89	@Input()
90	public label: string;
91
UNCOV 92	private _id = NEXT_ID++;	×
93	}

IgniteUI / igniteui-angular / 16193550997

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