20960087204

Committed 13 Jan 2026 02:19PM UTC coverage: 12.713% (-78.8%) from 91.5%

Build # 20960087204

Build Type

Pull #16746

github

Committed by

web-flow

Commit Message

Merge 9afce6e5d into a967f087e

Pull Request Pull Request #16746: fix(csv): export summaries - master

Run Details

1008 of 16803 branches covered (6.0%)

19 of 23 new or added lines in 2 files covered. (82.61%)

24693 existing lines in 336 files now uncovered.

3985 of 31345 relevant lines covered (12.71%)

2.49 hits per line

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

7.14

/projects/igniteui-angular/checkbox/src/checkbox/checkbox.component.ts

import {
    Component,
    HostBinding,
    Input,
    AfterViewInit,
    booleanAttribute,
} from '@angular/core';
import { CheckboxBaseDirective, IgxRippleDirective } from 'igniteui-angular/directives';
import { ControlValueAccessor } from '@angular/forms';
import { EditorProvider, EDITOR_PROVIDER } from 'igniteui-angular/core';

/**
 * Allows users to make a binary choice for a certain condition.
 *
 * @igxModule IgxCheckboxModule
 *
 * @igxTheme igx-checkbox-theme
 *
 * @igxKeywords checkbox, label
 *
 * @igxGroup Data entry and display
 *
 * @remarks
 * The Ignite UI Checkbox is a selection control that allows users to make a binary choice for a certain condition.It behaves similarly
 * to the native browser checkbox.
 *
 * @example
 * ```html
 * <igx-checkbox [checked]="true">
 *   simple checkbox
 * </igx-checkbox>
 * ```
 */
@Component({
    selector: 'igx-checkbox',
    providers: [
        {
            provide: EDITOR_PROVIDER,
            useExisting: IgxCheckboxComponent,
            multi: true,
        },
    ],
    preserveWhitespaces: false,
    templateUrl: 'checkbox.component.html',
    imports: [IgxRippleDirective],
})
export class IgxCheckboxComponent
    extends CheckboxBaseDirective
    implements AfterViewInit, ControlValueAccessor, EditorProvider {
    /**
     * Returns the class of the checkbox component.
     *
     * @example
     * ```typescript
     * let class = this.checkbox.cssClass;
     * ```
     */
    @HostBinding('class.igx-checkbox')
    public override cssClass = 'igx-checkbox';

    /**
     * Returns if the component is of type `material`.
     *
     * @example
     * ```typescript
     * let checkbox = this.checkbox.material;
     * ```
     */
    @HostBinding('class.igx-checkbox--material')
    protected get material() {
        return this.theme === 'material';
    }

    /**
     * Returns if the component is of type `indigo`.
     *
     * @example
     * ```typescript
     * let checkbox = this.checkbox.indigo;
     * ```
     */
    @HostBinding('class.igx-checkbox--indigo')
    protected get indigo() {
        return this.theme === 'indigo';
    }

    /**
     * Returns if the component is of type `bootstrap`.
     *
     * @example
     * ```typescript
     * let checkbox = this.checkbox.bootstrap;
     * ```
     */
    @HostBinding('class.igx-checkbox--bootstrap')
    protected get bootstrap() {
        return this.theme === 'bootstrap';
    }

    /**
     * Returns if the component is of type `fluent`.
     *
     * @example
     * ```typescript
     * let checkbox = this.checkbox.fluent;
     * ```
     */
    @HostBinding('class.igx-checkbox--fluent')
    protected get fluent() {
        return this.theme === 'fluent';
    }

    /**
     * Sets/gets whether the checkbox component is on focus.
     * Default value is `false`.
     *
     * @example
     * ```typescript
     * this.checkbox.focused =  true;
     * ```
     * ```typescript
     * let isFocused = this.checkbox.focused;
     * ```
     */
    @HostBinding('class.igx-checkbox--focused')
    public override focused = false;

    /**
     * Sets/gets the checkbox indeterminate visual state.
     * Default value is `false`;
     *
     * @example
     * ```html
     * <igx-checkbox [indeterminate]="true"></igx-checkbox>
     * ```
     * ```typescript
     * let isIndeterminate = this.checkbox.indeterminate;
     * ```
     */
    @HostBinding('class.igx-checkbox--indeterminate')
    @Input({ transform: booleanAttribute })
    public override indeterminate = false;

    /**
     * Sets/gets whether the checkbox is checked.
     * Default value is `false`.
     *
     * @example
     * ```html
     * <igx-checkbox [checked]="true"></igx-checkbox>
     * ```
     * ```typescript
     * let isChecked =  this.checkbox.checked;
     * ```
     */
    @HostBinding('class.igx-checkbox--checked')
    @Input({ transform: booleanAttribute })
    public override set checked(value: boolean) {
        super.checked = value;
    }
    public override get checked() {
        return super.checked;
    }

    /**
     * Sets/gets whether the checkbox is disabled.
     * Default value is `false`.
     *
     * @example
     * ```html
     * <igx-checkbox disabled></igx-checkbox>
     * ```
     * ```typescript
     * let isDisabled = this.checkbox.disabled;
     * ```
     */
    @HostBinding('class.igx-checkbox--disabled')
    @Input({ transform: booleanAttribute })
    public override disabled = false;

    /**
     * Sets/gets whether the checkbox is invalid.
     * Default value is `false`.
     *
     * @example
     * ```html
     * <igx-checkbox invalid></igx-checkbox>
     * ```
     * ```typescript
     * let isInvalid = this.checkbox.invalid;
     * ```
     */
    @HostBinding('class.igx-checkbox--invalid')
    @Input({ transform: booleanAttribute })
    public override invalid = false;

    /**
     * Sets/gets whether the checkbox is readonly.
     * Default value is `false`.
     *
     * @example
     * ```html
     * <igx-checkbox [readonly]="true"></igx-checkbox>
     * ```
     * ```typescript
     * let readonly = this.checkbox.readonly;
     * ```
     */
    @Input({ transform: booleanAttribute })
    public override readonly = false;

    /**
     * Sets/gets whether the checkbox should disable all css transitions.
     * Default value is `false`.
     *
     * @example
     * ```html
     * <igx-checkbox [disableTransitions]="true"></igx-checkbox>
     * ```
     * ```typescript
     * let disableTransitions = this.checkbox.disableTransitions;
     * ```
     */
    @HostBinding('class.igx-checkbox--plain')
    @Input({ transform: booleanAttribute })
    public disableTransitions = false;
}

