@progress/kendo-angular-dropdowns 5.5.0-dev.202110290903 → 5.5.1-dev.202111181325
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/common/list.component.js +15 -1
- package/dist/es/dropdowntrees/dropdowntree.component.js +11 -1
- 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/common/list.component.d.ts +4 -0
- package/dist/es2015/common/list.component.js +14 -1
- package/dist/es2015/dropdowntrees/dropdowntree.component.d.ts +4 -0
- package/dist/es2015/dropdowntrees/dropdowntree.component.js +11 -2
- package/dist/es2015/index.metadata.json +1 -1
- package/dist/es2015/package-metadata.js +1 -1
- package/dist/fesm2015/index.js +27 -4
- package/dist/fesm5/index.js +28 -3
- package/dist/npm/common/filtering/filter.directive.js +1 -0
- package/dist/npm/common/list.component.js +15 -1
- package/dist/npm/dropdowntrees/dropdowntree.component.js +11 -1
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-angular-dropdowns.js +1 -1
- package/package.json +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: 1637241736,
|
|
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
|
};
|
package/dist/fesm2015/index.js
CHANGED
|
@@ -23,7 +23,7 @@ const packageMetadata = {
|
|
|
23
23
|
name: '@progress/kendo-angular-dropdowns',
|
|
24
24
|
productName: 'Kendo UI for Angular',
|
|
25
25
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
26
|
-
publishDate:
|
|
26
|
+
publishDate: 1637241736,
|
|
27
27
|
version: '',
|
|
28
28
|
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'
|
|
29
29
|
};
|
|
@@ -1393,6 +1393,10 @@ let ListComponent = class ListComponent {
|
|
|
1393
1393
|
this.lastLoaded = this.data.length - 1;
|
|
1394
1394
|
this.scrollToFocused = !changes.data.isFirstChange();
|
|
1395
1395
|
}
|
|
1396
|
+
this.setOverflow();
|
|
1397
|
+
}
|
|
1398
|
+
if (isChanged('virtual', changes, false)) {
|
|
1399
|
+
this.setOverflow();
|
|
1396
1400
|
}
|
|
1397
1401
|
}
|
|
1398
1402
|
ngAfterViewInit() {
|
|
@@ -1401,6 +1405,7 @@ let ListComponent = class ListComponent {
|
|
|
1401
1405
|
this.lastScrollTop = this.content.nativeElement.scrollTop;
|
|
1402
1406
|
});
|
|
1403
1407
|
});
|
|
1408
|
+
this.setOverflow();
|
|
1404
1409
|
}
|
|
1405
1410
|
ngAfterViewChecked() {
|
|
1406
1411
|
if (this.virtual) {
|
|
@@ -1574,6 +1579,15 @@ let ListComponent = class ListComponent {
|
|
|
1574
1579
|
const hasVirtualScroll = isPresent(this.virtual) && this.hasVirtualScrollbar();
|
|
1575
1580
|
return hasVirtualScroll || this.list.nativeElement.scrollHeight > this.content.nativeElement.offsetHeight;
|
|
1576
1581
|
}
|
|
1582
|
+
/**
|
|
1583
|
+
* Sets the list's content overflow (hides/shows scrollbar)
|
|
1584
|
+
*/
|
|
1585
|
+
setOverflow() {
|
|
1586
|
+
if (this.virtual) {
|
|
1587
|
+
const overflow = this.hasVirtualScrollbar() ? 'scroll' : 'hidden';
|
|
1588
|
+
this.renderer.setStyle(this.content.nativeElement, 'overflow-y', overflow);
|
|
1589
|
+
}
|
|
1590
|
+
}
|
|
1577
1591
|
/**
|
|
1578
1592
|
* Indicates whether the scrollbar should be visible in virtual mode.
|
|
1579
1593
|
*/
|
|
@@ -1714,7 +1728,6 @@ ListComponent = __decorate([
|
|
|
1714
1728
|
<div #content
|
|
1715
1729
|
[ngClass]="{ 'k-virtual-content': virtual, 'k-list-scroller': !virtual }"
|
|
1716
1730
|
[style.maxHeight.px]="height"
|
|
1717
|
-
[style.overflowY]="overflowY"
|
|
1718
1731
|
unselectable="on">
|
|
1719
1732
|
<ul #list
|
|
1720
1733
|
role="listbox"
|
|
@@ -8727,6 +8740,12 @@ let DropDownTreeComponent = DropDownTreeComponent_1 = class DropDownTreeComponen
|
|
|
8727
8740
|
this.filterChange.next(term);
|
|
8728
8741
|
this.allNodesHidden = this.nodes.every((node, index) => !this.isVisible(node, String(index)));
|
|
8729
8742
|
}
|
|
8743
|
+
/**
|
|
8744
|
+
* @hidden
|
|
8745
|
+
*/
|
|
8746
|
+
get buttonClasses() {
|
|
8747
|
+
return this.loading ? 'k-i-loading' : 'k-i-arrow-s';
|
|
8748
|
+
}
|
|
8730
8749
|
verifySettings() {
|
|
8731
8750
|
if (!isDevMode()) {
|
|
8732
8751
|
return;
|
|
@@ -9181,7 +9200,7 @@ DropDownTreeComponent = DropDownTreeComponent_1 = __decorate([
|
|
|
9181
9200
|
<ng-template [ngIf]="!valueTemplate"> {{ text || placeholder }} </ng-template>
|
|
9182
9201
|
</span>
|
|
9183
9202
|
<span
|
|
9184
|
-
*ngIf="!loading && !readonly && clearButton && text?.length"
|
|
9203
|
+
*ngIf="!loading && !readonly && clearButton && text?.length && !disabled"
|
|
9185
9204
|
class="k-icon k-clear-value k-i-close"
|
|
9186
9205
|
[style.visibility]="clearButtonVisiblity"
|
|
9187
9206
|
aria-hidden="true"
|
|
@@ -9190,7 +9209,10 @@ DropDownTreeComponent = DropDownTreeComponent_1 = __decorate([
|
|
|
9190
9209
|
>
|
|
9191
9210
|
</span>
|
|
9192
9211
|
<span class="k-select" aria-hidden="true">
|
|
9193
|
-
<span
|
|
9212
|
+
<span
|
|
9213
|
+
class="k-icon k-i-arrow-60-down"
|
|
9214
|
+
[ngClass]="buttonClasses"
|
|
9215
|
+
></span>
|
|
9194
9216
|
</span>
|
|
9195
9217
|
</span>
|
|
9196
9218
|
<ng-template #popupTemplate>
|
|
@@ -11103,6 +11125,7 @@ const DEFAULT_FILTER_SETTINGS = {
|
|
|
11103
11125
|
* public data: Array<string> = ["Albania", "Andorra", "Armenia", "Austria", "Azerbaijan"];
|
|
11104
11126
|
* }
|
|
11105
11127
|
* ```
|
|
11128
|
+
* > Currently, the built-in filtering does not work with [grouped data]({% slug api_kendo-data-query_groupby %}).
|
|
11106
11129
|
*/
|
|
11107
11130
|
let FilterDirective = class FilterDirective {
|
|
11108
11131
|
constructor(component) {
|
package/dist/fesm5/index.js
CHANGED
|
@@ -23,7 +23,7 @@ var packageMetadata = {
|
|
|
23
23
|
name: '@progress/kendo-angular-dropdowns',
|
|
24
24
|
productName: 'Kendo UI for Angular',
|
|
25
25
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
26
|
-
publishDate:
|
|
26
|
+
publishDate: 1637241736,
|
|
27
27
|
version: '',
|
|
28
28
|
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'
|
|
29
29
|
};
|
|
@@ -1440,6 +1440,10 @@ var ListComponent = /** @class */ (function () {
|
|
|
1440
1440
|
this.lastLoaded = this.data.length - 1;
|
|
1441
1441
|
this.scrollToFocused = !changes.data.isFirstChange();
|
|
1442
1442
|
}
|
|
1443
|
+
this.setOverflow();
|
|
1444
|
+
}
|
|
1445
|
+
if (isChanged('virtual', changes, false)) {
|
|
1446
|
+
this.setOverflow();
|
|
1443
1447
|
}
|
|
1444
1448
|
};
|
|
1445
1449
|
ListComponent.prototype.ngAfterViewInit = function () {
|
|
@@ -1449,6 +1453,7 @@ var ListComponent = /** @class */ (function () {
|
|
|
1449
1453
|
_this.lastScrollTop = _this.content.nativeElement.scrollTop;
|
|
1450
1454
|
});
|
|
1451
1455
|
});
|
|
1456
|
+
this.setOverflow();
|
|
1452
1457
|
};
|
|
1453
1458
|
ListComponent.prototype.ngAfterViewChecked = function () {
|
|
1454
1459
|
if (this.virtual) {
|
|
@@ -1624,6 +1629,15 @@ var ListComponent = /** @class */ (function () {
|
|
|
1624
1629
|
var hasVirtualScroll = isPresent(this.virtual) && this.hasVirtualScrollbar();
|
|
1625
1630
|
return hasVirtualScroll || this.list.nativeElement.scrollHeight > this.content.nativeElement.offsetHeight;
|
|
1626
1631
|
};
|
|
1632
|
+
/**
|
|
1633
|
+
* Sets the list's content overflow (hides/shows scrollbar)
|
|
1634
|
+
*/
|
|
1635
|
+
ListComponent.prototype.setOverflow = function () {
|
|
1636
|
+
if (this.virtual) {
|
|
1637
|
+
var overflow = this.hasVirtualScrollbar() ? 'scroll' : 'hidden';
|
|
1638
|
+
this.renderer.setStyle(this.content.nativeElement, 'overflow-y', overflow);
|
|
1639
|
+
}
|
|
1640
|
+
};
|
|
1627
1641
|
/**
|
|
1628
1642
|
* Indicates whether the scrollbar should be visible in virtual mode.
|
|
1629
1643
|
*/
|
|
@@ -1744,7 +1758,7 @@ var ListComponent = /** @class */ (function () {
|
|
|
1744
1758
|
ListComponent = __decorate([
|
|
1745
1759
|
Component({
|
|
1746
1760
|
selector: 'kendo-list',
|
|
1747
|
-
template: "\n <div *ngIf=\"dataService.grouped\"\n class='k-outer-group-header k-first'\n [ngClass]=\"{'k-virtual-item': virtual}\"\n [ngStyle]=\"{\n 'height.px': virtual?.itemHeight,\n 'minHeight.px' : virtual?.itemHeight,\n 'boxSizing' : virtual ? 'border-box' : 'inherit'}\"\n >\n <ng-template *ngIf=\"fixedGroupTemplate\"\n [templateContext]=\"{\n templateRef: fixedGroupTemplate.templateRef,\n $implicit: currentGroup\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!fixedGroupTemplate\"><strong>{{ currentGroup }}</strong> </ng-template>\n </div>\n <div #content\n [ngClass]=\"{ 'k-virtual-content': virtual, 'k-list-scroller': !virtual }\"\n [style.maxHeight.px]=\"height\"\n
|
|
1761
|
+
template: "\n <div *ngIf=\"dataService.grouped\"\n class='k-outer-group-header k-first'\n [ngClass]=\"{'k-virtual-item': virtual}\"\n [ngStyle]=\"{\n 'height.px': virtual?.itemHeight,\n 'minHeight.px' : virtual?.itemHeight,\n 'boxSizing' : virtual ? 'border-box' : 'inherit'}\"\n >\n <ng-template *ngIf=\"fixedGroupTemplate\"\n [templateContext]=\"{\n templateRef: fixedGroupTemplate.templateRef,\n $implicit: currentGroup\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!fixedGroupTemplate\"><strong>{{ currentGroup }}</strong> </ng-template>\n </div>\n <div #content\n [ngClass]=\"{ 'k-virtual-content': virtual, 'k-list-scroller': !virtual }\"\n [style.maxHeight.px]=\"height\"\n unselectable=\"on\">\n <ul #list\n role=\"listbox\"\n [class]=\"listClass\"\n [ngClass]=\"{ 'k-virtual-list': virtual }\"\n [attr.id]=\"id\"\n [attr.aria-hidden]=\"!show\">\n <ng-template *ngIf=\"!dataService.grouped && show\" ngFor let-dataItem let-itemIndex=\"index\" [ngForOf]=\"data\">\n <li\n role=\"option\"\n kendoDropDownsSelectable\n [checkboxes]=\"checkboxes\"\n [height]=\"virtual?.itemHeight\"\n [index]=\"itemIndex + startFrom\"\n [multipleSelection]=\"multipleSelection\"\n [attr.id]=\"optionPrefix + '-' + getValue(dataItem)\"\n [attr.tabIndex]=\"-1\"\n class=\"k-item\"\n [ngClass]=\"{ 'k-virtual-item': virtual, 'k-state-disabled': isDisabled(itemIndex) }\">\n <label *ngIf=\"checkboxes.enabled\"\n class=\"k-checkbox-label\">\n <input type=\"checkbox\"\n class=\"k-checkbox\"\n (change)=\"onCheckedChange($event, itemIndex)\"\n [checked]=\"isChecked(itemIndex)\"\n />\n </label>\n <ng-template *ngIf=\"template\"\n [templateContext]=\"{\n templateRef: template.templateRef,\n $implicit: dataItem\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!template\">{{ getText(dataItem) }}</ng-template>\n </li>\n </ng-template>\n <ng-template *ngIf=\"dataService.grouped\" ngFor let-dataItem let-itemIndex=\"index\" [ngForOf]=\"data\">\n <li\n *ngIf=\"dataItem.header && dataItem.index > 0\"\n role=\"group\"\n class='k-outer-group-header'\n [ngClass]=\"{ 'k-virtual-item': virtual }\"\n [ngStyle]=\"{\n 'height.px': virtual?.itemHeight,\n 'minHeight.px' : virtual?.itemHeight,\n 'boxSizing' : virtual ? 'border-box' : 'inherit'}\"\n [attr.group-index]=\"dataItem.index\"\n [attr.id]=\"optionPrefix + '-' + getValue(dataItem.value)\"\n [attr.tabIndex]=\"-1\">\n <ng-template *ngIf=\"groupTemplate\"\n [templateContext]=\"{\n templateRef: groupTemplate.templateRef,\n $implicit: dataItem.value\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!groupTemplate\"><strong> {{ dataItem.value }}</strong> </ng-template>\n </li>\n <li\n *ngIf=\"!dataItem.header\"\n role=\"option\"\n kendoDropDownsSelectable\n [height]=\"virtual?.itemHeight\"\n [index]=\"dataItem.offsetIndex\"\n [multipleSelection]=\"multipleSelection\"\n [attr.absolute-index]=\"dataItem.index\"\n [attr.id]=\"optionPrefix + '-' + getValue(dataItem.value)\"\n [attr.tabIndex]=\"-1\"\n class=\"k-item\"\n [ngClass]=\"{ 'k-virtual-item': virtual, 'k-state-disabled': isDisabled(dataItem.offsetIndex) }\">\n <ng-template *ngIf=\"template\"\n [templateContext]=\"{\n templateRef: template.templateRef,\n $implicit: dataItem.value\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!template\">{{ getText(dataItem.value) }}</ng-template>\n </li>\n </ng-template>\n <kendo-resize-sensor\n *ngIf=\"!virtual\"\n (resize)=\"listResize.emit()\"\n >\n </kendo-resize-sensor>\n </ul>\n <div *ngIf=\"virtual\" #virtualContainer class=\"k-height-container\" role=\"presentation\">\n <div [style.height.px]=\"scrollHeight\">\n <kendo-resize-sensor (resize)=\"listResize.emit()\"></kendo-resize-sensor>\n </div>\n </div>\n </div>\n "
|
|
1748
1762
|
}),
|
|
1749
1763
|
__metadata("design:paramtypes", [DataService,
|
|
1750
1764
|
ElementRef,
|
|
@@ -8542,6 +8556,16 @@ var DropDownTreeComponent = /** @class */ (function () {
|
|
|
8542
8556
|
this.filterChange.next(term);
|
|
8543
8557
|
this.allNodesHidden = this.nodes.every(function (node, index) { return !_this.isVisible(node, String(index)); });
|
|
8544
8558
|
};
|
|
8559
|
+
Object.defineProperty(DropDownTreeComponent.prototype, "buttonClasses", {
|
|
8560
|
+
/**
|
|
8561
|
+
* @hidden
|
|
8562
|
+
*/
|
|
8563
|
+
get: function () {
|
|
8564
|
+
return this.loading ? 'k-i-loading' : 'k-i-arrow-s';
|
|
8565
|
+
},
|
|
8566
|
+
enumerable: true,
|
|
8567
|
+
configurable: true
|
|
8568
|
+
});
|
|
8545
8569
|
DropDownTreeComponent.prototype.verifySettings = function () {
|
|
8546
8570
|
if (!isDevMode()) {
|
|
8547
8571
|
return;
|
|
@@ -8958,7 +8982,7 @@ var DropDownTreeComponent = /** @class */ (function () {
|
|
|
8958
8982
|
}
|
|
8959
8983
|
],
|
|
8960
8984
|
selector: 'kendo-dropdowntree',
|
|
8961
|
-
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
|
|
8985
|
+
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 ",
|
|
8962
8986
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
8963
8987
|
}),
|
|
8964
8988
|
__param(7, Optional()), __param(7, Inject(TOUCH_ENABLED)),
|
|
@@ -10718,6 +10742,7 @@ var DEFAULT_FILTER_SETTINGS = {
|
|
|
10718
10742
|
* public data: Array<string> = ["Albania", "Andorra", "Armenia", "Austria", "Azerbaijan"];
|
|
10719
10743
|
* }
|
|
10720
10744
|
* ```
|
|
10745
|
+
* > Currently, the built-in filtering does not work with [grouped data]({% slug api_kendo-data-query_groupby %}).
|
|
10721
10746
|
*/
|
|
10722
10747
|
var FilterDirective = /** @class */ (function () {
|
|
10723
10748
|
function FilterDirective(component) {
|
|
@@ -33,6 +33,7 @@ var DEFAULT_FILTER_SETTINGS = {
|
|
|
33
33
|
* public data: Array<string> = ["Albania", "Andorra", "Armenia", "Austria", "Azerbaijan"];
|
|
34
34
|
* }
|
|
35
35
|
* ```
|
|
36
|
+
* > Currently, the built-in filtering does not work with [grouped data]({% slug api_kendo-data-query_groupby %}).
|
|
36
37
|
*/
|
|
37
38
|
var FilterDirective = /** @class */ (function () {
|
|
38
39
|
function FilterDirective(component) {
|
|
@@ -94,6 +94,10 @@ var ListComponent = /** @class */ (function () {
|
|
|
94
94
|
this.lastLoaded = this.data.length - 1;
|
|
95
95
|
this.scrollToFocused = !changes.data.isFirstChange();
|
|
96
96
|
}
|
|
97
|
+
this.setOverflow();
|
|
98
|
+
}
|
|
99
|
+
if (kendo_angular_common_1.isChanged('virtual', changes, false)) {
|
|
100
|
+
this.setOverflow();
|
|
97
101
|
}
|
|
98
102
|
};
|
|
99
103
|
ListComponent.prototype.ngAfterViewInit = function () {
|
|
@@ -103,6 +107,7 @@ var ListComponent = /** @class */ (function () {
|
|
|
103
107
|
_this.lastScrollTop = _this.content.nativeElement.scrollTop;
|
|
104
108
|
});
|
|
105
109
|
});
|
|
110
|
+
this.setOverflow();
|
|
106
111
|
};
|
|
107
112
|
ListComponent.prototype.ngAfterViewChecked = function () {
|
|
108
113
|
if (this.virtual) {
|
|
@@ -278,6 +283,15 @@ var ListComponent = /** @class */ (function () {
|
|
|
278
283
|
var hasVirtualScroll = util_1.isPresent(this.virtual) && this.hasVirtualScrollbar();
|
|
279
284
|
return hasVirtualScroll || this.list.nativeElement.scrollHeight > this.content.nativeElement.offsetHeight;
|
|
280
285
|
};
|
|
286
|
+
/**
|
|
287
|
+
* Sets the list's content overflow (hides/shows scrollbar)
|
|
288
|
+
*/
|
|
289
|
+
ListComponent.prototype.setOverflow = function () {
|
|
290
|
+
if (this.virtual) {
|
|
291
|
+
var overflow = this.hasVirtualScrollbar() ? 'scroll' : 'hidden';
|
|
292
|
+
this.renderer.setStyle(this.content.nativeElement, 'overflow-y', overflow);
|
|
293
|
+
}
|
|
294
|
+
};
|
|
281
295
|
/**
|
|
282
296
|
* Indicates whether the scrollbar should be visible in virtual mode.
|
|
283
297
|
*/
|
|
@@ -398,7 +412,7 @@ var ListComponent = /** @class */ (function () {
|
|
|
398
412
|
ListComponent = tslib_1.__decorate([
|
|
399
413
|
core_1.Component({
|
|
400
414
|
selector: 'kendo-list',
|
|
401
|
-
template: "\n <div *ngIf=\"dataService.grouped\"\n class='k-outer-group-header k-first'\n [ngClass]=\"{'k-virtual-item': virtual}\"\n [ngStyle]=\"{\n 'height.px': virtual?.itemHeight,\n 'minHeight.px' : virtual?.itemHeight,\n 'boxSizing' : virtual ? 'border-box' : 'inherit'}\"\n >\n <ng-template *ngIf=\"fixedGroupTemplate\"\n [templateContext]=\"{\n templateRef: fixedGroupTemplate.templateRef,\n $implicit: currentGroup\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!fixedGroupTemplate\"><strong>{{ currentGroup }}</strong> </ng-template>\n </div>\n <div #content\n [ngClass]=\"{ 'k-virtual-content': virtual, 'k-list-scroller': !virtual }\"\n [style.maxHeight.px]=\"height\"\n
|
|
415
|
+
template: "\n <div *ngIf=\"dataService.grouped\"\n class='k-outer-group-header k-first'\n [ngClass]=\"{'k-virtual-item': virtual}\"\n [ngStyle]=\"{\n 'height.px': virtual?.itemHeight,\n 'minHeight.px' : virtual?.itemHeight,\n 'boxSizing' : virtual ? 'border-box' : 'inherit'}\"\n >\n <ng-template *ngIf=\"fixedGroupTemplate\"\n [templateContext]=\"{\n templateRef: fixedGroupTemplate.templateRef,\n $implicit: currentGroup\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!fixedGroupTemplate\"><strong>{{ currentGroup }}</strong> </ng-template>\n </div>\n <div #content\n [ngClass]=\"{ 'k-virtual-content': virtual, 'k-list-scroller': !virtual }\"\n [style.maxHeight.px]=\"height\"\n unselectable=\"on\">\n <ul #list\n role=\"listbox\"\n [class]=\"listClass\"\n [ngClass]=\"{ 'k-virtual-list': virtual }\"\n [attr.id]=\"id\"\n [attr.aria-hidden]=\"!show\">\n <ng-template *ngIf=\"!dataService.grouped && show\" ngFor let-dataItem let-itemIndex=\"index\" [ngForOf]=\"data\">\n <li\n role=\"option\"\n kendoDropDownsSelectable\n [checkboxes]=\"checkboxes\"\n [height]=\"virtual?.itemHeight\"\n [index]=\"itemIndex + startFrom\"\n [multipleSelection]=\"multipleSelection\"\n [attr.id]=\"optionPrefix + '-' + getValue(dataItem)\"\n [attr.tabIndex]=\"-1\"\n class=\"k-item\"\n [ngClass]=\"{ 'k-virtual-item': virtual, 'k-state-disabled': isDisabled(itemIndex) }\">\n <label *ngIf=\"checkboxes.enabled\"\n class=\"k-checkbox-label\">\n <input type=\"checkbox\"\n class=\"k-checkbox\"\n (change)=\"onCheckedChange($event, itemIndex)\"\n [checked]=\"isChecked(itemIndex)\"\n />\n </label>\n <ng-template *ngIf=\"template\"\n [templateContext]=\"{\n templateRef: template.templateRef,\n $implicit: dataItem\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!template\">{{ getText(dataItem) }}</ng-template>\n </li>\n </ng-template>\n <ng-template *ngIf=\"dataService.grouped\" ngFor let-dataItem let-itemIndex=\"index\" [ngForOf]=\"data\">\n <li\n *ngIf=\"dataItem.header && dataItem.index > 0\"\n role=\"group\"\n class='k-outer-group-header'\n [ngClass]=\"{ 'k-virtual-item': virtual }\"\n [ngStyle]=\"{\n 'height.px': virtual?.itemHeight,\n 'minHeight.px' : virtual?.itemHeight,\n 'boxSizing' : virtual ? 'border-box' : 'inherit'}\"\n [attr.group-index]=\"dataItem.index\"\n [attr.id]=\"optionPrefix + '-' + getValue(dataItem.value)\"\n [attr.tabIndex]=\"-1\">\n <ng-template *ngIf=\"groupTemplate\"\n [templateContext]=\"{\n templateRef: groupTemplate.templateRef,\n $implicit: dataItem.value\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!groupTemplate\"><strong> {{ dataItem.value }}</strong> </ng-template>\n </li>\n <li\n *ngIf=\"!dataItem.header\"\n role=\"option\"\n kendoDropDownsSelectable\n [height]=\"virtual?.itemHeight\"\n [index]=\"dataItem.offsetIndex\"\n [multipleSelection]=\"multipleSelection\"\n [attr.absolute-index]=\"dataItem.index\"\n [attr.id]=\"optionPrefix + '-' + getValue(dataItem.value)\"\n [attr.tabIndex]=\"-1\"\n class=\"k-item\"\n [ngClass]=\"{ 'k-virtual-item': virtual, 'k-state-disabled': isDisabled(dataItem.offsetIndex) }\">\n <ng-template *ngIf=\"template\"\n [templateContext]=\"{\n templateRef: template.templateRef,\n $implicit: dataItem.value\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!template\">{{ getText(dataItem.value) }}</ng-template>\n </li>\n </ng-template>\n <kendo-resize-sensor\n *ngIf=\"!virtual\"\n (resize)=\"listResize.emit()\"\n >\n </kendo-resize-sensor>\n </ul>\n <div *ngIf=\"virtual\" #virtualContainer class=\"k-height-container\" role=\"presentation\">\n <div [style.height.px]=\"scrollHeight\">\n <kendo-resize-sensor (resize)=\"listResize.emit()\"></kendo-resize-sensor>\n </div>\n </div>\n </div>\n "
|
|
402
416
|
}),
|
|
403
417
|
tslib_1.__metadata("design:paramtypes", [data_service_1.DataService,
|
|
404
418
|
core_1.ElementRef,
|
|
@@ -722,6 +722,16 @@ var DropDownTreeComponent = /** @class */ (function () {
|
|
|
722
722
|
this.filterChange.next(term);
|
|
723
723
|
this.allNodesHidden = this.nodes.every(function (node, index) { return !_this.isVisible(node, String(index)); });
|
|
724
724
|
};
|
|
725
|
+
Object.defineProperty(DropDownTreeComponent.prototype, "buttonClasses", {
|
|
726
|
+
/**
|
|
727
|
+
* @hidden
|
|
728
|
+
*/
|
|
729
|
+
get: function () {
|
|
730
|
+
return this.loading ? 'k-i-loading' : 'k-i-arrow-s';
|
|
731
|
+
},
|
|
732
|
+
enumerable: true,
|
|
733
|
+
configurable: true
|
|
734
|
+
});
|
|
725
735
|
DropDownTreeComponent.prototype.verifySettings = function () {
|
|
726
736
|
if (!core_1.isDevMode()) {
|
|
727
737
|
return;
|
|
@@ -1138,7 +1148,7 @@ var DropDownTreeComponent = /** @class */ (function () {
|
|
|
1138
1148
|
}
|
|
1139
1149
|
],
|
|
1140
1150
|
selector: 'kendo-dropdowntree',
|
|
1141
|
-
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
|
|
1151
|
+
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 ",
|
|
1142
1152
|
changeDetection: core_1.ChangeDetectionStrategy.OnPush
|
|
1143
1153
|
}),
|
|
1144
1154
|
tslib_1.__param(7, core_1.Optional()), tslib_1.__param(7, core_1.Inject(touch_enabled_1.TOUCH_ENABLED)),
|
|
@@ -11,7 +11,7 @@ exports.packageMetadata = {
|
|
|
11
11
|
name: '@progress/kendo-angular-dropdowns',
|
|
12
12
|
productName: 'Kendo UI for Angular',
|
|
13
13
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
14
|
-
publishDate:
|
|
14
|
+
publishDate: 1637241736,
|
|
15
15
|
version: '',
|
|
16
16
|
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'
|
|
17
17
|
};
|