@progress/kendo-angular-dropdowns 5.5.0-dev.202110281138 → 5.5.0
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/dist/cdn/js/kendo-angular-dropdowns.js +1 -1
- package/dist/cdn/main.js +1 -1
- package/dist/es/common/filtering/filter.directive.js +1 -0
- package/dist/es/dropdowntrees/dropdowntree.component.js +12 -3
- package/dist/es/package-metadata.js +1 -1
- package/dist/es2015/common/filtering/filter.directive.d.ts +1 -0
- package/dist/es2015/common/filtering/filter.directive.js +1 -0
- package/dist/es2015/dropdowntrees/dropdowntree.component.d.ts +4 -0
- package/dist/es2015/dropdowntrees/dropdowntree.component.js +12 -4
- package/dist/es2015/index.metadata.json +1 -1
- package/dist/es2015/package-metadata.js +1 -1
- package/dist/fesm2015/index.js +14 -5
- package/dist/fesm5/index.js +14 -4
- package/dist/npm/common/filtering/filter.directive.js +1 -0
- package/dist/npm/dropdowntrees/dropdowntree.component.js +12 -3
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-angular-dropdowns.js +1 -1
- package/package.json +5 -5
|
@@ -31,6 +31,7 @@ var DEFAULT_FILTER_SETTINGS = {
|
|
|
31
31
|
* public data: Array<string> = ["Albania", "Andorra", "Armenia", "Austria", "Azerbaijan"];
|
|
32
32
|
* }
|
|
33
33
|
* ```
|
|
34
|
+
* > Currently, the built-in filtering does not work with [grouped data]({% slug api_kendo-data-query_groupby %}).
|
|
34
35
|
*/
|
|
35
36
|
var FilterDirective = /** @class */ (function () {
|
|
36
37
|
function FilterDirective(component) {
|
|
@@ -634,8 +634,8 @@ var DropDownTreeComponent = /** @class */ (function () {
|
|
|
634
634
|
dataItem;
|
|
635
635
|
var shouldUpdateValue = newValue !== this.value;
|
|
636
636
|
if (shouldUpdateValue) {
|
|
637
|
-
this.dataItem = dataItem;
|
|
638
637
|
this.value = newValue;
|
|
638
|
+
this.dataItem = dataItem;
|
|
639
639
|
this.emitValueChange(this.value);
|
|
640
640
|
}
|
|
641
641
|
this.togglePopup(false);
|
|
@@ -716,6 +716,16 @@ var DropDownTreeComponent = /** @class */ (function () {
|
|
|
716
716
|
this.filterChange.next(term);
|
|
717
717
|
this.allNodesHidden = this.nodes.every(function (node, index) { return !_this.isVisible(node, String(index)); });
|
|
718
718
|
};
|
|
719
|
+
Object.defineProperty(DropDownTreeComponent.prototype, "buttonClasses", {
|
|
720
|
+
/**
|
|
721
|
+
* @hidden
|
|
722
|
+
*/
|
|
723
|
+
get: function () {
|
|
724
|
+
return this.loading ? 'k-i-loading' : 'k-i-arrow-s';
|
|
725
|
+
},
|
|
726
|
+
enumerable: true,
|
|
727
|
+
configurable: true
|
|
728
|
+
});
|
|
719
729
|
DropDownTreeComponent.prototype.verifySettings = function () {
|
|
720
730
|
if (!isDevMode()) {
|
|
721
731
|
return;
|
|
@@ -842,7 +852,6 @@ var DropDownTreeComponent = /** @class */ (function () {
|
|
|
842
852
|
};
|
|
843
853
|
DropDownTreeComponent.prototype.clearState = function () {
|
|
844
854
|
this.text = undefined;
|
|
845
|
-
this.valueDepth = undefined;
|
|
846
855
|
this.selectedKeys = [];
|
|
847
856
|
};
|
|
848
857
|
DropDownTreeComponent.prototype.subscribeEvents = function () {
|
|
@@ -1133,7 +1142,7 @@ var DropDownTreeComponent = /** @class */ (function () {
|
|
|
1133
1142
|
}
|
|
1134
1143
|
],
|
|
1135
1144
|
selector: 'kendo-dropdowntree',
|
|
1136
|
-
template: "\n <ng-container kendoDropDownTreeLocalizedMessages\n i18n-noDataText=\"kendo.dropdowntree.noDataText|The text displayed in the popup when there are no items\"\n noDataText=\"NO DATA FOUND\"\n\n i18n-clearTitle=\"kendo.dropdowntree.clearTitle|The title of the clear button\"\n clearTitle=\"clear\"\n >\n </ng-container>\n <span\n #wrapper\n [ngClass]=\"{\n 'k-dropdown-wrap': true,\n 'k-state-disabled': this.disabled\n }\"\n [attr.id]=\"focusableId\"\n role=\"listbox\"\n aria-haspopup=\"tree\"\n [attr.aria-expanded]=\"isOpen\"\n [attr.aria-readonly]=\"readonly\"\n [attr.tabindex]=\"tabindex\"\n [attr.dir]=\"direction\"\n (click)=\"handleClick()\"\n (keydown)=\"handleKeydown($event)\"\n [kendoEventsOutsideAngular]=\"{\n focus: handleFocus,\n blur: handleBlur\n }\"\n [scope]=\"this\"\n >\n <span\n [attr.id]=\"valueLabelId\"\n class=\"k-input\"\n >\n <ng-template *ngIf=\"valueTemplate\"\n [templateContext]=\"{\n templateRef: valueTemplate.templateRef,\n $implicit: dataItem\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!valueTemplate\"> {{ text || placeholder }} </ng-template>\n </span>\n <span\n *ngIf=\"!loading && !readonly && clearButton && text?.length\"\n class=\"k-icon k-clear-value k-i-close\"\n [style.visibility]=\"clearButtonVisiblity\"\n aria-hidden=\"true\"\n [attr.title]=\"messageFor('clearTitle')\"\n (click)=\"clearValue($event)\"\n >\n </span>\n <span class=\"k-select\" aria-hidden=\"true\">\n <span
|
|
1145
|
+
template: "\n <ng-container kendoDropDownTreeLocalizedMessages\n i18n-noDataText=\"kendo.dropdowntree.noDataText|The text displayed in the popup when there are no items\"\n noDataText=\"NO DATA FOUND\"\n\n i18n-clearTitle=\"kendo.dropdowntree.clearTitle|The title of the clear button\"\n clearTitle=\"clear\"\n >\n </ng-container>\n <span\n #wrapper\n [ngClass]=\"{\n 'k-dropdown-wrap': true,\n 'k-state-disabled': this.disabled\n }\"\n [attr.id]=\"focusableId\"\n role=\"listbox\"\n aria-haspopup=\"tree\"\n [attr.aria-expanded]=\"isOpen\"\n [attr.aria-readonly]=\"readonly\"\n [attr.tabindex]=\"tabindex\"\n [attr.dir]=\"direction\"\n (click)=\"handleClick()\"\n (keydown)=\"handleKeydown($event)\"\n [kendoEventsOutsideAngular]=\"{\n focus: handleFocus,\n blur: handleBlur\n }\"\n [scope]=\"this\"\n >\n <span\n [attr.id]=\"valueLabelId\"\n class=\"k-input\"\n >\n <ng-template *ngIf=\"valueTemplate\"\n [templateContext]=\"{\n templateRef: valueTemplate.templateRef,\n $implicit: dataItem\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!valueTemplate\"> {{ text || placeholder }} </ng-template>\n </span>\n <span\n *ngIf=\"!loading && !readonly && clearButton && text?.length && !disabled\"\n class=\"k-icon k-clear-value k-i-close\"\n [style.visibility]=\"clearButtonVisiblity\"\n aria-hidden=\"true\"\n [attr.title]=\"messageFor('clearTitle')\"\n (click)=\"clearValue($event)\"\n >\n </span>\n <span class=\"k-select\" aria-hidden=\"true\">\n <span\n class=\"k-icon k-i-arrow-60-down\"\n [ngClass]=\"buttonClasses\"\n ></span>\n </span>\n </span>\n <ng-template #popupTemplate>\n <span\n *ngIf=\"filterable\"\n class=\"k-list-filter\"\n >\n <input\n #filterInput\n (input)=\"handleFilterInputChange($event.target.value)\"\n [filterInput]=\"filterable && !touchEnabled\"\n (keydown.arrowdown)=\"handleKeydown($event)\"\n (keydown.alt.arrowup)=\"handleKeydown($event)\"\n [(ngModel)]=\"filter\"\n class=\"k-textbox\"\n role=\"textbox\"\n aria-haspopup=\"true\"\n aria-expanded=\"false\"\n tabindex=\"0\"\n aria-disabled=\"false\"\n aria-readonly=\"false\"\n [kendoEventsOutsideAngular]=\"{\n blur: handleBlur\n }\"\n [scope]=\"this\"\n >\n <span class=\"k-icon k-i-zoom\"></span>\n </span>\n <!--header template-->\n <ng-template\n *ngIf=\"headerTemplate\"\n [templateContext]=\"{\n templateRef: headerTemplate?.templateRef\n }\">\n </ng-template>\n <kendo-treeview\n #treeview\n *ngIf=\"data.length !== 0 && !allNodesHidden\"\n [nodes]=\"data\"\n [style.maxHeight.px]=\"listHeight\"\n [animate]=\"false\"\n [(selectedKeys)]=\"selectedKeys\"\n [selectBy]=\"selectBy\"\n [textField]=\"textField\"\n kendoTreeViewSelectable\n [children]=\"children\"\n [hasChildren]=\"hasChildren\"\n [loadOnDemand]=\"loadOnDemand\"\n [isExpanded]=\"isNodeExpanded\"\n [isDisabled]=\"itemDisabled\"\n [nodeTemplate]=\"nodeTemplate\"\n [filter]=\"filter\"\n [isVisible]=\"isNodeVisible\"\n (focusout)=\"handleBlur($event)\"\n (keydown)=\"handleKeydown($event)\"\n (selectionChange)=\"onSelectionChange($event)\"\n (expand)=\"nodeExpand.emit($event)\"\n (collapse)=\"nodeCollapse.emit($event)\"\n >\n </kendo-treeview>\n <!--footer template-->\n <ng-template\n *ngIf=\"footerTemplate\"\n [templateContext]=\"{\n templateRef: footerTemplate?.templateRef\n }\">\n </ng-template>\n <!--no-data template-->\n <div class=\"k-nodata\" *ngIf=\"data.length === 0 || allNodesHidden\">\n <ng-template [ngIf]=\"noDataTemplate\"\n [templateContext]=\"{\n templateRef: noDataTemplate?.templateRef\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!noDataTemplate\">\n <div>{{ messageFor('noDataText') }}</div>\n </ng-template>\n </div>\n </ng-template>\n <ng-container #container></ng-container>\n ",
|
|
1137
1146
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1138
1147
|
}),
|
|
1139
1148
|
tslib_1.__param(7, Optional()), tslib_1.__param(7, Inject(TOUCH_ENABLED)),
|
|
@@ -9,7 +9,7 @@ export var packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-dropdowns',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
12
|
+
publishDate: 1635947106,
|
|
13
13
|
version: '',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
15
15
|
};
|
|
@@ -26,6 +26,7 @@ import { DropDownFilterSettings } from './filter-settings';
|
|
|
26
26
|
* public data: Array<string> = ["Albania", "Andorra", "Armenia", "Austria", "Azerbaijan"];
|
|
27
27
|
* }
|
|
28
28
|
* ```
|
|
29
|
+
* > Currently, the built-in filtering does not work with [grouped data]({% slug api_kendo-data-query_groupby %}).
|
|
29
30
|
*/
|
|
30
31
|
export declare class FilterDirective implements OnInit, OnDestroy {
|
|
31
32
|
private component;
|
|
@@ -31,6 +31,7 @@ const DEFAULT_FILTER_SETTINGS = {
|
|
|
31
31
|
* public data: Array<string> = ["Albania", "Andorra", "Armenia", "Austria", "Azerbaijan"];
|
|
32
32
|
* }
|
|
33
33
|
* ```
|
|
34
|
+
* > Currently, the built-in filtering does not work with [grouped data]({% slug api_kendo-data-query_groupby %}).
|
|
34
35
|
*/
|
|
35
36
|
let FilterDirective = class FilterDirective {
|
|
36
37
|
constructor(component) {
|
|
@@ -418,6 +418,10 @@ export declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChang
|
|
|
418
418
|
* @hidden
|
|
419
419
|
*/
|
|
420
420
|
handleFilterInputChange(term: string): void;
|
|
421
|
+
/**
|
|
422
|
+
* @hidden
|
|
423
|
+
*/
|
|
424
|
+
readonly buttonClasses: any;
|
|
421
425
|
protected onTouchedCallback: Function;
|
|
422
426
|
protected onChangeCallback: Function;
|
|
423
427
|
protected verifySettings(): void;
|
|
@@ -552,8 +552,8 @@ let DropDownTreeComponent = DropDownTreeComponent_1 = class DropDownTreeComponen
|
|
|
552
552
|
dataItem;
|
|
553
553
|
const shouldUpdateValue = newValue !== this.value;
|
|
554
554
|
if (shouldUpdateValue) {
|
|
555
|
-
this.dataItem = dataItem;
|
|
556
555
|
this.value = newValue;
|
|
556
|
+
this.dataItem = dataItem;
|
|
557
557
|
this.emitValueChange(this.value);
|
|
558
558
|
}
|
|
559
559
|
this.togglePopup(false);
|
|
@@ -629,6 +629,12 @@ let DropDownTreeComponent = DropDownTreeComponent_1 = class DropDownTreeComponen
|
|
|
629
629
|
this.filterChange.next(term);
|
|
630
630
|
this.allNodesHidden = this.nodes.every((node, index) => !this.isVisible(node, String(index)));
|
|
631
631
|
}
|
|
632
|
+
/**
|
|
633
|
+
* @hidden
|
|
634
|
+
*/
|
|
635
|
+
get buttonClasses() {
|
|
636
|
+
return this.loading ? 'k-i-loading' : 'k-i-arrow-s';
|
|
637
|
+
}
|
|
632
638
|
verifySettings() {
|
|
633
639
|
if (!isDevMode()) {
|
|
634
640
|
return;
|
|
@@ -753,7 +759,6 @@ let DropDownTreeComponent = DropDownTreeComponent_1 = class DropDownTreeComponen
|
|
|
753
759
|
}
|
|
754
760
|
clearState() {
|
|
755
761
|
this.text = undefined;
|
|
756
|
-
this.valueDepth = undefined;
|
|
757
762
|
this.selectedKeys = [];
|
|
758
763
|
}
|
|
759
764
|
subscribeEvents() {
|
|
@@ -1084,7 +1089,7 @@ DropDownTreeComponent = DropDownTreeComponent_1 = tslib_1.__decorate([
|
|
|
1084
1089
|
<ng-template [ngIf]="!valueTemplate"> {{ text || placeholder }} </ng-template>
|
|
1085
1090
|
</span>
|
|
1086
1091
|
<span
|
|
1087
|
-
*ngIf="!loading && !readonly && clearButton && text?.length"
|
|
1092
|
+
*ngIf="!loading && !readonly && clearButton && text?.length && !disabled"
|
|
1088
1093
|
class="k-icon k-clear-value k-i-close"
|
|
1089
1094
|
[style.visibility]="clearButtonVisiblity"
|
|
1090
1095
|
aria-hidden="true"
|
|
@@ -1093,7 +1098,10 @@ DropDownTreeComponent = DropDownTreeComponent_1 = tslib_1.__decorate([
|
|
|
1093
1098
|
>
|
|
1094
1099
|
</span>
|
|
1095
1100
|
<span class="k-select" aria-hidden="true">
|
|
1096
|
-
<span
|
|
1101
|
+
<span
|
|
1102
|
+
class="k-icon k-i-arrow-60-down"
|
|
1103
|
+
[ngClass]="buttonClasses"
|
|
1104
|
+
></span>
|
|
1097
1105
|
</span>
|
|
1098
1106
|
</span>
|
|
1099
1107
|
<ng-template #popupTemplate>
|