Skip to content

Commit 1da3ef9

Browse files
kdinevkdinev
committed
Merge branch 'master' of https://github.com/IgniteUI/igniteui-angular into standalone-components
2 parents 5b5ef76 + d6da331 commit 1da3ef9

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

45 files changed

+425
-195
lines changed

‎CHANGELOG.md

+2
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,8 @@ All notable changes for each version of this project will be documented in this
55
## 16.0.0
66

77
### New Features
8+
- `IgxExpansionPanel`:
9+
- `IgxExpansionPanelTitleDirective` and `IgxExpansionPanelDescriptionDirective` show tooltip of the provided text content.
810
- `IgxDateRangePicker`
911
- Added `showWeekNumbers` input that toggles whether or not the number of a week will be visible next to it
1012

‎projects/igniteui-angular-i18n/src/i18n/BG/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsBG_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: 'Качване на файл',
6-
igx_input_clear_button: 'Изтриване',
76
igx_input_file_placeholder: 'Няма избран файл'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/CS/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsCS_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: 'Nahrát soubor',
6-
igx_input_clear_button: 'Vymazat',
76
igx_input_file_placeholder: 'Není zvolený žádný soubor'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/DA/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsDA_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: 'Upload fil',
6-
igx_input_clear_button: 'Ryd',
76
igx_input_file_placeholder: 'Der er ikke valgt nogen fil'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/DE/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsDE_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: 'Datei hochladen',
6-
igx_input_clear_button: 'Löschen',
76
igx_input_file_placeholder: 'Keine Datei ausgewählt'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/ES/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsES_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: 'Cargar archivo',
6-
igx_input_clear_button: 'Borrar',
76
igx_input_file_placeholder: 'No hay ningún archivo seleccionado'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/FR/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsFR_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: 'Charger un fichier',
6-
igx_input_clear_button: 'Effacer',
76
igx_input_file_placeholder: 'Aucun fichier sélectionné'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/HU/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsHU_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: 'Fájl feltöltése',
6-
igx_input_clear_button: 'Törlés',
76
igx_input_file_placeholder: 'Nincs fájl kiválasztva'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/IT/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsIT_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: 'Carica file',
6-
igx_input_clear_button: 'Cancella',
76
igx_input_file_placeholder: 'Nessun file scelto'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/JA/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsJA_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: 'ファイルのアップロード',
6-
igx_input_clear_button: 'クリア',
76
igx_input_file_placeholder: 'ファイルが指定されていません'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/KO/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsKO_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: '파일 업로드',
6-
igx_input_clear_button: '지우기',
76
igx_input_file_placeholder: '파일이 선택되지 않음'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/NB/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsNB_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: 'Last opp fil',
6-
igx_input_clear_button: 'Fjern',
76
igx_input_file_placeholder: 'Det er ikke valgt noen fil'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/NL/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsNL_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: 'Bestand uploaden',
6-
igx_input_clear_button: 'Wissen',
76
igx_input_file_placeholder: 'Geen bestand gekozen'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/PL/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsPL_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: 'Przekaż plik',
6-
igx_input_clear_button: 'Wyczyść',
76
igx_input_file_placeholder: 'Nie wybrano pliku'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/PT/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsPT_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: 'Carregar ficheiro',
6-
igx_input_clear_button: 'Limpar',
76
igx_input_file_placeholder: 'Nenhum ficheiro selecionado'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/RO/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsRO_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: 'Încărcare fişier',
6-
igx_input_clear_button: 'Șterge',
76
igx_input_file_placeholder: 'Niciun fișier ales'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/SV/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsSV_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: 'Ladda upp fil',
6-
igx_input_clear_button: 'Radera',
76
igx_input_file_placeholder: 'Ingen fil har valts'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/TR/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsTR_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: 'Dosya yükle',
6-
igx_input_clear_button: 'Temizle',
76
igx_input_file_placeholder: 'Dosya seçilmedi'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/ZH-HANS/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsZHHANS_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: '上传文件',
6-
igx_input_clear_button: '清除',
76
igx_input_file_placeholder: '未选择文件'
87
};
98

‎projects/igniteui-angular-i18n/src/i18n/ZH-HANT/input-resources.ts

-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import { IInputResourceStrings } from 'igniteui-angular';
33
// exported below as re-cast to create declaration type with expanded properties
44
const InputResourceStringsZHHANT_: ExpandRequire<IInputResourceStrings> = {
55
igx_input_upload_button: '上傳檔案',
6-
igx_input_clear_button: '清除',
76
igx_input_file_placeholder: '未選擇檔案'
87
};
98

