@progress/kendo-angular-dropdowns 16.3.0-develop.9 → 16.3.1-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/common/searchbar.component.d.ts +24 -16
- package/dropdowntrees/dropdowntree.component.d.ts +1 -1
- package/esm2020/autocomplete/autocomplete.component.mjs +7 -7
- package/esm2020/comboboxes/combobox.component.mjs +7 -7
- package/esm2020/comboboxes/multicolumncombobox.component.mjs +9 -15
- package/esm2020/common/navigation/navigation.service.mjs +8 -0
- package/esm2020/common/searchbar.component.mjs +107 -88
- package/esm2020/dropdownlist/dropdownlist.component.mjs +3 -1
- package/esm2020/dropdowntrees/dropdowntree.component.mjs +10 -6
- package/esm2020/dropdowntrees/multiselecttree.component.mjs +3 -1
- package/esm2020/multiselect/multiselect.component.mjs +9 -13
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-dropdowns.mjs +166 -139
- package/fesm2020/progress-kendo-angular-dropdowns.mjs +165 -139
- package/package.json +8 -8
- package/schematics/ngAdd/index.js +2 -2
|
@@ -721,7 +721,7 @@ export class DropDownTreeComponent {
|
|
|
721
721
|
/**
|
|
722
722
|
* @hidden
|
|
723
723
|
*/
|
|
724
|
-
handleKeydown(event) {
|
|
724
|
+
handleKeydown(event, input) {
|
|
725
725
|
if (this.disabled || this.readonly) {
|
|
726
726
|
return;
|
|
727
727
|
}
|
|
@@ -734,7 +734,9 @@ export class DropDownTreeComponent {
|
|
|
734
734
|
}
|
|
735
735
|
const eventData = event;
|
|
736
736
|
this.navigationService.process({
|
|
737
|
-
originalEvent: eventData
|
|
737
|
+
originalEvent: eventData,
|
|
738
|
+
openOnSpace: !this.isOpen,
|
|
739
|
+
closeOnSpace: this.isOpen && !input && !(event.target instanceof HTMLInputElement)
|
|
738
740
|
});
|
|
739
741
|
}
|
|
740
742
|
/**
|
|
@@ -1376,8 +1378,9 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
1376
1378
|
#filterInput
|
|
1377
1379
|
(input)="handleFilterInputChange($event.target)"
|
|
1378
1380
|
[filterInput]="filterable && !touchEnabled"
|
|
1379
|
-
(keydown.arrowdown)="handleKeydown($event)"
|
|
1380
|
-
(keydown.alt.arrowup)="handleKeydown($event)"
|
|
1381
|
+
(keydown.arrowdown)="handleKeydown($event, filterInput)"
|
|
1382
|
+
(keydown.alt.arrowup)="handleKeydown($event, filterInput)"
|
|
1383
|
+
(keydown.escape)="handleKeydown($event, filterInput)"
|
|
1381
1384
|
[attr.aria-label]="messageFor('filterInputLabel')"
|
|
1382
1385
|
[value]="filter"
|
|
1383
1386
|
class="k-input-inner"
|
|
@@ -1581,8 +1584,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1581
1584
|
#filterInput
|
|
1582
1585
|
(input)="handleFilterInputChange($event.target)"
|
|
1583
1586
|
[filterInput]="filterable && !touchEnabled"
|
|
1584
|
-
(keydown.arrowdown)="handleKeydown($event)"
|
|
1585
|
-
(keydown.alt.arrowup)="handleKeydown($event)"
|
|
1587
|
+
(keydown.arrowdown)="handleKeydown($event, filterInput)"
|
|
1588
|
+
(keydown.alt.arrowup)="handleKeydown($event, filterInput)"
|
|
1589
|
+
(keydown.escape)="handleKeydown($event, filterInput)"
|
|
1586
1590
|
[attr.aria-label]="messageFor('filterInputLabel')"
|
|
1587
1591
|
[value]="filter"
|
|
1588
1592
|
class="k-input-inner"
|
|
@@ -379,7 +379,9 @@ export class MultiSelectTreeComponent {
|
|
|
379
379
|
}
|
|
380
380
|
const eventData = event;
|
|
381
381
|
const action = this.navigationService.process({
|
|
382
|
-
originalEvent: eventData
|
|
382
|
+
originalEvent: eventData,
|
|
383
|
+
openOnSpace: !this.isOpen,
|
|
384
|
+
closeOnSpace: false
|
|
383
385
|
});
|
|
384
386
|
if (action === NavigationAction.Open) {
|
|
385
387
|
eventData.preventDefault();
|
|
@@ -1801,12 +1801,11 @@ MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
1801
1801
|
(removeTag)="handleRemoveTag($event)"
|
|
1802
1802
|
>
|
|
1803
1803
|
</kendo-taglist>
|
|
1804
|
-
<
|
|
1805
|
-
|
|
1806
|
-
[ariaExpanded]="isOpen"
|
|
1804
|
+
<input
|
|
1805
|
+
kendoSearchbar
|
|
1807
1806
|
[ariaControls]="ariaControls"
|
|
1807
|
+
[ariaExpanded]="isOpen"
|
|
1808
1808
|
[id]="focusableId"
|
|
1809
|
-
[role]="'combobox'"
|
|
1810
1809
|
[tagListId]="tagListId"
|
|
1811
1810
|
[isLoading]="loading"
|
|
1812
1811
|
[isFilterable]="filterable"
|
|
@@ -1823,8 +1822,7 @@ MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
1823
1822
|
(onBlur)="handleInputBlur()"
|
|
1824
1823
|
(onFocus)="handleInputFocus()"
|
|
1825
1824
|
(click)="handleClick()"
|
|
1826
|
-
|
|
1827
|
-
</kendo-searchbar>
|
|
1825
|
+
/>
|
|
1828
1826
|
</div>
|
|
1829
1827
|
|
|
1830
1828
|
<span
|
|
@@ -1949,7 +1947,7 @@ MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
1949
1947
|
}">
|
|
1950
1948
|
</ng-template>
|
|
1951
1949
|
</ng-template>
|
|
1952
|
-
`, isInline: true, dependencies: [{ kind: "component", type: i7.ListComponent, selector: "kendo-list", inputs: ["selected", "focused", "textField", "valueField", "height", "template", "groupTemplate", "fixedGroupTemplate", "show", "id", "optionPrefix", "multipleSelection", "virtual", "type", "checkboxes", "ariaLive", "isMultiselect", "isActionSheetExpanded", "showStickyHeader", "data", "size", "rounded"], outputs: ["onClick", "pageChange", "listResize", "popupListScroll"] }, { kind: "directive", type: i8.SelectableDirective, selector: "[kendoDropDownsSelectable]", inputs: ["index", "checkboxes", "height", "isMultiselect", "multipleSelection"] }, { kind: "component", type: i9.SearchBarComponent, selector: "
|
|
1950
|
+
`, isInline: true, dependencies: [{ kind: "component", type: i7.ListComponent, selector: "kendo-list", inputs: ["selected", "focused", "textField", "valueField", "height", "template", "groupTemplate", "fixedGroupTemplate", "show", "id", "optionPrefix", "multipleSelection", "virtual", "type", "checkboxes", "ariaLive", "isMultiselect", "isActionSheetExpanded", "showStickyHeader", "data", "size", "rounded"], outputs: ["onClick", "pageChange", "listResize", "popupListScroll"] }, { kind: "directive", type: i8.SelectableDirective, selector: "[kendoDropDownsSelectable]", inputs: ["index", "checkboxes", "height", "isMultiselect", "multipleSelection"] }, { kind: "component", type: i9.SearchBarComponent, selector: "input[kendoSearchbar]", inputs: ["tagListId", "readonly", "disabled", "isRequired", "isSuggestable", "isFilterable", "userInput", "suggestedText", "inputAttributes", "id", "activeDescendant", "tabIndex", "isLoading", "ariaControls", "ariaExpanded", "placeholder"], outputs: ["valueChange", "onBlur", "onFocus", "onClick", "onNavigate"] }, { kind: "directive", type: i10.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: i11.TagListComponent, selector: "kendo-taglist", inputs: ["tags", "textField", "valueField", "valueDepth", "focused", "template", "groupTemplate", "disabled", "tagPrefix", "id", "size", "rounded", "fillMode", "disabledIndices"], outputs: ["removeTag"] }, { kind: "component", type: i12.ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { kind: "directive", type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i13.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i14.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: i15.LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { kind: "component", type: i16.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i14.SeparatorComponent, selector: "kendo-separator", inputs: ["orientation"] }, { kind: "directive", type: i17.SharedDropDownEventsDirective, selector: "[kendoDropDownSharedEvents]", inputs: ["hostElement", "clearButtonClicked", "isFocused"], outputs: ["isFocusedChange", "onFocus", "handleBlur"] }] });
|
|
1953
1951
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultiSelectComponent, decorators: [{
|
|
1954
1952
|
type: Component,
|
|
1955
1953
|
args: [{
|
|
@@ -2022,12 +2020,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2022
2020
|
(removeTag)="handleRemoveTag($event)"
|
|
2023
2021
|
>
|
|
2024
2022
|
</kendo-taglist>
|
|
2025
|
-
<
|
|
2026
|
-
|
|
2027
|
-
[ariaExpanded]="isOpen"
|
|
2023
|
+
<input
|
|
2024
|
+
kendoSearchbar
|
|
2028
2025
|
[ariaControls]="ariaControls"
|
|
2026
|
+
[ariaExpanded]="isOpen"
|
|
2029
2027
|
[id]="focusableId"
|
|
2030
|
-
[role]="'combobox'"
|
|
2031
2028
|
[tagListId]="tagListId"
|
|
2032
2029
|
[isLoading]="loading"
|
|
2033
2030
|
[isFilterable]="filterable"
|
|
@@ -2044,8 +2041,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2044
2041
|
(onBlur)="handleInputBlur()"
|
|
2045
2042
|
(onFocus)="handleInputFocus()"
|
|
2046
2043
|
(click)="handleClick()"
|
|
2047
|
-
|
|
2048
|
-
</kendo-searchbar>
|
|
2044
|
+
/>
|
|
2049
2045
|
</div>
|
|
2050
2046
|
|
|
2051
2047
|
<span
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-dropdowns',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '16.3.
|
|
12
|
+
publishDate: 1719306642,
|
|
13
|
+
version: '16.3.1-develop.1',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|