@progress/kendo-angular-dropdowns 7.2.5-dev.202212021231 → 11.0.0-develop.100
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/LICENSE.md +1 -1
- package/NOTICE.txt +4 -4
- package/README.md +8 -8
- package/autocomplete/autocomplete.component.d.ts +6 -1
- package/autocomplete/autocomplete.module.d.ts +1 -1
- package/comboboxes/combobox-column/column-cell-template.directive.d.ts +1 -1
- package/comboboxes/combobox-column/column-header-template.directive.d.ts +1 -1
- package/comboboxes/combobox-column/combobox-column.component.d.ts +1 -1
- package/comboboxes/combobox-column/util.d.ts +1 -1
- package/comboboxes/combobox.component.d.ts +10 -1
- package/comboboxes/combobox.module.d.ts +1 -1
- package/comboboxes/multicolumncombobox.component.d.ts +1 -1
- package/common/constants/error-messages.d.ts +1 -1
- package/common/constants/touch-enabled.d.ts +1 -1
- package/common/data.service.d.ts +1 -1
- package/common/disabled-items/disabled-items.service.d.ts +1 -1
- package/common/disabled-items/item-disabled.d.ts +1 -1
- package/common/filter-input.directive.d.ts +1 -1
- package/common/filtering/filter-settings.d.ts +1 -1
- package/common/filtering/filter.directive.d.ts +1 -1
- package/common/filtering/filterable-component.d.ts +1 -1
- package/common/list-item.directive.d.ts +1 -1
- package/common/list.component.d.ts +1 -1
- package/common/localization/custom-messages.component.d.ts +1 -1
- package/common/localization/localized-messages.directive.d.ts +1 -1
- package/common/localization/messages.d.ts +1 -1
- package/common/models/checkboxes-settings.d.ts +1 -1
- package/common/models/direction.d.ts +1 -1
- package/common/models/fillmode.d.ts +1 -1
- package/common/models/list-type.d.ts +1 -1
- package/common/models/page-change-event.d.ts +1 -1
- package/common/models/popup-settings.d.ts +1 -1
- package/common/models/preventable-event.d.ts +1 -1
- package/common/models/remove-tag-event.d.ts +1 -1
- package/common/models/rounded.d.ts +1 -1
- package/common/models/size.d.ts +1 -1
- package/common/models/virtualization-settings.d.ts +1 -1
- package/common/navigation/navigation-action.d.ts +1 -1
- package/common/navigation/navigation.service.d.ts +1 -1
- package/common/searchbar.component.d.ts +1 -1
- package/common/selection/selectable.directive.d.ts +1 -1
- package/common/selection/selection.service.d.ts +1 -1
- package/common/shared-directives.module.d.ts +1 -1
- package/common/shared.module.d.ts +3 -2
- package/common/taglist.component.d.ts +6 -1
- package/common/templates/custom-item-template.directive.d.ts +1 -1
- package/common/templates/fixed-group-template.directive.d.ts +1 -1
- package/common/templates/footer-template.directive.d.ts +1 -1
- package/common/templates/group-tag-template.directive.d.ts +1 -1
- package/common/templates/group-template.directive.d.ts +1 -1
- package/common/templates/header-template.directive.d.ts +1 -1
- package/common/templates/item-template.directive.d.ts +1 -1
- package/common/templates/no-data-template.directive.d.ts +1 -1
- package/common/templates/tag-template.directive.d.ts +1 -1
- package/common/templates/template-context.directive.d.ts +1 -1
- package/common/templates/value-template.directive.d.ts +1 -1
- package/common/util.d.ts +16 -1
- package/dropdownlist/dropdownlist.component.d.ts +10 -1
- package/dropdownlist/dropdownlist.module.d.ts +1 -1
- package/dropdowns.module.d.ts +1 -1
- package/dropdowntrees/checked-state/base-check.directive.d.ts +1 -1
- package/dropdowntrees/checked-state/check-all.directive.d.ts +1 -1
- package/dropdowntrees/checked-state/check.directive.d.ts +1 -1
- package/dropdowntrees/checked-state/checkable-settings.d.ts +1 -1
- package/dropdowntrees/checked-state/checked-item.d.ts +1 -1
- package/dropdowntrees/data-binding/dropdowntree/flat-binding.directive.d.ts +1 -1
- package/dropdowntrees/data-binding/dropdowntree/hierarchy-binding.directive.d.ts +1 -1
- package/dropdowntrees/data-binding/multiselecttree/flat-binding.directive.d.ts +1 -1
- package/dropdowntrees/data-binding/multiselecttree/hierarchy-binding.directive.d.ts +1 -1
- package/dropdowntrees/dropdowntree.component.d.ts +25 -9
- package/dropdowntrees/dropdowntrees.module.d.ts +1 -1
- package/dropdowntrees/expanded-state/expand.directive.d.ts +1 -1
- package/dropdowntrees/lookup/lookup.d.ts +1 -1
- package/dropdowntrees/lookup/lookup.service.d.ts +1 -1
- package/dropdowntrees/multiselecttree.component.d.ts +21 -3
- package/dropdowntrees/summary-tag/summary-tag.directive.d.ts +1 -1
- package/dropdowntrees/templates/node-template.directive.d.ts +1 -1
- package/{esm2015/autocomplete/autocomplete.component.js → esm2020/autocomplete/autocomplete.component.mjs} +31 -15
- package/{esm2015/autocomplete/autocomplete.module.js → esm2020/autocomplete/autocomplete.module.mjs} +5 -5
- package/{esm2015/comboboxes/combobox-column/column-cell-template.directive.js → esm2020/comboboxes/combobox-column/column-cell-template.directive.mjs} +5 -5
- package/{esm2015/comboboxes/combobox-column/column-header-template.directive.js → esm2020/comboboxes/combobox-column/column-header-template.directive.mjs} +5 -5
- package/{esm2015/comboboxes/combobox-column/combobox-column.component.js → esm2020/comboboxes/combobox-column/combobox-column.component.mjs} +4 -4
- package/{esm2015/comboboxes/combobox-column/util.js → esm2020/comboboxes/combobox-column/util.mjs} +1 -1
- package/{esm2015/comboboxes/combobox.component.js → esm2020/comboboxes/combobox.component.mjs} +50 -18
- package/{esm2015/comboboxes/combobox.module.js → esm2020/comboboxes/combobox.module.mjs} +5 -5
- package/{esm2015/comboboxes/multicolumncombobox.component.js → esm2020/comboboxes/multicolumncombobox.component.mjs} +37 -15
- package/{esm2015/common/constants/error-messages.js → esm2020/common/constants/error-messages.mjs} +1 -1
- package/{esm2015/common/constants/touch-enabled.js → esm2020/common/constants/touch-enabled.mjs} +1 -1
- package/{esm2015/common/data.service.js → esm2020/common/data.service.mjs} +5 -5
- package/{esm2015/common/disabled-items/disabled-items.service.js → esm2020/common/disabled-items/disabled-items.service.mjs} +5 -4
- package/{esm2015/common/models/fillmode.js → esm2020/common/disabled-items/item-disabled.mjs} +1 -1
- package/{esm2015/common/filter-input.directive.js → esm2020/common/filter-input.directive.mjs} +5 -5
- package/{esm2015/common/disabled-items/item-disabled.js → esm2020/common/filtering/filter-settings.mjs} +1 -1
- package/{esm2015/common/filtering/filter.directive.js → esm2020/common/filtering/filter.directive.mjs} +5 -4
- package/{esm2015/common/filtering/filterable-component.js → esm2020/common/filtering/filterable-component.mjs} +1 -1
- package/{esm2015/common/list-item.directive.js → esm2020/common/list-item.directive.mjs} +5 -5
- package/{esm2015/common/list.component.js → esm2020/common/list.component.mjs} +21 -10
- package/{esm2015/common/localization/custom-messages.component.js → esm2020/common/localization/custom-messages.component.mjs} +5 -4
- package/{esm2015/common/localization/localized-messages.directive.js → esm2020/common/localization/localized-messages.directive.mjs} +5 -4
- package/{esm2015/common/localization/messages.js → esm2020/common/localization/messages.mjs} +4 -4
- package/{esm2015/common/models/checkboxes-settings.js → esm2020/common/models/checkboxes-settings.mjs} +1 -1
- package/{esm2015/common/filtering/filter-settings.js → esm2020/common/models/direction.mjs} +1 -1
- package/{esm2015/common/models/direction.js → esm2020/common/models/fillmode.mjs} +1 -1
- package/esm2020/common/models/list-type.mjs +5 -0
- package/esm2020/common/models/page-change-event.mjs +5 -0
- package/esm2020/common/models/popup-settings.mjs +5 -0
- package/{esm2015/common/models/preventable-event.js → esm2020/common/models/preventable-event.mjs} +1 -1
- package/{esm2015/common/models/remove-tag-event.js → esm2020/common/models/remove-tag-event.mjs} +1 -1
- package/esm2020/common/models/rounded.mjs +5 -0
- package/esm2020/common/models/size.mjs +5 -0
- package/{esm2015/common/models/virtualization-settings.js → esm2020/common/models/virtualization-settings.mjs} +2 -2
- package/{esm2015/common/navigation/navigation-action.js → esm2020/common/navigation/navigation-action.mjs} +1 -1
- package/{esm2015/common/navigation/navigation.service.js → esm2020/common/navigation/navigation.service.mjs} +6 -4
- package/{esm2015/common/searchbar.component.js → esm2020/common/searchbar.component.mjs} +10 -6
- package/{esm2015/common/selection/selectable.directive.js → esm2020/common/selection/selectable.directive.mjs} +5 -4
- package/{esm2015/common/selection/selection.service.js → esm2020/common/selection/selection.service.mjs} +8 -7
- package/{esm2015/common/shared-directives.module.js → esm2020/common/shared-directives.module.mjs} +5 -5
- package/{esm2015/common/shared.module.js → esm2020/common/shared.module.mjs} +10 -9
- package/{esm2015/common/taglist.component.js → esm2020/common/taglist.component.mjs} +28 -14
- package/{esm2015/common/templates/custom-item-template.directive.js → esm2020/common/templates/custom-item-template.directive.mjs} +5 -5
- package/{esm2015/common/templates/fixed-group-template.directive.js → esm2020/common/templates/fixed-group-template.directive.mjs} +5 -5
- package/{esm2015/common/templates/footer-template.directive.js → esm2020/common/templates/footer-template.directive.mjs} +5 -5
- package/{esm2015/common/templates/group-tag-template.directive.js → esm2020/common/templates/group-tag-template.directive.mjs} +5 -5
- package/{esm2015/common/templates/group-template.directive.js → esm2020/common/templates/group-template.directive.mjs} +5 -5
- package/{esm2015/common/templates/header-template.directive.js → esm2020/common/templates/header-template.directive.mjs} +5 -5
- package/{esm2015/common/templates/item-template.directive.js → esm2020/common/templates/item-template.directive.mjs} +5 -5
- package/{esm2015/common/templates/no-data-template.directive.js → esm2020/common/templates/no-data-template.directive.mjs} +5 -5
- package/{esm2015/common/templates/tag-template.directive.js → esm2020/common/templates/tag-template.directive.mjs} +5 -5
- package/{esm2015/common/templates/template-context.directive.js → esm2020/common/templates/template-context.directive.mjs} +5 -5
- package/{esm2015/common/templates/value-template.directive.js → esm2020/common/templates/value-template.directive.mjs} +5 -5
- package/{esm2015/common/util.js → esm2020/common/util.mjs} +27 -1
- package/{esm2015/dropdownlist/dropdownlist.component.js → esm2020/dropdownlist/dropdownlist.component.mjs} +60 -33
- package/{esm2015/dropdownlist/dropdownlist.module.js → esm2020/dropdownlist/dropdownlist.module.mjs} +5 -5
- package/{esm2015/dropdowns.module.js → esm2020/dropdowns.module.mjs} +5 -5
- package/{esm2015/dropdowntrees/checked-state/base-check.directive.js → esm2020/dropdowntrees/checked-state/base-check.directive.mjs} +6 -6
- package/{esm2015/dropdowntrees/checked-state/check-all.directive.js → esm2020/dropdowntrees/checked-state/check-all.directive.mjs} +7 -6
- package/{esm2015/dropdowntrees/checked-state/check.directive.js → esm2020/dropdowntrees/checked-state/check.directive.mjs} +7 -6
- package/esm2020/dropdowntrees/checked-state/checkable-settings.mjs +5 -0
- package/esm2020/dropdowntrees/checked-state/checked-item.mjs +5 -0
- package/{esm2015/dropdowntrees/data-binding/dropdowntree/flat-binding.directive.js → esm2020/dropdowntrees/data-binding/dropdowntree/flat-binding.directive.mjs} +7 -7
- package/{esm2015/dropdowntrees/data-binding/dropdowntree/hierarchy-binding.directive.js → esm2020/dropdowntrees/data-binding/dropdowntree/hierarchy-binding.directive.mjs} +7 -7
- package/{esm2015/dropdowntrees/data-binding/multiselecttree/flat-binding.directive.js → esm2020/dropdowntrees/data-binding/multiselecttree/flat-binding.directive.mjs} +7 -7
- package/{esm2015/dropdowntrees/data-binding/multiselecttree/hierarchy-binding.directive.js → esm2020/dropdowntrees/data-binding/multiselecttree/hierarchy-binding.directive.mjs} +7 -7
- package/{esm2015/dropdowntrees/dropdowntree.component.js → esm2020/dropdowntrees/dropdowntree.component.mjs} +121 -75
- package/{esm2015/dropdowntrees/dropdowntrees.module.js → esm2020/dropdowntrees/dropdowntrees.module.mjs} +5 -5
- package/{esm2015/dropdowntrees/expanded-state/expand.directive.js → esm2020/dropdowntrees/expanded-state/expand.directive.mjs} +5 -5
- package/{esm2015/dropdowntrees/lookup/lookup.js → esm2020/dropdowntrees/lookup/lookup.mjs} +1 -1
- package/{esm2015/dropdowntrees/lookup/lookup.service.js → esm2020/dropdowntrees/lookup/lookup.service.mjs} +4 -4
- package/{esm2015/dropdowntrees/multiselecttree.component.js → esm2020/dropdowntrees/multiselecttree.component.mjs} +109 -39
- package/{esm2015/dropdowntrees/summary-tag/summary-tag.directive.js → esm2020/dropdowntrees/summary-tag/summary-tag.directive.mjs} +5 -4
- package/{esm2015/dropdowntrees/templates/node-template.directive.js → esm2020/dropdowntrees/templates/node-template.directive.mjs} +5 -5
- package/{esm2015/main.js → esm2020/index.mjs} +1 -1
- package/{esm2015/multiselect/multiselect.component.js → esm2020/multiselect/multiselect.component.mjs} +82 -45
- package/{esm2015/multiselect/multiselect.module.js → esm2020/multiselect/multiselect.module.mjs} +5 -5
- package/{esm2015/multiselect/summary-tag.directive.js → esm2020/multiselect/summary-tag.directive.mjs} +6 -6
- package/{esm2015/package-metadata.js → esm2020/package-metadata.mjs} +3 -3
- package/{esm2015/kendo-angular-dropdowns.js → esm2020/progress-kendo-angular-dropdowns.mjs} +2 -2
- package/fesm2015/progress-kendo-angular-dropdowns.mjs +14976 -0
- package/{fesm2015/kendo-angular-dropdowns.js → fesm2020/progress-kendo-angular-dropdowns.mjs} +670 -398
- package/{main.d.ts → index.d.ts} +2 -1
- package/multiselect/multiselect.component.d.ts +18 -3
- package/multiselect/multiselect.module.d.ts +1 -1
- package/multiselect/summary-tag.directive.d.ts +1 -1
- package/package-metadata.d.ts +1 -1
- package/package.json +33 -58
- package/{kendo-angular-dropdowns.d.ts → progress-kendo-angular-dropdowns.d.ts} +2 -2
- package/schematics/ngAdd/index.js +4 -6
- package/bundles/kendo-angular-dropdowns.umd.js +0 -5
- package/esm2015/common/models/list-type.js +0 -5
- package/esm2015/common/models/page-change-event.js +0 -5
- package/esm2015/common/models/popup-settings.js +0 -5
- package/esm2015/common/models/rounded.js +0 -5
- package/esm2015/common/models/size.js +0 -5
- package/esm2015/dropdowntrees/checked-state/checkable-settings.js +0 -5
- package/esm2015/dropdowntrees/checked-state/checked-item.js +0 -5
- package/schematics/ngAdd/index.js.map +0 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { guid, isPresent, isArray, isObjectArray, resolveAllValues, selectedIndices, getter, isNumber, isUntouched, inDropDown, getSizeClass, getRoundedClass, getFillModeClass } from '../common/util';
|
|
6
6
|
import { SearchBarComponent } from '../common/searchbar.component';
|
|
7
|
-
import { ViewChild, ViewContainerRef, Component, HostBinding, Input, Output, EventEmitter, isDevMode, forwardRef, ContentChild, Optional, Inject } from '@angular/core';
|
|
7
|
+
import { ViewChild, Renderer2, ViewContainerRef, Component, HostBinding, Input, ElementRef, TemplateRef, Output, EventEmitter, isDevMode, forwardRef, ContentChild, ChangeDetectorRef, KeyValueDiffers, NgZone, Optional, Inject, HostListener } from '@angular/core';
|
|
8
8
|
import { Subscription, Subject, of, merge } from 'rxjs';
|
|
9
9
|
import { catchError, filter, map, tap } from 'rxjs/operators';
|
|
10
10
|
import { isChanged, isDocumentAvailable, KendoInput, hasObservers, anyChanged } from '@progress/kendo-angular-common';
|
|
@@ -29,11 +29,14 @@ import { MultiselectMessages } from '../common/constants/error-messages';
|
|
|
29
29
|
import { PreventableEvent } from '../common/models/preventable-event';
|
|
30
30
|
import { RemoveTagEvent } from '../common/models/remove-tag-event';
|
|
31
31
|
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
32
|
+
import { PopupService } from '@progress/kendo-angular-popup';
|
|
32
33
|
import { FilterableComponent } from '../common/filtering/filterable-component';
|
|
33
34
|
import { TOUCH_ENABLED } from '../common/constants/touch-enabled';
|
|
34
35
|
import { DataService } from '../common/data.service';
|
|
36
|
+
import { ListComponent } from '../common/list.component';
|
|
35
37
|
import { normalizeCheckboxesSettings } from '../common/models/checkboxes-settings';
|
|
36
38
|
import { normalizeVirtualizationSettings } from '../common/models/virtualization-settings';
|
|
39
|
+
import { plusIcon, xIcon } from '@progress/kendo-svg-icons';
|
|
37
40
|
import * as i0 from "@angular/core";
|
|
38
41
|
import * as i1 from "@progress/kendo-angular-l10n";
|
|
39
42
|
import * as i2 from "@progress/kendo-angular-popup";
|
|
@@ -43,12 +46,13 @@ import * as i5 from "../common/navigation/navigation.service";
|
|
|
43
46
|
import * as i6 from "../common/disabled-items/disabled-items.service";
|
|
44
47
|
import * as i7 from "../common/taglist.component";
|
|
45
48
|
import * as i8 from "../common/searchbar.component";
|
|
46
|
-
import * as i9 from "
|
|
47
|
-
import * as i10 from "
|
|
48
|
-
import * as i11 from "
|
|
49
|
-
import * as i12 from "
|
|
50
|
-
import * as i13 from "
|
|
51
|
-
import * as i14 from "../common/
|
|
49
|
+
import * as i9 from "@progress/kendo-angular-icons";
|
|
50
|
+
import * as i10 from "../common/list.component";
|
|
51
|
+
import * as i11 from "@progress/kendo-angular-common";
|
|
52
|
+
import * as i12 from "../common/localization/localized-messages.directive";
|
|
53
|
+
import * as i13 from "@angular/common";
|
|
54
|
+
import * as i14 from "../common/templates/template-context.directive";
|
|
55
|
+
import * as i15 from "../common/selection/selectable.directive";
|
|
52
56
|
const MULTISELECT_VALUE_ACCESSOR = {
|
|
53
57
|
multi: true,
|
|
54
58
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -88,6 +92,14 @@ export class MultiSelectComponent {
|
|
|
88
92
|
this.renderer = renderer;
|
|
89
93
|
this._zone = _zone;
|
|
90
94
|
this.touchEnabled = touchEnabled;
|
|
95
|
+
/**
|
|
96
|
+
* @hidden
|
|
97
|
+
*/
|
|
98
|
+
this.xIcon = xIcon;
|
|
99
|
+
/**
|
|
100
|
+
* @hidden
|
|
101
|
+
*/
|
|
102
|
+
this.plusIcon = plusIcon;
|
|
91
103
|
this.listBoxId = guid();
|
|
92
104
|
this.tagListId = guid();
|
|
93
105
|
this.tagPrefix = "tag-" + guid();
|
|
@@ -560,6 +572,31 @@ export class MultiSelectComponent {
|
|
|
560
572
|
get isLoading() {
|
|
561
573
|
return this.loading;
|
|
562
574
|
}
|
|
575
|
+
/**
|
|
576
|
+
* @hidden
|
|
577
|
+
*/
|
|
578
|
+
handleKeyboardEvent(event) {
|
|
579
|
+
if (this.isFocused && this.isOpen && (event.ctrlKey || event.metaKey) && event.keyCode === Keys.KeyA) {
|
|
580
|
+
event.preventDefault();
|
|
581
|
+
this.handleSelectAll();
|
|
582
|
+
}
|
|
583
|
+
}
|
|
584
|
+
/**
|
|
585
|
+
* @hidden
|
|
586
|
+
*/
|
|
587
|
+
hostMousedown(event) {
|
|
588
|
+
const inputElement = this.searchbar.input.nativeElement;
|
|
589
|
+
if (event.button === 0) {
|
|
590
|
+
if (this.isFocused && this.isOpen && event.target === inputElement) {
|
|
591
|
+
return;
|
|
592
|
+
}
|
|
593
|
+
if (!this.touchEnabled || (this.touchEnabled && event.target.tagName !== 'SPAN')) {
|
|
594
|
+
this.searchbar.focus();
|
|
595
|
+
}
|
|
596
|
+
this.togglePopup(!this.isOpen);
|
|
597
|
+
event.preventDefault();
|
|
598
|
+
}
|
|
599
|
+
}
|
|
563
600
|
get listContainerClasses() {
|
|
564
601
|
const containerClasses = ['k-list-container', 'k-reset'];
|
|
565
602
|
if (this.popupSettings.popupClass) {
|
|
@@ -806,8 +843,8 @@ export class MultiSelectComponent {
|
|
|
806
843
|
* @hidden
|
|
807
844
|
*/
|
|
808
845
|
clearAll(event) {
|
|
809
|
-
event
|
|
810
|
-
event
|
|
846
|
+
event?.stopImmediatePropagation();
|
|
847
|
+
event?.preventDefault();
|
|
811
848
|
this.focus();
|
|
812
849
|
this.clearFilter();
|
|
813
850
|
this.selectionService.lastClickedIndex = null;
|
|
@@ -858,8 +895,6 @@ export class MultiSelectComponent {
|
|
|
858
895
|
}
|
|
859
896
|
ngAfterViewInit() {
|
|
860
897
|
this.searchbar.setInputSize();
|
|
861
|
-
this.observableSubscriptions.add(this.renderer.listen(this.wrapper.nativeElement, 'mousedown', this.handleMousedown.bind(this)));
|
|
862
|
-
this.observableSubscriptions.add(this.renderer.listen(this.wrapper.nativeElement, 'keydown', this.handleKeydown.bind(this)));
|
|
863
898
|
}
|
|
864
899
|
ngOnDestroy() {
|
|
865
900
|
this._toggle(false);
|
|
@@ -1124,30 +1159,6 @@ export class MultiSelectComponent {
|
|
|
1124
1159
|
this.clearFilter();
|
|
1125
1160
|
}
|
|
1126
1161
|
}
|
|
1127
|
-
handleMousedown(event) {
|
|
1128
|
-
const inputElement = this.searchbar.input.nativeElement;
|
|
1129
|
-
if (event.button === 0) {
|
|
1130
|
-
if (this.isFocused && this.isOpen && event.target === inputElement) {
|
|
1131
|
-
return;
|
|
1132
|
-
}
|
|
1133
|
-
if (!this.touchEnabled || (this.touchEnabled && event.target.tagName !== 'SPAN')) {
|
|
1134
|
-
this.searchbar.focus();
|
|
1135
|
-
}
|
|
1136
|
-
// The check is needed otherwise when appended to the component, the popup reopens on click
|
|
1137
|
-
// https://github.com/telerik/kendo-angular/issues/3738
|
|
1138
|
-
if ((this.popupRef && this.popupRef.popupElement.contains(event.target))) {
|
|
1139
|
-
return;
|
|
1140
|
-
}
|
|
1141
|
-
event.preventDefault();
|
|
1142
|
-
this.togglePopup(!this.isOpen);
|
|
1143
|
-
}
|
|
1144
|
-
}
|
|
1145
|
-
handleKeydown(event) {
|
|
1146
|
-
if (this.isFocused && this.isOpen && (event.ctrlKey || event.metaKey) && event.keyCode === Keys.KeyA) {
|
|
1147
|
-
event.preventDefault();
|
|
1148
|
-
this.handleSelectAll();
|
|
1149
|
-
}
|
|
1150
|
-
}
|
|
1151
1162
|
handleEnter(event) {
|
|
1152
1163
|
const service = this.selectionService;
|
|
1153
1164
|
const focusedIndex = this.selectionService.focused;
|
|
@@ -1310,7 +1321,7 @@ export class MultiSelectComponent {
|
|
|
1310
1321
|
findIndex(text, startsFrom = 0) {
|
|
1311
1322
|
let itemText;
|
|
1312
1323
|
text = text.toLowerCase();
|
|
1313
|
-
|
|
1324
|
+
const index = this.dataService.findIndex(item => {
|
|
1314
1325
|
if (this.dataService.grouped) {
|
|
1315
1326
|
itemText = getter(item.value, this.textField);
|
|
1316
1327
|
}
|
|
@@ -1461,8 +1472,8 @@ export class MultiSelectComponent {
|
|
|
1461
1472
|
}
|
|
1462
1473
|
}
|
|
1463
1474
|
}
|
|
1464
|
-
MultiSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1465
|
-
MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
1475
|
+
MultiSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MultiSelectComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2.PopupService }, { token: i3.DataService }, { token: i4.SelectionService }, { token: i5.NavigationService }, { token: i6.DisabledItemsService }, { token: i0.ChangeDetectorRef }, { token: i0.KeyValueDiffers }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1476
|
+
MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MultiSelectComponent, selector: "kendo-multiselect", inputs: { focusableId: "focusableId", autoClose: "autoClose", loading: "loading", data: "data", value: "value", valueField: "valueField", textField: "textField", tabindex: "tabindex", tabIndex: "tabIndex", size: "size", rounded: "rounded", fillMode: "fillMode", placeholder: "placeholder", disabled: "disabled", itemDisabled: "itemDisabled", checkboxes: "checkboxes", readonly: "readonly", filterable: "filterable", virtual: "virtual", popupSettings: "popupSettings", listHeight: "listHeight", valuePrimitive: "valuePrimitive", clearButton: "clearButton", tagMapper: "tagMapper", allowCustom: "allowCustom", valueNormalizer: "valueNormalizer" }, outputs: { filterChange: "filterChange", valueChange: "valueChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur", removeTag: "removeTag" }, host: { listeners: { "keydown": "handleKeyboardEvent($event)", "mousedown": "hostMousedown($event)" }, properties: { "class.k-multiselect": "this.hostClasses", "class.k-input": "this.hostClasses", "attr.dir": "this.dir", "class.k-disabled": "this.disabledClass", "class.k-loading": "this.isLoading" } }, providers: [
|
|
1466
1477
|
MULTISELECT_VALUE_ACCESSOR,
|
|
1467
1478
|
DataService,
|
|
1468
1479
|
SelectionService,
|
|
@@ -1536,7 +1547,12 @@ MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
1536
1547
|
tabindex="-1"
|
|
1537
1548
|
(mousedown)="clearAll($event)"
|
|
1538
1549
|
>
|
|
1539
|
-
<
|
|
1550
|
+
<kendo-icon-wrapper
|
|
1551
|
+
class="k-icon"
|
|
1552
|
+
name="x"
|
|
1553
|
+
[svgIcon]="xIcon"
|
|
1554
|
+
>
|
|
1555
|
+
</kendo-icon-wrapper>
|
|
1540
1556
|
</span>
|
|
1541
1557
|
<span
|
|
1542
1558
|
*ngIf="loading"
|
|
@@ -1564,7 +1580,12 @@ MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
1564
1580
|
}">
|
|
1565
1581
|
</ng-template>
|
|
1566
1582
|
<ng-template #default_custom_item_template>{{ text }}</ng-template>
|
|
1567
|
-
<
|
|
1583
|
+
<kendo-icon-wrapper
|
|
1584
|
+
class="k-icon"
|
|
1585
|
+
name="plus"
|
|
1586
|
+
[svgIcon]="plusIcon"
|
|
1587
|
+
>
|
|
1588
|
+
</kendo-icon-wrapper>
|
|
1568
1589
|
</div>
|
|
1569
1590
|
</div>
|
|
1570
1591
|
<!--list-->
|
|
@@ -1611,8 +1632,8 @@ MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
1611
1632
|
<kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
|
|
1612
1633
|
</ng-template>
|
|
1613
1634
|
<ng-container #container></ng-container>
|
|
1614
|
-
`, isInline: true, components: [{ type: i7.TagListComponent, selector: "kendo-taglist", inputs: ["tags", "textField", "valueField", "valueDepth", "focused", "template", "groupTemplate", "disabled", "tagPrefix", "id", "size", "rounded", "fillMode", "disabledIndices"], outputs: ["removeTag"] }, { type: i8.SearchBarComponent, selector: "kendo-searchbar", inputs: ["id", "listId", "tagListId", "activeDescendant", "disabled", "readonly", "tabIndex", "popupOpen", "role", "isLoading", "isSuggestable", "isFilterable", "userInput", "suggestedText", "placeholder"], outputs: ["valueChange", "onBlur", "onFocus", "onClick", "onNavigate"] }, { type: i9.ListComponent, selector: "kendo-list", inputs: ["selected", "focused", "textField", "valueField", "height", "template", "groupTemplate", "fixedGroupTemplate", "show", "id", "optionPrefix", "multipleSelection", "virtual", "type", "checkboxes", "ariaLive", "isMultiselect", "data", "size", "rounded"], outputs: ["onClick", "pageChange", "listResize"] }, { type:
|
|
1615
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1635
|
+
`, isInline: true, components: [{ type: i7.TagListComponent, selector: "kendo-taglist", inputs: ["tags", "textField", "valueField", "valueDepth", "focused", "template", "groupTemplate", "disabled", "tagPrefix", "id", "size", "rounded", "fillMode", "disabledIndices"], outputs: ["removeTag"] }, { type: i8.SearchBarComponent, selector: "kendo-searchbar", inputs: ["id", "listId", "tagListId", "activeDescendant", "disabled", "readonly", "tabIndex", "popupOpen", "role", "isLoading", "isSuggestable", "isFilterable", "userInput", "suggestedText", "placeholder"], outputs: ["valueChange", "onBlur", "onFocus", "onClick", "onNavigate"] }, { type: i9.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: i10.ListComponent, selector: "kendo-list", inputs: ["selected", "focused", "textField", "valueField", "height", "template", "groupTemplate", "fixedGroupTemplate", "show", "id", "optionPrefix", "multipleSelection", "virtual", "type", "checkboxes", "ariaLive", "isMultiselect", "data", "size", "rounded"], outputs: ["onClick", "pageChange", "listResize"] }, { type: i11.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i12.LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i15.SelectableDirective, selector: "[kendoDropDownsSelectable]", inputs: ["index", "checkboxes", "height", "multipleSelection"] }] });
|
|
1636
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MultiSelectComponent, decorators: [{
|
|
1616
1637
|
type: Component,
|
|
1617
1638
|
args: [{
|
|
1618
1639
|
exportAs: 'kendoMultiSelect',
|
|
@@ -1692,7 +1713,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
1692
1713
|
tabindex="-1"
|
|
1693
1714
|
(mousedown)="clearAll($event)"
|
|
1694
1715
|
>
|
|
1695
|
-
<
|
|
1716
|
+
<kendo-icon-wrapper
|
|
1717
|
+
class="k-icon"
|
|
1718
|
+
name="x"
|
|
1719
|
+
[svgIcon]="xIcon"
|
|
1720
|
+
>
|
|
1721
|
+
</kendo-icon-wrapper>
|
|
1696
1722
|
</span>
|
|
1697
1723
|
<span
|
|
1698
1724
|
*ngIf="loading"
|
|
@@ -1720,7 +1746,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
1720
1746
|
}">
|
|
1721
1747
|
</ng-template>
|
|
1722
1748
|
<ng-template #default_custom_item_template>{{ text }}</ng-template>
|
|
1723
|
-
<
|
|
1749
|
+
<kendo-icon-wrapper
|
|
1750
|
+
class="k-icon"
|
|
1751
|
+
name="plus"
|
|
1752
|
+
[svgIcon]="plusIcon"
|
|
1753
|
+
>
|
|
1754
|
+
</kendo-icon-wrapper>
|
|
1724
1755
|
</div>
|
|
1725
1756
|
</div>
|
|
1726
1757
|
<!--list-->
|
|
@@ -1901,4 +1932,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
1901
1932
|
}], isLoading: [{
|
|
1902
1933
|
type: HostBinding,
|
|
1903
1934
|
args: ['class.k-loading']
|
|
1935
|
+
}], handleKeyboardEvent: [{
|
|
1936
|
+
type: HostListener,
|
|
1937
|
+
args: ['keydown', ['$event']]
|
|
1938
|
+
}], hostMousedown: [{
|
|
1939
|
+
type: HostListener,
|
|
1940
|
+
args: ['mousedown', ['$event']]
|
|
1904
1941
|
}] } });
|
package/{esm2015/multiselect/multiselect.module.js → esm2020/multiselect/multiselect.module.mjs}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { NgModule } from '@angular/core';
|
|
@@ -34,14 +34,14 @@ const MULTISELECT_DIRECTIVES = [
|
|
|
34
34
|
*/
|
|
35
35
|
export class MultiSelectModule {
|
|
36
36
|
}
|
|
37
|
-
MultiSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
38
|
-
MultiSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
37
|
+
MultiSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MultiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
38
|
+
MultiSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MultiSelectModule, declarations: [MultiSelectComponent,
|
|
39
39
|
SummaryTagDirective,
|
|
40
40
|
CustomItemTemplateDirective], imports: [SharedModule], exports: [MultiSelectComponent,
|
|
41
41
|
SummaryTagDirective,
|
|
42
42
|
CustomItemTemplateDirective, SharedDirectivesModule] });
|
|
43
|
-
MultiSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
43
|
+
MultiSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MultiSelectModule, providers: [{ provide: TOUCH_ENABLED, useValue: touchEnabled }], imports: [[SharedModule], SharedDirectivesModule] });
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MultiSelectModule, decorators: [{
|
|
45
45
|
type: NgModule,
|
|
46
46
|
args: [{
|
|
47
47
|
declarations: [MULTISELECT_DIRECTIVES],
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { Directive, Input } from '@angular/core';
|
|
6
6
|
import { isPresent, parseNumber } from '../common/util';
|
|
7
|
+
import { MultiSelectComponent } from './multiselect.component';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
8
9
|
import * as i1 from "./multiselect.component";
|
|
9
10
|
/**
|
|
@@ -40,8 +41,7 @@ export class SummaryTagDirective {
|
|
|
40
41
|
const showAfter = parseNumber(this.showAfter);
|
|
41
42
|
this.multiSelectComponent.tagMapper = (tags) => {
|
|
42
43
|
if (tags.length > showAfter) {
|
|
43
|
-
|
|
44
|
-
result = tags.slice(0, showAfter);
|
|
44
|
+
const result = tags.slice(0, showAfter);
|
|
45
45
|
result.push(tags.slice(showAfter, tags.length));
|
|
46
46
|
return result;
|
|
47
47
|
}
|
|
@@ -51,9 +51,9 @@ export class SummaryTagDirective {
|
|
|
51
51
|
};
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
|
-
SummaryTagDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
55
|
-
SummaryTagDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "
|
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
54
|
+
SummaryTagDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SummaryTagDirective, deps: [{ token: i1.MultiSelectComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
55
|
+
SummaryTagDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: { showAfter: ["kendoMultiSelectSummaryTag", "showAfter"] }, usesOnChanges: true, ngImport: i0 });
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SummaryTagDirective, decorators: [{
|
|
57
57
|
type: Directive,
|
|
58
58
|
args: [{
|
|
59
59
|
selector: '[kendoMultiSelectSummaryTag]'
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
@@ -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:
|
|
12
|
+
publishDate: 1673469313,
|
|
13
13
|
version: '',
|
|
14
|
-
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license
|
|
14
|
+
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
6
|
* Generated bundle index. Do not edit.
|
|
7
7
|
*/
|
|
8
|
-
export * from './
|
|
8
|
+
export * from './index';
|