‎projects/igniteui-angular/src/lib/combo/combo.common.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -1300,7 +1300,7 @@ export abstract class IgxComboBaseDirective extends DisplayDensityBase implement
13001300
protected findMatch = (element: any): boolean => {
13011301
const value = this.displayKey ? element[this.displayKey] : element;
13021302
const searchValue = this.searchValue || this.comboInput?.value;
1303-
return value?.toString().toLowerCase() === searchValue.trim().toLowerCase();
1303+
return value?.toString().trim().toLowerCase() === searchValue.trim().toLowerCase();
13041304
};
13051305

13061306
protected manageRequiredAsterisk(): void {

‎projects/igniteui-angular/src/lib/combo/combo.component.spec.ts

+32
Original file line numberDiff line numberDiff line change
@@ -2096,6 +2096,38 @@ describe('igxCombo', () => {
20962096
expect(combo.selection).toEqual([]);
20972097
expect(combo.value).toBe('');
20982098
});
2099+
it('should select values that have spaces as prefixes/suffixes', fakeAsync(() => {
2100+
combo.displayKey = combo.valueKey = 'value';
2101+
combo.data = [
2102+
{ value: "Mississippi " }
2103+
];
2104+
const dropdown = combo.dropdown;
2105+
2106+
dropdown.toggle();
2107+
tick();
2108+
fixture.detectChanges();
2109+
const dropdownContent = fixture.debugElement.query(By.css(`.${CSS_CLASS_CONTENT}`));
2110+
2111+
UIInteractions.simulateTyping('Mississippi ', input);
2112+
// combo.searchValue = 'My New Custom Item';
2113+
// combo.handleInputChange();
2114+
fixture.detectChanges();
2115+
2116+
combo.handleKeyUp(UIInteractions.getKeyboardEvent('keyup', 'ArrowDown'));
2117+
fixture.detectChanges();
2118+
tick();
2119+
fixture.detectChanges();
2120+
UIInteractions.triggerEventHandlerKeyDown('Space', dropdownContent);
2121+
tick();
2122+
fixture.detectChanges();
2123+
combo.toggle();
2124+
tick();
2125+
fixture.detectChanges();
2126+
combo.onBlur();
2127+
tick();
2128+
fixture.detectChanges();
2129+
expect(combo.value).toBe('Mississippi ');
2130+
}));
20992131
it('should prevent selection when selectionChanging is cancelled', () => {
21002132
spyOn(combo.selectionChanging, 'emit').and.callFake((event: IComboSelectionChangingEventArgs) => event.cancel = true);
21012133
combo.toggle();

‎projects/igniteui-angular/src/lib/combo/combo.directives.ts

+115-9
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,20 @@
11
import { Directive } from '@angular/core';
22

33
/**
4-
* @hidden
4+
* Allows a custom element to be added at the beginning of the combo list.
5+
*
6+
* @igxModule IgxComboModule
7+
* @igxTheme igx-combo-theme
8+
* @igxKeywords combobox, combo selection
9+
* @igxGroup Grids & Lists
10+
*
11+
* @example
12+
* <igx-combo>
13+
* <ng-template igxComboHeader>
14+
* <div class="header-class">Custom header</div>
15+
* <img src=""/>
16+
* </ng-template>
17+
* </igx-combo>
518
*/
619
@Directive({
720
selector: '[igxComboHeader]',
@@ -10,7 +23,20 @@ import { Directive } from '@angular/core';
1023
export class IgxComboHeaderDirective { }
1124

1225
/**
13-
* @hidden
26+
* Allows a custom element to be added at the end of the combo list.
27+
*
28+
* @igxModule IgxComboModule
29+
* @igxTheme igx-combo-theme
30+
* @igxKeywords combobox, combo selection
31+
* @igxGroup Grids & Lists
32+
*
33+
* @example
34+
* <igx-combo>
35+
* <ng-template igxComboFooter>
36+
* <div class="footer-class">Custom footer</div>
37+
* <img src=""/>
38+
* </ng-template>
39+
* </igx-combo>
1440
*/
1541
@Directive({
1642
selector: '[igxComboFooter]',
@@ -19,7 +45,22 @@ export class IgxComboHeaderDirective { }
1945
export class IgxComboFooterDirective { }
2046

2147
/**
22-
* @hidden
48+
* Allows the combo's items to be modified with a custom template
49+
*
50+
* @igxModule IgxComboModule
51+
* @igxTheme igx-combo-theme
52+
* @igxKeywords combobox, combo selection
53+
* @igxGroup Grids & Lists
54+
*
55+
* @example
56+
* <igx-combo>
57+
* <ng-template igxComboItem let-display let-key="valueKey">
58+
* <div class="item">
59+
* <span class="state">State: {{ display[key] }}</span>
60+
* <span class="region">Region: {{ display.region }}</span>
61+
* </div>
62+
* </ng-template>
63+
* </igx-combo>
2364
*/
2465
@Directive({
2566
selector: '[igxComboItem]',
@@ -28,7 +69,21 @@ export class IgxComboFooterDirective { }
2869
export class IgxComboItemDirective { }
2970

3071
/**
31-
* @hidden
72+
* Defines the custom template that will be displayed when the combo's list is empty
73+
*
74+
* @igxModule IgxComboModule
75+
* @igxTheme igx-combo-theme
76+
* @igxKeywords combobox, combo selection
77+
* @igxGroup Grids & Lists
78+
*
79+
* @example
80+
* <igx-combo>
81+
* <ng-template igxComboEmpty>
82+
* <div class="combo--empty">
83+
* There are no items to display
84+
* </div>
85+
* </ng-template>
86+
* </igx-combo>
3287
*/
3388
@Directive({
3489
selector: '[igxComboEmpty]',
@@ -37,7 +92,19 @@ export class IgxComboItemDirective { }
3792
export class IgxComboEmptyDirective { }
3893

3994
/**
40-
* @hidden
95+
* Defines the custom template that will be used when rendering header items for groups in the combo's list
96+
*
97+
* @igxModule IgxComboModule
98+
* @igxTheme igx-combo-theme
99+
* @igxKeywords combobox, combo selection
100+
* @igxGroup Grids & Lists
101+
*
102+
* @example
103+
* <igx-combo>
104+
* <ng-template igxComboHeaderItem let-item let-key="groupKey">
105+
* <div class="custom-item--group">Group header for {{ item[key] }}</div>
106+
* </ng-template>
107+
* </igx-combo>
41108
*/
42109
@Directive({
43110
selector: '[igxComboHeaderItem]',
@@ -46,7 +113,23 @@ export class IgxComboEmptyDirective { }
46113
export class IgxComboHeaderItemDirective { }
47114

48115
/**
49-
* @hidden
116+
* Defines the custom template that will be used to display the `ADD` button
117+
*
118+
* @remarks To show the `ADD` button, the `allowCustomValues` option must be enabled
119+
*
120+
* @igxModule IgxComboModule
121+
* @igxTheme igx-combo-theme
122+
* @igxKeywords combobox, combo selection
123+
* @igxGroup Grids & Lists
124+
*
125+
* @example
126+
* <igx-combo #combo>
127+
* <ng-template igxComboAddItem>
128+
* <button class="combo__add-button">
129+
* Click to add item
130+
* </button>
131+
* </ng-template>
132+
* </igx-combo>
50133
*/
51134
@Directive({
52135
selector: '[igxComboAddItem]',
@@ -55,7 +138,19 @@ export class IgxComboHeaderItemDirective { }
55138
export class IgxComboAddItemDirective { }
56139

57140
/**
58-
* @hidden
141+
* The custom template that will be used when rendering the combo's toggle button
142+
*
143+
* @igxModule IgxComboModule
144+
* @igxTheme igx-combo-theme
145+
* @igxKeywords combobox, combo selection
146+
* @igxGroup Grids & Lists
147+
*
148+
* @example
149+
* <igx-combo #combo>
150+
* <ng-template igxComboToggleIcon let-collapsed>
151+
* <igx-icon>{{ collapsed ? 'remove_circle' : 'remove_circle_outline'}}</igx-icon>
152+
* </ng-template>
153+
* </igx-combo>
59154
*/
60155
@Directive({
61156
selector: '[igxComboToggleIcon]',
@@ -64,11 +159,22 @@ export class IgxComboAddItemDirective { }
64159
export class IgxComboToggleIconDirective { }
65160

66161
/**
67-
* @hidden
162+
* Defines the custom template that will be used when rendering the combo's clear icon
163+
*
164+
* @igxModule IgxComboModule
165+
* @igxTheme igx-combo-theme
166+
* @igxKeywords combobox, combo selection
167+
* @igxGroup Grids & Lists
168+
*
169+
* @example
170+
* <igx-combo #combo>
171+
* <ng-template igxComboClearIcon>
172+
* <igx-icon>clear</igx-icon>
173+
* </ng-template>
174+
* </igx-combo>
68175
*/
69176
@Directive({
70177
selector: '[igxComboClearIcon]',
71178
standalone: true
72179
})
73180
export class IgxComboClearIconDirective { }
74-

0 commit comments

Comments
 (0)