@progress/kendo-angular-dropdowns 5.5.0-dev.202111011140 → 5.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/js/kendo-angular-dropdowns.js +2 -2
- package/dist/cdn/main.js +1 -1
- package/dist/es/common/list.component.js +15 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es2015/common/list.component.d.ts +4 -0
- package/dist/es2015/common/list.component.js +15 -1
- package/dist/es2015/index.metadata.json +1 -1
- package/dist/es2015/package-metadata.js +1 -1
- package/dist/fesm2015/index.js +16 -2
- package/dist/fesm5/index.js +16 -2
- package/dist/npm/common/list.component.js +15 -1
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-angular-dropdowns.js +1 -1
- package/package.json +1 -1
|
@@ -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: 1639043976,
|
|
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: 1639043976,
|
|
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
|
*/
|
|
@@ -1713,8 +1727,8 @@ ListComponent = __decorate([
|
|
|
1713
1727
|
</div>
|
|
1714
1728
|
<div #content
|
|
1715
1729
|
[ngClass]="{ 'k-virtual-content': virtual, 'k-list-scroller': !virtual }"
|
|
1730
|
+
[style.overscrollBehavior]="'none'"
|
|
1716
1731
|
[style.maxHeight.px]="height"
|
|
1717
|
-
[style.overflowY]="overflowY"
|
|
1718
1732
|
unselectable="on">
|
|
1719
1733
|
<ul #list
|
|
1720
1734
|
role="listbox"
|
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: 1639043976,
|
|
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.
|
|
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.overscrollBehavior]=\"'none'\"\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,
|
|
@@ -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.
|
|
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.overscrollBehavior]=\"'none'\"\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,
|
|
@@ -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: 1639043976,
|
|
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
|
};
|