@progress/kendo-angular-dropdowns 7.2.4 → 7.2.5-dev.202212021231
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/bundles/kendo-angular-dropdowns.umd.js +1 -1
- package/dropdowntrees/dropdowntree.component.d.ts +9 -5
- package/dropdowntrees/multiselecttree.component.d.ts +3 -5
- package/esm2015/autocomplete/autocomplete.component.js +3 -3
- package/esm2015/autocomplete/autocomplete.module.js +4 -4
- package/esm2015/comboboxes/combobox-column/column-cell-template.directive.js +3 -3
- package/esm2015/comboboxes/combobox-column/column-header-template.directive.js +3 -3
- package/esm2015/comboboxes/combobox-column/combobox-column.component.js +3 -3
- package/esm2015/comboboxes/combobox.component.js +3 -3
- package/esm2015/comboboxes/combobox.module.js +4 -4
- package/esm2015/comboboxes/multicolumncombobox.component.js +3 -3
- package/esm2015/common/data.service.js +3 -3
- package/esm2015/common/disabled-items/disabled-items.service.js +3 -3
- package/esm2015/common/filter-input.directive.js +3 -3
- package/esm2015/common/filtering/filter.directive.js +3 -3
- package/esm2015/common/list-item.directive.js +3 -3
- package/esm2015/common/list.component.js +3 -3
- package/esm2015/common/localization/custom-messages.component.js +3 -3
- package/esm2015/common/localization/localized-messages.directive.js +3 -3
- package/esm2015/common/localization/messages.js +3 -3
- package/esm2015/common/navigation/navigation.service.js +3 -3
- package/esm2015/common/searchbar.component.js +3 -3
- package/esm2015/common/selection/selectable.directive.js +3 -3
- package/esm2015/common/selection/selection.service.js +3 -3
- package/esm2015/common/shared-directives.module.js +4 -4
- package/esm2015/common/shared.module.js +4 -4
- package/esm2015/common/taglist.component.js +3 -3
- package/esm2015/common/templates/custom-item-template.directive.js +3 -3
- package/esm2015/common/templates/fixed-group-template.directive.js +3 -3
- package/esm2015/common/templates/footer-template.directive.js +3 -3
- package/esm2015/common/templates/group-tag-template.directive.js +3 -3
- package/esm2015/common/templates/group-template.directive.js +3 -3
- package/esm2015/common/templates/header-template.directive.js +3 -3
- package/esm2015/common/templates/item-template.directive.js +3 -3
- package/esm2015/common/templates/no-data-template.directive.js +3 -3
- package/esm2015/common/templates/tag-template.directive.js +3 -3
- package/esm2015/common/templates/template-context.directive.js +3 -3
- package/esm2015/common/templates/value-template.directive.js +3 -3
- package/esm2015/dropdownlist/dropdownlist.component.js +3 -3
- package/esm2015/dropdownlist/dropdownlist.module.js +4 -4
- package/esm2015/dropdowns.module.js +4 -4
- package/esm2015/dropdowntrees/checked-state/base-check.directive.js +3 -3
- package/esm2015/dropdowntrees/checked-state/check-all.directive.js +3 -3
- package/esm2015/dropdowntrees/checked-state/check.directive.js +3 -3
- package/esm2015/dropdowntrees/data-binding/dropdowntree/flat-binding.directive.js +3 -3
- package/esm2015/dropdowntrees/data-binding/dropdowntree/hierarchy-binding.directive.js +3 -3
- package/esm2015/dropdowntrees/data-binding/multiselecttree/flat-binding.directive.js +3 -3
- package/esm2015/dropdowntrees/data-binding/multiselecttree/hierarchy-binding.directive.js +3 -3
- package/esm2015/dropdowntrees/dropdowntree.component.js +84 -51
- package/esm2015/dropdowntrees/dropdowntrees.module.js +4 -4
- package/esm2015/dropdowntrees/expanded-state/expand.directive.js +3 -3
- package/esm2015/dropdowntrees/lookup/lookup.service.js +3 -3
- package/esm2015/dropdowntrees/multiselecttree.component.js +47 -34
- package/esm2015/dropdowntrees/summary-tag/summary-tag.directive.js +3 -3
- package/esm2015/dropdowntrees/templates/node-template.directive.js +3 -3
- package/esm2015/multiselect/multiselect.component.js +30 -35
- package/esm2015/multiselect/multiselect.module.js +4 -4
- package/esm2015/multiselect/summary-tag.directive.js +3 -3
- package/esm2015/package-metadata.js +1 -1
- package/fesm2015/kendo-angular-dropdowns.js +321 -280
- package/multiselect/multiselect.component.d.ts +2 -8
- package/package.json +1 -1
|
@@ -43,9 +43,9 @@ export class FixedGroupTemplateDirective {
|
|
|
43
43
|
this.templateRef = templateRef;
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
|
-
FixedGroupTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
47
|
-
FixedGroupTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
46
|
+
FixedGroupTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FixedGroupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
47
|
+
FixedGroupTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: FixedGroupTemplateDirective, selector: "[kendoDropDownListFixedGroupTemplate],[kendoComboBoxFixedGroupTemplate],[kendoMultiColumnComboBoxFixedGroupTemplate],[kendoAutoCompleteFixedGroupTemplate],[kendoMultiSelectFixedGroupTemplate]", ngImport: i0 });
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FixedGroupTemplateDirective, decorators: [{
|
|
49
49
|
type: Directive,
|
|
50
50
|
args: [{
|
|
51
51
|
selector: '[kendoDropDownListFixedGroupTemplate],[kendoComboBoxFixedGroupTemplate],[kendoMultiColumnComboBoxFixedGroupTemplate],[kendoAutoCompleteFixedGroupTemplate],[kendoMultiSelectFixedGroupTemplate]'
|
|
@@ -37,9 +37,9 @@ export class FooterTemplateDirective {
|
|
|
37
37
|
this.templateRef = templateRef;
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
|
-
FooterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
41
|
-
FooterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
40
|
+
FooterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FooterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
41
|
+
FooterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]", ngImport: i0 });
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FooterTemplateDirective, decorators: [{
|
|
43
43
|
type: Directive,
|
|
44
44
|
args: [{
|
|
45
45
|
selector: '[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]'
|
|
@@ -35,9 +35,9 @@ export class GroupTagTemplateDirective {
|
|
|
35
35
|
this.templateRef = templateRef;
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
|
-
GroupTagTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
39
|
-
GroupTagTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
38
|
+
GroupTagTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GroupTagTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
39
|
+
GroupTagTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: GroupTagTemplateDirective, selector: "[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]", ngImport: i0 });
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GroupTagTemplateDirective, decorators: [{
|
|
41
41
|
type: Directive,
|
|
42
42
|
args: [{
|
|
43
43
|
selector: '[kendoMultiSelectGroupTagTemplate],[kendoMultiSelectTreeGroupTagTemplate]'
|
|
@@ -43,9 +43,9 @@ export class GroupTemplateDirective {
|
|
|
43
43
|
this.templateRef = templateRef;
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
|
-
GroupTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
47
|
-
GroupTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
46
|
+
GroupTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GroupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
47
|
+
GroupTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: GroupTemplateDirective, selector: "[kendoDropDownListGroupTemplate],[kendoComboBoxGroupTemplate],[kendoMultiColumnComboBoxGroupTemplate],[kendoAutoCompleteGroupTemplate],[kendoMultiSelectGroupTemplate]", ngImport: i0 });
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GroupTemplateDirective, decorators: [{
|
|
49
49
|
type: Directive,
|
|
50
50
|
args: [{
|
|
51
51
|
selector: '[kendoDropDownListGroupTemplate],[kendoComboBoxGroupTemplate],[kendoMultiColumnComboBoxGroupTemplate],[kendoAutoCompleteGroupTemplate],[kendoMultiSelectGroupTemplate]'
|
|
@@ -37,9 +37,9 @@ export class HeaderTemplateDirective {
|
|
|
37
37
|
this.templateRef = templateRef;
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
|
-
HeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
41
|
-
HeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
40
|
+
HeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: HeaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
41
|
+
HeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]", ngImport: i0 });
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: HeaderTemplateDirective, decorators: [{
|
|
43
43
|
type: Directive,
|
|
44
44
|
args: [{
|
|
45
45
|
selector: '[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]'
|
|
@@ -36,9 +36,9 @@ export class ItemTemplateDirective {
|
|
|
36
36
|
this.templateRef = templateRef;
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
|
-
ItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
40
|
-
ItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
39
|
+
ItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
40
|
+
ItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]", ngImport: i0 });
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ItemTemplateDirective, decorators: [{
|
|
42
42
|
type: Directive,
|
|
43
43
|
args: [{
|
|
44
44
|
selector: '[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]'
|
|
@@ -37,9 +37,9 @@ export class NoDataTemplateDirective {
|
|
|
37
37
|
this.templateRef = templateRef;
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
|
-
NoDataTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
41
|
-
NoDataTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
40
|
+
NoDataTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NoDataTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
41
|
+
NoDataTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]", ngImport: i0 });
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NoDataTemplateDirective, decorators: [{
|
|
43
43
|
type: Directive,
|
|
44
44
|
args: [{
|
|
45
45
|
selector: '[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]'
|
|
@@ -34,9 +34,9 @@ export class TagTemplateDirective {
|
|
|
34
34
|
this.templateRef = templateRef;
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
|
-
TagTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
38
|
-
TagTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
37
|
+
TagTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TagTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
38
|
+
TagTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TagTemplateDirective, selector: "[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]", ngImport: i0 });
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TagTemplateDirective, decorators: [{
|
|
40
40
|
type: Directive,
|
|
41
41
|
args: [{
|
|
42
42
|
selector: '[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]'
|
|
@@ -21,9 +21,9 @@ export class TemplateContextDirective {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
|
-
TemplateContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
25
|
-
TemplateContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
24
|
+
TemplateContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TemplateContextDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
25
|
+
TemplateContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TemplateContextDirective, selector: "[templateContext]", inputs: { templateContext: "templateContext" }, ngImport: i0 });
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TemplateContextDirective, decorators: [{
|
|
27
27
|
type: Directive,
|
|
28
28
|
args: [{
|
|
29
29
|
selector: '[templateContext]' // eslint-disable-line
|
|
@@ -38,9 +38,9 @@ export class ValueTemplateDirective {
|
|
|
38
38
|
this.templateRef = templateRef;
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
|
-
ValueTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
42
|
-
ValueTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
41
|
+
ValueTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ValueTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
42
|
+
ValueTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]", ngImport: i0 });
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ValueTemplateDirective, decorators: [{
|
|
44
44
|
type: Directive,
|
|
45
45
|
args: [{
|
|
46
46
|
selector: '[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]'
|
|
@@ -1228,8 +1228,8 @@ export class DropDownListComponent {
|
|
|
1228
1228
|
}
|
|
1229
1229
|
}
|
|
1230
1230
|
}
|
|
1231
|
-
DropDownListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1232
|
-
DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1231
|
+
DropDownListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropDownListComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2.PopupService }, { token: i3.SelectionService }, { token: i4.NavigationService }, { token: i5.DisabledItemsService }, { token: i6.DataService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: TOUCH_ENABLED, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
1232
|
+
DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: { iconClass: "iconClass", loading: "loading", data: "data", value: "value", textField: "textField", valueField: "valueField", popupSettings: "popupSettings", listHeight: "listHeight", defaultItem: "defaultItem", disabled: "disabled", itemDisabled: "itemDisabled", readonly: "readonly", filterable: "filterable", virtual: "virtual", ignoreCase: "ignoreCase", delay: "delay", valuePrimitive: "valuePrimitive", tabindex: "tabindex", tabIndex: "tabIndex", size: "size", rounded: "rounded", fillMode: "fillMode", focusableId: ["id", "focusableId"] }, outputs: { valueChange: "valueChange", filterChange: "filterChange", selectionChange: "selectionChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur" }, host: { listeners: { "keydown": "keydown($event)", "keypress": "keypress($event)", "click": "click($event)" }, properties: { "class.k-dropdownlist": "this.hostClasses", "class.k-picker": "this.hostClasses", "class.k-disabled": "this.isDisabledClass", "attr.disabled": "this.isDisabledAttribute", "class.k-loading": "this.isLoading", "attr.id": "this.focusableId", "attr.dir": "this.dir", "attr.tabindex": "this.hostTabIndex", "attr.readonly": "this.readonlyAttr", "attr.aria-busy": "this.isBusy", "attr.role": "this.role", "attr.aria-haspopup": "this.haspopup", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-controls": "this.hostAriaControls", "attr.aria-invalid": "this.hostAriaInvalid", "attr.aria-activedescendant": "this.hostAriaActivedescendant" } }, providers: [
|
|
1233
1233
|
DROPDOWNLIST_VALUE_ACCESSOR,
|
|
1234
1234
|
DataService,
|
|
1235
1235
|
SelectionService,
|
|
@@ -1386,7 +1386,7 @@ DropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
1386
1386
|
</ng-template>
|
|
1387
1387
|
<ng-container #container></ng-container>
|
|
1388
1388
|
`, isInline: true, components: [{ type: i7.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: i8.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i9.LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i12.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i13.FilterInputDirective, selector: "[filterInput]", inputs: ["filterInput"] }, { type: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i14.SelectableDirective, selector: "[kendoDropDownsSelectable]", inputs: ["index", "checkboxes", "height", "multipleSelection"] }] });
|
|
1389
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1389
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropDownListComponent, decorators: [{
|
|
1390
1390
|
type: Component,
|
|
1391
1391
|
args: [{
|
|
1392
1392
|
exportAs: 'kendoDropDownList',
|
|
@@ -24,10 +24,10 @@ const DROPDOWNLIST_DIRECTIVES = [
|
|
|
24
24
|
*/
|
|
25
25
|
export class DropDownListModule {
|
|
26
26
|
}
|
|
27
|
-
DropDownListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
28
|
-
DropDownListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
29
|
-
DropDownListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
27
|
+
DropDownListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropDownListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
28
|
+
DropDownListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropDownListModule, declarations: [DropDownListComponent], imports: [SharedModule], exports: [DropDownListComponent, SharedDirectivesModule] });
|
|
29
|
+
DropDownListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropDownListModule, imports: [[SharedModule], SharedDirectivesModule] });
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropDownListModule, decorators: [{
|
|
31
31
|
type: NgModule,
|
|
32
32
|
args: [{
|
|
33
33
|
declarations: [DROPDOWNLIST_DIRECTIVES],
|
|
@@ -42,10 +42,10 @@ import * as i0 from "@angular/core";
|
|
|
42
42
|
*/
|
|
43
43
|
export class DropDownsModule {
|
|
44
44
|
}
|
|
45
|
-
DropDownsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
46
|
-
DropDownsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
47
|
-
DropDownsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
45
|
+
DropDownsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropDownsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
46
|
+
DropDownsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropDownsModule, exports: [AutoCompleteModule, ComboBoxModule, DropDownListModule, MultiSelectModule, DropDownTreesModule] });
|
|
47
|
+
DropDownsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropDownsModule, imports: [AutoCompleteModule, ComboBoxModule, DropDownListModule, MultiSelectModule, DropDownTreesModule] });
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropDownsModule, decorators: [{
|
|
49
49
|
type: NgModule,
|
|
50
50
|
args: [{
|
|
51
51
|
exports: [AutoCompleteModule, ComboBoxModule, DropDownListModule, MultiSelectModule, DropDownTreesModule]
|
|
@@ -52,9 +52,9 @@ export class BaseCheckDirective {
|
|
|
52
52
|
return valueFrom(item, this.valueField) + '_' + (this.isHeterogeneous ? level : 0);
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
|
-
BaseCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
56
|
-
BaseCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
55
|
+
BaseCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BaseCheckDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
56
|
+
BaseCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: BaseCheckDirective, inputs: { valueField: "valueField", checkedItems: "checkedItems", isHeterogeneous: "isHeterogeneous" }, ngImport: i0 });
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: BaseCheckDirective, decorators: [{
|
|
58
58
|
type: Directive
|
|
59
59
|
}], propDecorators: { valueField: [{
|
|
60
60
|
type: Input
|
|
@@ -127,9 +127,9 @@ export class CheckAllDirective extends BaseCheckDirective {
|
|
|
127
127
|
return childrenChecked || this.isItemChecked(lookup.item);
|
|
128
128
|
}
|
|
129
129
|
}
|
|
130
|
-
CheckAllDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
131
|
-
CheckAllDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
132
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
130
|
+
CheckAllDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CheckAllDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
131
|
+
CheckAllDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: CheckAllDirective, selector: "[checkAll]", inputs: { lastAction: "lastAction", treeview: "treeview", checkedItems: "checkedItems", valueField: "valueField", focused: ["checkAll", "focused"] }, outputs: { checkedItemsChange: "checkedItemsChange" }, host: { listeners: { "change": "handleChange($event.target)" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
132
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CheckAllDirective, decorators: [{
|
|
133
133
|
type: Directive,
|
|
134
134
|
args: [{
|
|
135
135
|
// eslint-disable-next-line
|
|
@@ -136,9 +136,9 @@ export class CheckDirective extends BaseCheckDirective {
|
|
|
136
136
|
return false;
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
|
-
CheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
140
|
-
CheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
141
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
139
|
+
CheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CheckDirective, deps: [{ token: i1.TreeViewComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
140
|
+
CheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: CheckDirective, selector: "[kendoMultiSelectTreeCheckable]", inputs: { checkable: "checkable", valueField: "valueField", checkedItems: "checkedItems" }, outputs: { checkedItemsChange: "checkedItemsChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: CheckDirective, decorators: [{
|
|
142
142
|
type: Directive,
|
|
143
143
|
args: [{
|
|
144
144
|
selector: '[kendoMultiSelectTreeCheckable]'
|
|
@@ -29,9 +29,9 @@ export class DropDownTreeFlatBindingDirective extends FlatDataBindingDirective {
|
|
|
29
29
|
super.ngOnChanges(changes);
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
|
-
DropDownTreeFlatBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
33
|
-
DropDownTreeFlatBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
32
|
+
DropDownTreeFlatBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropDownTreeFlatBindingDirective, deps: [{ token: i1.DataBoundComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
33
|
+
DropDownTreeFlatBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: DropDownTreeFlatBindingDirective, selector: "[kendoDropDownTreeFlatBinding]", inputs: { nodes: ["kendoDropDownTreeFlatBinding", "nodes"], idField: ["valueField", "idField"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropDownTreeFlatBindingDirective, decorators: [{
|
|
35
35
|
type: Directive,
|
|
36
36
|
args: [{
|
|
37
37
|
selector: '[kendoDropDownTreeFlatBinding]'
|
|
@@ -51,9 +51,9 @@ export class DropDownTreeHierarchyBindingDirective extends HierarchyBindingDirec
|
|
|
51
51
|
super.ngOnChanges(changes);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
|
-
DropDownTreeHierarchyBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
55
|
-
DropDownTreeHierarchyBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
54
|
+
DropDownTreeHierarchyBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropDownTreeHierarchyBindingDirective, deps: [{ token: i1.DataBoundComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
55
|
+
DropDownTreeHierarchyBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: DropDownTreeHierarchyBindingDirective, selector: "[kendoDropDownTreeHierarchyBinding]", inputs: { nodes: ["kendoDropDownTreeHierarchyBinding", "nodes"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropDownTreeHierarchyBindingDirective, decorators: [{
|
|
57
57
|
type: Directive,
|
|
58
58
|
args: [{
|
|
59
59
|
selector: '[kendoDropDownTreeHierarchyBinding]'
|
|
@@ -29,9 +29,9 @@ export class MultiSelectTreeFlatBindingDirective extends FlatDataBindingDirectiv
|
|
|
29
29
|
super.ngOnChanges(changes);
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
|
-
MultiSelectTreeFlatBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
33
|
-
MultiSelectTreeFlatBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
32
|
+
MultiSelectTreeFlatBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MultiSelectTreeFlatBindingDirective, deps: [{ token: i1.DataBoundComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
33
|
+
MultiSelectTreeFlatBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: MultiSelectTreeFlatBindingDirective, selector: "[kendoMultiSelectTreeFlatBinding]", inputs: { nodes: ["kendoMultiSelectTreeFlatBinding", "nodes"], idField: ["valueField", "idField"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MultiSelectTreeFlatBindingDirective, decorators: [{
|
|
35
35
|
type: Directive,
|
|
36
36
|
args: [{
|
|
37
37
|
selector: '[kendoMultiSelectTreeFlatBinding]'
|
|
@@ -29,9 +29,9 @@ export class MultiSelectTreeHierarchyBindingDirective extends HierarchyBindingDi
|
|
|
29
29
|
super.ngOnChanges(changes);
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
|
-
MultiSelectTreeHierarchyBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
33
|
-
MultiSelectTreeHierarchyBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
32
|
+
MultiSelectTreeHierarchyBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MultiSelectTreeHierarchyBindingDirective, deps: [{ token: i1.DataBoundComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
33
|
+
MultiSelectTreeHierarchyBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: MultiSelectTreeHierarchyBindingDirective, selector: "[kendoMultiSelectTreeHierarchyBinding]", inputs: { nodes: ["kendoMultiSelectTreeHierarchyBinding", "nodes"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MultiSelectTreeHierarchyBindingDirective, decorators: [{
|
|
35
35
|
type: Directive,
|
|
36
36
|
args: [{
|
|
37
37
|
selector: '[kendoMultiSelectTreeHierarchyBinding]'
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright © 2021 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
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output, ViewChild, ContentChild, forwardRef, ViewContainerRef, isDevMode, Optional, Inject
|
|
5
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output, ViewChild, ContentChild, forwardRef, ViewContainerRef, isDevMode, Optional, Inject } from '@angular/core';
|
|
6
6
|
import { anyChanged, guid, hasObservers, isDocumentAvailable, KendoInput } from '@progress/kendo-angular-common';
|
|
7
7
|
import { DataBoundComponent, ExpandableComponent } from '@progress/kendo-angular-treeview';
|
|
8
8
|
import { getter } from '@progress/kendo-common';
|
|
@@ -15,7 +15,7 @@ import { SelectionService } from '../common/selection/selection.service';
|
|
|
15
15
|
import { PreventableEvent } from '../common/models/preventable-event';
|
|
16
16
|
import { getFillModeClass, getRoundedClass, getSizeClass, inDropDown, isArray, isPresent, isUntouched, noop } from '../common/util';
|
|
17
17
|
import { NoDataTemplateDirective } from '../common/templates/no-data-template.directive';
|
|
18
|
-
import { of } from 'rxjs';
|
|
18
|
+
import { of, Subscription } from 'rxjs';
|
|
19
19
|
import { tap } from 'rxjs/operators';
|
|
20
20
|
import { HeaderTemplateDirective } from '../common/templates/header-template.directive';
|
|
21
21
|
import { FooterTemplateDirective } from '../common/templates/footer-template.directive';
|
|
@@ -197,7 +197,7 @@ export class DropDownTreeComponent {
|
|
|
197
197
|
this._size = 'medium';
|
|
198
198
|
this._rounded = 'medium';
|
|
199
199
|
this._fillMode = 'solid';
|
|
200
|
-
this.
|
|
200
|
+
this.subs = new Subscription();
|
|
201
201
|
this.onTouchedCallback = noop;
|
|
202
202
|
this.onChangeCallback = noop;
|
|
203
203
|
this.direction = localization.rtl ? 'rtl' : 'ltr';
|
|
@@ -238,12 +238,6 @@ export class DropDownTreeComponent {
|
|
|
238
238
|
get isReadonly() {
|
|
239
239
|
return this.readonly ? '' : null;
|
|
240
240
|
}
|
|
241
|
-
/**
|
|
242
|
-
* @hidden
|
|
243
|
-
*/
|
|
244
|
-
handleClick() {
|
|
245
|
-
this.togglePopup(!this.isOpen);
|
|
246
|
-
}
|
|
247
241
|
/**
|
|
248
242
|
* @hidden
|
|
249
243
|
*/
|
|
@@ -502,7 +496,7 @@ export class DropDownTreeComponent {
|
|
|
502
496
|
ngOnInit() {
|
|
503
497
|
this.renderer.removeAttribute(this.wrapper.nativeElement, 'tabindex');
|
|
504
498
|
this.assignAriaDescribedBy();
|
|
505
|
-
this.
|
|
499
|
+
this.subs.add(this.localization
|
|
506
500
|
.changes.subscribe(({ rtl }) => {
|
|
507
501
|
this.direction = rtl ? 'rtl' : 'ltr';
|
|
508
502
|
this.cdr.markForCheck();
|
|
@@ -530,6 +524,10 @@ export class DropDownTreeComponent {
|
|
|
530
524
|
ngAfterContentChecked() {
|
|
531
525
|
this.verifySettings();
|
|
532
526
|
}
|
|
527
|
+
ngAfterViewInit() {
|
|
528
|
+
this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'click', this.handleClick.bind(this)));
|
|
529
|
+
this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'keydown', this.handleKeydown.bind(this)));
|
|
530
|
+
}
|
|
533
531
|
/**
|
|
534
532
|
* @hidden
|
|
535
533
|
*
|
|
@@ -585,17 +583,14 @@ export class DropDownTreeComponent {
|
|
|
585
583
|
return;
|
|
586
584
|
}
|
|
587
585
|
this.isFocused = false;
|
|
586
|
+
this.togglePopup(false);
|
|
588
587
|
if (hasObservers(this.onBlur) ||
|
|
589
588
|
isUntouched(this.wrapper.nativeElement)) {
|
|
590
589
|
this._zone.run(() => {
|
|
591
|
-
this.togglePopup(false);
|
|
592
590
|
this.onBlur.emit();
|
|
593
591
|
this.onTouchedCallback();
|
|
594
592
|
});
|
|
595
593
|
}
|
|
596
|
-
else {
|
|
597
|
-
this.togglePopup(false);
|
|
598
|
-
}
|
|
599
594
|
}
|
|
600
595
|
/**
|
|
601
596
|
* Focuses a specific item of the DropDownTree based on a provided index in the format of `1_1`.
|
|
@@ -877,6 +872,14 @@ export class DropDownTreeComponent {
|
|
|
877
872
|
}
|
|
878
873
|
}
|
|
879
874
|
}
|
|
875
|
+
handleClick(e) {
|
|
876
|
+
// The check is needed otherwise when appended to the component, the popup reopens on click
|
|
877
|
+
// https://github.com/telerik/kendo-angular/issues/3738
|
|
878
|
+
if ((this.popupRef && !this.popupRef.popupElement.contains(e.target))
|
|
879
|
+
|| (!this.popupRef && !e.target.className.includes('k-treeview-leaf'))) {
|
|
880
|
+
this.togglePopup(!this.isOpen);
|
|
881
|
+
}
|
|
882
|
+
}
|
|
880
883
|
handleEscape() {
|
|
881
884
|
this.togglePopup(false);
|
|
882
885
|
this.focus();
|
|
@@ -898,33 +901,56 @@ export class DropDownTreeComponent {
|
|
|
898
901
|
this.selectedKeys = [];
|
|
899
902
|
}
|
|
900
903
|
subscribeEvents() {
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
this.
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
}
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
904
|
+
[
|
|
905
|
+
this.navigationService.open.subscribe((event) => {
|
|
906
|
+
event.originalEvent.preventDefault();
|
|
907
|
+
this.togglePopup(true);
|
|
908
|
+
}),
|
|
909
|
+
this.navigationService.close.subscribe((event) => {
|
|
910
|
+
event.originalEvent.preventDefault();
|
|
911
|
+
this.togglePopup(false);
|
|
912
|
+
this.focus();
|
|
913
|
+
}),
|
|
914
|
+
this.navigationService.enter
|
|
915
|
+
.pipe(tap((event) => event.originalEvent.preventDefault()))
|
|
916
|
+
.subscribe((e) => {
|
|
917
|
+
// The check is needed otherwise when appended to the component, the popup reopens on click
|
|
918
|
+
// https://github.com/telerik/kendo-angular/issues/3738
|
|
919
|
+
if (e.originalEvent.target === this.wrapper.nativeElement) {
|
|
920
|
+
this.togglePopup(true);
|
|
921
|
+
}
|
|
922
|
+
if (!this.isOpen) {
|
|
923
|
+
this.focus();
|
|
924
|
+
}
|
|
925
|
+
}),
|
|
926
|
+
this.navigationService.esc
|
|
927
|
+
.subscribe(() => this.handleEscape()),
|
|
928
|
+
this.navigationService.tab.subscribe(() => {
|
|
929
|
+
this.focus();
|
|
930
|
+
if (this.isOpen) {
|
|
931
|
+
this.treeview.blur();
|
|
932
|
+
this.removeTreeViewFromTabOrder();
|
|
933
|
+
}
|
|
934
|
+
}),
|
|
935
|
+
this.navigationService.down.subscribe((event) => {
|
|
936
|
+
if (!this.treeview) {
|
|
937
|
+
return;
|
|
938
|
+
}
|
|
939
|
+
event.originalEvent.preventDefault();
|
|
940
|
+
if (!this.treeview.isActive) {
|
|
941
|
+
this.treeview.focus();
|
|
942
|
+
}
|
|
943
|
+
}),
|
|
944
|
+
this.navigationService.up.subscribe((event) => {
|
|
945
|
+
if (!this.treeview) {
|
|
946
|
+
return;
|
|
947
|
+
}
|
|
948
|
+
event.originalEvent.preventDefault();
|
|
949
|
+
if (this.filterable && this.treeview['navigationService']['activeIndex'] === '0') {
|
|
950
|
+
this.filterInput.nativeElement.focus();
|
|
951
|
+
}
|
|
952
|
+
})
|
|
953
|
+
].forEach(sub => this.subs.add(sub));
|
|
928
954
|
}
|
|
929
955
|
subscribeTouchEvents() {
|
|
930
956
|
if (!isDocumentAvailable() || !this.touchEnabled) {
|
|
@@ -963,7 +989,7 @@ export class DropDownTreeComponent {
|
|
|
963
989
|
}
|
|
964
990
|
}
|
|
965
991
|
unsubscribeEvents() {
|
|
966
|
-
this.
|
|
992
|
+
this.subs.unsubscribe();
|
|
967
993
|
this.unSubscribeFocusEvents();
|
|
968
994
|
if (this.touchstartDisposeHandler) {
|
|
969
995
|
this.touchstartDisposeHandler();
|
|
@@ -993,9 +1019,22 @@ export class DropDownTreeComponent {
|
|
|
993
1019
|
this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('picker', this.fillMode));
|
|
994
1020
|
}
|
|
995
1021
|
}
|
|
1022
|
+
/**
|
|
1023
|
+
* Remove the `TreeView` from the tab order, otherwise a focus loop between the page elements will occur
|
|
1024
|
+
* and the user will not be able to tab to the rest of the browser elements
|
|
1025
|
+
*/
|
|
1026
|
+
removeTreeViewFromTabOrder() {
|
|
1027
|
+
const nodes = this.treeview.element.nativeElement.querySelectorAll('li');
|
|
1028
|
+
nodes.forEach(item => {
|
|
1029
|
+
if (item.getAttribute('tabindex') === '0') {
|
|
1030
|
+
this.lastNodeOnFocus = item;
|
|
1031
|
+
this.lastNodeOnFocus.setAttribute('tabindex', '-1');
|
|
1032
|
+
}
|
|
1033
|
+
});
|
|
1034
|
+
}
|
|
996
1035
|
}
|
|
997
|
-
DropDownTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
998
|
-
DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1036
|
+
DropDownTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropDownTreeComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }, { token: i1.PopupService }, { token: i2.NavigationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i3.LocalizationService }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1037
|
+
DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DropDownTreeComponent, selector: "kendo-dropdowntree", inputs: { loading: "loading", clearButton: "clearButton", data: "data", value: "value", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", hasChildren: "hasChildren", fetchChildren: "fetchChildren", placeholder: "placeholder", popupSettings: "popupSettings", dataItem: "dataItem", listHeight: "listHeight", disabled: "disabled", readonly: "readonly", valuePrimitive: "valuePrimitive", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", itemDisabled: "itemDisabled", isNodeExpanded: "isNodeExpanded", isNodeVisible: "isNodeVisible", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", focusableId: "focusableId" }, outputs: { open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", onFocus: "focus", onBlur: "blur", valueChange: "valueChange", filterChange: "filterChange" }, host: { properties: { "class.k-dropdowntree": "this.hostClasses", "class.k-picker": "this.hostClasses", "attr.aria-invalid": "this.hostAriaInvalid", "class.k-disabled": "this.isDisabled", "attr.disabled": "this.isDisabledAttribute", "class.k-loading": "this.isLoading", "attr.aria-busy": "this.isBusy", "attr.aria-controls": "this.hostAriaControls", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-autocomplete": "this.hostAriaAutocomplete", "attr.readonly": "this.isReadonly" } }, providers: [
|
|
999
1038
|
DataService,
|
|
1000
1039
|
SelectionService,
|
|
1001
1040
|
NavigationService,
|
|
@@ -1158,7 +1197,7 @@ DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
1158
1197
|
</ng-template>
|
|
1159
1198
|
<ng-container #container></ng-container>
|
|
1160
1199
|
`, isInline: true, components: [{ type: i4.TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }], directives: [{ type: i5.LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i9.FilterInputDirective, selector: "[filterInput]", inputs: ["filterInput"] }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i10.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i4.SelectDirective, selector: "[kendoTreeViewSelectable]", inputs: ["isSelected", "selectBy", "kendoTreeViewSelectable", "selectedKeys"], outputs: ["selectedKeysChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1200
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DropDownTreeComponent, decorators: [{
|
|
1162
1201
|
type: Component,
|
|
1163
1202
|
args: [{
|
|
1164
1203
|
exportAs: 'kendoDropDownTree',
|
|
@@ -1382,12 +1421,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1382
1421
|
}], isReadonly: [{
|
|
1383
1422
|
type: HostBinding,
|
|
1384
1423
|
args: ['attr.readonly']
|
|
1385
|
-
}], handleClick: [{
|
|
1386
|
-
type: HostListener,
|
|
1387
|
-
args: ['click']
|
|
1388
|
-
}], handleKeydown: [{
|
|
1389
|
-
type: HostListener,
|
|
1390
|
-
args: ['keydown', ['$event']]
|
|
1391
1424
|
}], noDataTemplate: [{
|
|
1392
1425
|
type: ContentChild,
|
|
1393
1426
|
args: [NoDataTemplateDirective, { static: false }]
|