13331632524

Committed 14 Feb 2025 02:51PM UTC coverage: 22.015% (-69.6%) from 91.622%

Build # 13331632524

Build Type

Pull #15372

github

Committed by

web-flow

Commit Message

Merge d52d57714 into bcb78ae0a

Pull Request Pull Request #15372: chore(*): test ci passing

Run Details

1990 of 15592 branches covered (12.76%)

431 of 964 new or added lines in 18 files covered. (44.71%)

19956 existing lines in 307 files now uncovered.

6452 of 29307 relevant lines covered (22.02%)

249.17 hits per line

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

64.0

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

import {
    Component,
    HostBinding
} from '@angular/core';
import { IgxDropDownItemBaseDirective } from './drop-down-item.base';

/**
 * The `<igx-drop-down-item>` is a container intended for row items in
 * a `<igx-drop-down>` container.
 */
@Component({
    selector: 'igx-drop-down-item',
    templateUrl: 'drop-down-item.component.html',
    standalone: true
})
export class IgxDropDownItemComponent extends IgxDropDownItemBaseDirective {
    /**
     * Sets/gets if the given item is focused
     * ```typescript
     *  let mySelectedItem = this.dropdown.selectedItem;
     *  let isMyItemFocused = mySelectedItem.focused;
     * ```
     */
    public override get focused(): boolean {
        let focusedState = this._focused;
        if (this.hasIndex) {
            const focusedItem = this.selection.first_item(`${this.dropDown.id}-active`);
            const focusedIndex = focusedItem ? focusedItem.index : -1;
            focusedState = this._index === focusedIndex;
        }
        return this.isSelectable && focusedState;
    }

    /**
     * Sets/gets if the given item is focused
     * ```typescript
     *  let mySelectedItem = this.dropdown.selectedItem;
     *  let isMyItemFocused = mySelectedItem.focused;
     * ```
     */
    public override set focused(value: boolean) {
        this._focused = value;
    }
    /**
     * Sets/Gets if the item is the currently selected one in the dropdown
     *
     * ```typescript
     *  let mySelectedItem = this.dropdown.selectedItem;
     *  let isMyItemSelected = mySelectedItem.selected; // true
     * ```
     *
     * Two-way data binding
     * ```html
     * <igx-drop-down-item [(selected)]='model.isSelected'></igx-drop-down-item>
     * ```
     */
    public override get selected(): boolean {
        if (this.hasIndex) {
            const item = this.selection.first_item(`${this.dropDown.id}`);
            return item ? item.index === this._index && item.value === this.value : false;
        }
        return this._selected;
    }

    /**
     * Sets/Gets if the item is the currently selected one in the dropdown
     *
     */
    public override set selected(value: boolean) {
        if (this.isHeader) {
            return;
        }
        this._selected = value;
        this.selectedChange.emit(this._selected);
    }
    /**
     * @hidden @internal
     */
    @HostBinding('attr.tabindex')
    public get setTabIndex() {
        const shouldSetTabIndex = this.dropDown.allowItemsFocus && this.isSelectable;
        if (shouldSetTabIndex) {
            return 0;
        } else {
            return null;
        }
    }

    public override clicked(event): void {
        if (!this.isSelectable) {
            this.ensureItemFocus();
            return;
        }
        if (this.selection) {
            this.dropDown.selectItem(this, event);
        }
    }
}

1	import {
2	Component,
3	HostBinding
4	} from '@angular/core';
5	import { IgxDropDownItemBaseDirective } from './drop-down-item.base';
6
7	/**
8	* The `<igx-drop-down-item>` is a container intended for row items in
9	* a `<igx-drop-down>` container.
10	*/
11	@Component({
12	selector: 'igx-drop-down-item',
13	templateUrl: 'drop-down-item.component.html',
14	standalone: true
15	})
16	export class IgxDropDownItemComponent extends IgxDropDownItemBaseDirective {	2✔
17	/**
18	* Sets/gets if the given item is focused
19	* ```typescript
20	* let mySelectedItem = this.dropdown.selectedItem;
21	* let isMyItemFocused = mySelectedItem.focused;
22	* ```
23	*/
24	public override get focused(): boolean {
25	let focusedState = this._focused;	11,529✔
26	if (this.hasIndex) {	11,529✔
27	const focusedItem = this.selection.first_item(`${this.dropDown.id}-active`);	4,908✔
28	const focusedIndex = focusedItem ? focusedItem.index : -1;	4,908!
29	focusedState = this._index === focusedIndex;	4,908✔
30	}
31	return this.isSelectable && focusedState;	11,529✔
32	}
33
34	/**
35	* Sets/gets if the given item is focused
36	* ```typescript
37	* let mySelectedItem = this.dropdown.selectedItem;
38	* let isMyItemFocused = mySelectedItem.focused;
39	* ```
40	*/
41	public override set focused(value: boolean) {
42	this._focused = value;	113✔
43	}
44	/**
45	* Sets/Gets if the item is the currently selected one in the dropdown
46	*
47	* ```typescript
48	* let mySelectedItem = this.dropdown.selectedItem;
49	* let isMyItemSelected = mySelectedItem.selected; // true
50	* ```
51	*
52	* Two-way data binding
53	* ```html
54	* <igx-drop-down-item [(selected)]='model.isSelected'></igx-drop-down-item>
55	* ```
56	*/
57	public override get selected(): boolean {
58	if (this.hasIndex) {	2,664!
UNCOV 59	const item = this.selection.first_item(`${this.dropDown.id}`);	×
UNCOV 60	return item ? item.index === this._index && item.value === this.value : false;	×
61	}
62	return this._selected;	2,664✔
63	}
64
65	/**
66	* Sets/Gets if the item is the currently selected one in the dropdown
67	*
68	*/
69	public override set selected(value: boolean) {
UNCOV 70	if (this.isHeader) {	×
UNCOV 71	return;	×
72	}
UNCOV 73	this._selected = value;	×
UNCOV 74	this.selectedChange.emit(this._selected);	×
75	}
76	/**
77	* @hidden @internal
78	*/
79	@HostBinding('attr.tabindex')
80	public get setTabIndex() {
81	const shouldSetTabIndex = this.dropDown.allowItemsFocus && this.isSelectable;	11,529!
82	if (shouldSetTabIndex) {	11,529!
UNCOV 83	return 0;	×
84	} else {
85	return null;	11,529✔
86	}
87	}
88
89	public override clicked(event): void {
90	if (!this.isSelectable) {	37!
UNCOV 91	this.ensureItemFocus();	×
UNCOV 92	return;	×
93	}
94	if (this.selection) {	37✔
95	this.dropDown.selectItem(this, event);	37✔
96	}
97	}
98	}

IgniteUI / igniteui-angular / 13331632524

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