1	import {
2	Component,
3	HostBinding,
4	Input,
5	AfterViewInit,
6	booleanAttribute,
7	} from '@angular/core';
8	import { CheckboxBaseDirective, IgxRippleDirective } from 'igniteui-angular/directives';
9	import { ControlValueAccessor } from '@angular/forms';
10	import { EditorProvider, EDITOR_PROVIDER } from 'igniteui-angular/core';
11
12	/**
13	* Allows users to make a binary choice for a certain condition.
14	*
15	* @igxModule IgxCheckboxModule
16	*
17	* @igxTheme igx-checkbox-theme
18	*
19	* @igxKeywords checkbox, label
20	*
21	* @igxGroup Data entry and display
22	*
23	* @remarks
24	* The Ignite UI Checkbox is a selection control that allows users to make a binary choice for a certain condition.It behaves similarly
25	* to the native browser checkbox.
26	*
27	* @example
28	* ```html
29	* <igx-checkbox [checked]="true">
30	* simple checkbox
31	* </igx-checkbox>
32	* ```
33	*/
34	@Component({
35	selector: 'igx-checkbox',
36	providers: [
37	{
38	provide: EDITOR_PROVIDER,
39	useExisting: IgxCheckboxComponent,
40	multi: true,
41	},
42	],
43	preserveWhitespaces: false,
44	templateUrl: 'checkbox.component.html',
45	imports: [IgxRippleDirective],
46	})
47	export class IgxCheckboxComponent	3✔
48	extends CheckboxBaseDirective
49	implements AfterViewInit, ControlValueAccessor, EditorProvider {
50	/**
51	* Returns the class of the checkbox component.
52	*
53	* @example
54	* ```typescript
55	* let class = this.checkbox.cssClass;
56	* ```
57	*/
58	@HostBinding('class.igx-checkbox')
UNCOV 59	public override cssClass = 'igx-checkbox';	×
60
61	/**
62	* Returns if the component is of type `material`.
63	*
64	* @example
65	* ```typescript
66	* let checkbox = this.checkbox.material;
67	* ```
68	*/
69	@HostBinding('class.igx-checkbox--material')
70	protected get material() {
UNCOV 71	return this.theme === 'material';	×
72	}
73
74	/**
75	* Returns if the component is of type `indigo`.
76	*
77	* @example
78	* ```typescript
79	* let checkbox = this.checkbox.indigo;
80	* ```
81	*/
82	@HostBinding('class.igx-checkbox--indigo')
83	protected get indigo() {
UNCOV 84	return this.theme === 'indigo';	×
85	}
86
87	/**
88	* Returns if the component is of type `bootstrap`.
89	*
90	* @example
91	* ```typescript
92	* let checkbox = this.checkbox.bootstrap;
93	* ```
94	*/
95	@HostBinding('class.igx-checkbox--bootstrap')
96	protected get bootstrap() {
UNCOV 97	return this.theme === 'bootstrap';	×
98	}
99
100	/**
101	* Returns if the component is of type `fluent`.
102	*
103	* @example
104	* ```typescript
105	* let checkbox = this.checkbox.fluent;
106	* ```
107	*/
108	@HostBinding('class.igx-checkbox--fluent')
109	protected get fluent() {
UNCOV 110	return this.theme === 'fluent';	×
111	}
112
113	/**
114	* Sets/gets whether the checkbox component is on focus.
115	* Default value is `false`.
116	*
117	* @example
118	* ```typescript
119	* this.checkbox.focused = true;
120	* ```
121	* ```typescript
122	* let isFocused = this.checkbox.focused;
123	* ```
124	*/
125	@HostBinding('class.igx-checkbox--focused')
UNCOV 126	public override focused = false;	×
127
128	/**
129	* Sets/gets the checkbox indeterminate visual state.
130	* Default value is `false`;
131	*
132	* @example
133	* ```html
134	* <igx-checkbox [indeterminate]="true"></igx-checkbox>
135	* ```
136	* ```typescript
137	* let isIndeterminate = this.checkbox.indeterminate;
138	* ```
139	*/
140	@HostBinding('class.igx-checkbox--indeterminate')
141	@Input({ transform: booleanAttribute })
UNCOV 142	public override indeterminate = false;	×
143
144	/**
145	* Sets/gets whether the checkbox is checked.
146	* Default value is `false`.
147	*
148	* @example
149	* ```html
150	* <igx-checkbox [checked]="true"></igx-checkbox>
151	* ```
152	* ```typescript
153	* let isChecked = this.checkbox.checked;
154	* ```
155	*/
156	@HostBinding('class.igx-checkbox--checked')
157	@Input({ transform: booleanAttribute })
158	public override set checked(value: boolean) {
UNCOV 159	super.checked = value;	×
160	}
161	public override get checked() {
UNCOV 162	return super.checked;	×
163	}
164
165	/**
166	* Sets/gets whether the checkbox is disabled.
167	* Default value is `false`.
168	*
169	* @example
170	* ```html
171	* <igx-checkbox disabled></igx-checkbox>
172	* ```
173	* ```typescript
174	* let isDisabled = this.checkbox.disabled;
175	* ```
176	*/
177	@HostBinding('class.igx-checkbox--disabled')
178	@Input({ transform: booleanAttribute })
UNCOV 179	public override disabled = false;	×
180
181	/**
182	* Sets/gets whether the checkbox is invalid.
183	* Default value is `false`.
184	*
185	* @example
186	* ```html
187	* <igx-checkbox invalid></igx-checkbox>
188	* ```
189	* ```typescript
190	* let isInvalid = this.checkbox.invalid;
191	* ```
192	*/
193	@HostBinding('class.igx-checkbox--invalid')
194	@Input({ transform: booleanAttribute })
UNCOV 195	public override invalid = false;	×
196
197	/**
198	* Sets/gets whether the checkbox is readonly.
199	* Default value is `false`.
200	*
201	* @example
202	* ```html
203	* <igx-checkbox [readonly]="true"></igx-checkbox>
204	* ```
205	* ```typescript
206	* let readonly = this.checkbox.readonly;
207	* ```
208	*/
209	@Input({ transform: booleanAttribute })
UNCOV 210	public override readonly = false;	×
211
212	/**
213	* Sets/gets whether the checkbox should disable all css transitions.
214	* Default value is `false`.
215	*
216	* @example
217	* ```html
218	* <igx-checkbox [disableTransitions]="true"></igx-checkbox>
219	* ```
220	* ```typescript
221	* let disableTransitions = this.checkbox.disableTransitions;
222	* ```
223	*/
224	@HostBinding('class.igx-checkbox--plain')
225	@Input({ transform: booleanAttribute })
UNCOV 226	public disableTransitions = false;	×
227	}

IgniteUI / igniteui-angular / 20960087204

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