@progress/kendo-angular-treelist 5.0.3 → 5.0.5-dev.202208180735

package/fesm2015/kendo-angular-treelist.js

@@ -42,7 +42,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-treelist',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1655881038,
+    publishDate: 1660808071,
     version: '',
     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'
 };
@@ -7211,7 +7211,7 @@ class FilterMenuComponent {
 FilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterMenuComponent, deps: [{ token: FilterService }, { token: SinglePopupService }, { token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
 FilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterMenuComponent, selector: "kendo-treelist-filter-menu", inputs: { column: "column", filter: "filter" }, ngImport: i0, template: `
         <a #anchor
-            [ngClass]="{'k-grid-filter':true, 'k-state-active': hasFilters}"
+            [ngClass]="{'k-grid-filter':true, 'k-active': hasFilters}"
             (click)="toggle(anchor, template)"
             href="#"
             [attr.title]="filterLabel">
@@ -7232,7 +7232,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     selector: 'kendo-treelist-filter-menu',
                     template: `
         <a #anchor
-            [ngClass]="{'k-grid-filter':true, 'k-state-active': hasFilters}"
+            [ngClass]="{'k-grid-filter':true, 'k-active': hasFilters}"
             (click)="toggle(anchor, template)"
             href="#"
             [attr.title]="filterLabel">
@@ -7406,7 +7406,7 @@ class ColumnMenuItemComponent {
 }
 ColumnMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 ColumnMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: { icon: "icon", text: "text", selected: "selected", disabled: "disabled", expanded: "expanded" }, outputs: { itemClick: "itemClick", expand: "expand", collapse: "collapse" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ColumnMenuItemContentTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
-        <div class="k-columnmenu-item" (click)="onClick($event)" [class.k-state-selected]="selected" [class.k-state-disabled]="disabled">
+        <div class="k-columnmenu-item" (click)="onClick($event)" [class.k-selected]="selected" [class.k-disabled]="disabled">
            <span *ngIf="icon" class="k-icon" [ngClass]="iconClass">
            </span>
            {{ text }}
@@ -7466,7 +7466,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     ],
                     selector: 'kendo-treelist-columnmenu-item',
                     template: `
-        <div class="k-columnmenu-item" (click)="onClick($event)" [class.k-state-selected]="selected" [class.k-state-disabled]="disabled">
+        <div class="k-columnmenu-item" (click)="onClick($event)" [class.k-selected]="selected" [class.k-disabled]="disabled">
            <span *ngIf="icon" class="k-icon" [ngClass]="iconClass">
            </span>
            {{ text }}
@@ -7553,10 +7553,10 @@ class ColumnMenuSortComponent extends ColumnMenuItemBase {
 ColumnMenuSortComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnMenuSortComponent, deps: [{ token: i1$1.LocalizationService }, { token: SortService }], target: i0.ɵɵFactoryTarget.Component });
 ColumnMenuSortComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ColumnMenuSortComponent, selector: "kendo-treelist-columnmenu-sort", usesInheritance: true, ngImport: i0, template: `
         <kendo-treelist-columnmenu-item [text]="localization.get('sortAscending')"
-            icon="sort-asc-sm" (itemClick)="toggleSort('asc')" [selected]="sortedAsc">
+            icon="sort-asc-small" (itemClick)="toggleSort('asc')" [selected]="sortedAsc">
         </kendo-treelist-columnmenu-item>
         <kendo-treelist-columnmenu-item [text]="localization.get('sortDescending')"
-            icon="sort-desc-sm" (itemClick)="toggleSort('desc')" [selected]="sortedDesc">
+            icon="sort-desc-small" (itemClick)="toggleSort('desc')" [selected]="sortedDesc">
         </kendo-treelist-columnmenu-item>
     `, isInline: true, components: [{ type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ColumnMenuSortComponent, decorators: [{
@@ -7565,10 +7565,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     selector: 'kendo-treelist-columnmenu-sort',
                     template: `
         <kendo-treelist-columnmenu-item [text]="localization.get('sortAscending')"
-            icon="sort-asc-sm" (itemClick)="toggleSort('asc')" [selected]="sortedAsc">
+            icon="sort-asc-small" (itemClick)="toggleSort('asc')" [selected]="sortedAsc">
         </kendo-treelist-columnmenu-item>
         <kendo-treelist-columnmenu-item [text]="localization.get('sortDescending')"
-            icon="sort-desc-sm" (itemClick)="toggleSort('desc')" [selected]="sortedDesc">
+            icon="sort-desc-small" (itemClick)="toggleSort('desc')" [selected]="sortedDesc">
         </kendo-treelist-columnmenu-item>
     `
                 }]
@@ -8138,7 +8138,7 @@ ColumnMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", vers
 ColumnMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ColumnMenuComponent, selector: "kendo-treelist-column-menu", inputs: { standalone: "standalone", column: "column", settings: "settings", sort: "sort", filter: "filter", sortable: "sortable", columnMenuTemplate: "columnMenuTemplate" }, host: { properties: { "class.k-grid-column-menu-standalone": "this.standalone" } }, providers: [ColumnMenuService], usesOnChanges: true, ngImport: i0, template: `
         <a #anchor
             class="k-grid-column-menu k-grid-filter"
-            [ngClass]="{ 'k-state-active': isActive }"
+            [ngClass]="{ 'k-active': isActive }"
             (click)="toggle($event, anchor, template)"
             href="#"
             tabindex="-1"
@@ -8171,7 +8171,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     template: `
         <a #anchor
             class="k-grid-column-menu k-grid-filter"
-            [ngClass]="{ 'k-state-active': isActive }"
+            [ngClass]="{ 'k-active': isActive }"
             (click)="toggle($event, anchor, template)"
             href="#"
             tabindex="-1"
@@ -8938,11 +8938,11 @@ class LogicalCellDirective {
                 if (!this.logicalSlaveCell && this.navigationService.autoFocusCell(this.logicalColIndex, this.logicalColIndex + this.colSpan - 1)) {
                     this.microtask(() => this.isFocused() && el.focus());
                 }
-                this.renderer.addClass(el, 'k-state-focused');
+                this.renderer.addClass(el, 'k-focus');
             }
         }
         else {
-            this.renderer.removeClass(el, 'k-state-focused');
+            this.renderer.removeClass(el, 'k-focus');
         }
     }
     microtask(callback) {
@@ -9161,8 +9161,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  */
 const preventOnDblClick$1 = release => mouseDown => of(mouseDown).pipe(delay(150), takeUntil(release));
 const hasClass = className => el => new RegExp(`(^| )${className}( |$)`).test(el.className);
-const isDeleteButton = or(hasClass('k-i-group-delete'), hasClass('k-icon-button'));
-const isSortIcon = or(hasClass('k-i-sort-asc-sm'), hasClass('k-i-sort-desc-sm'));
+const isDeleteButton = or(hasClass('k-i-x'), hasClass('k-icon-button'));
+const isSortIcon = or(hasClass('k-i-sort-asc-small'), hasClass('k-i-sort-desc-small'));
 const skipButtons = and(not(isDeleteButton), not(isSortIcon), not(isFocusableWithTabKey), not(matchesNodeName('label')));
 const elementUnderCursor$1 = ({ clientX, clientY }) => document.elementFromPoint(clientX, clientY);
 const hideThenShow = (element, cont) => {
@@ -9607,8 +9607,8 @@ class HeaderComponent {
         const state = this.sortDescriptor(field);
         return {
             'k-icon': isPresent(state.dir),
-            'k-i-sort-desc-sm': state.dir === "desc",
-            'k-i-sort-asc-sm': state.dir === "asc"
+            'k-i-sort-desc-small': state.dir === "desc",
+            'k-i-sort-asc-small': state.dir === "asc"
         };
     }
     sortState(column) {
@@ -10517,7 +10517,7 @@ CellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
                 <ng-container *ngIf="column.expandable">
                     <span class="k-icon k-i-none" *ngFor="let item of level | levelItems : hasChildren && expandIcons"></span>
                     <span class="k-icon" *ngIf="hasChildren && expandIcons"
-                        [ngClass]="{ 'k-i-collapse': isExpanded && !loading, 'k-i-expand': !isExpanded && !loading, 'k-i-loading': loading }">
+                        [ngClass]="{ 'k-i-caret-alt-down': isExpanded && !loading, 'k-i-caret-alt-right': !isExpanded && !loading, 'k-i-loading': loading }">
                     </span>
                 </ng-container>
                 <ng-container *ngIf="column.templateRef"
@@ -10588,7 +10588,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 <ng-container *ngIf="column.expandable">
                     <span class="k-icon k-i-none" *ngFor="let item of level | levelItems : hasChildren && expandIcons"></span>
                     <span class="k-icon" *ngIf="hasChildren && expandIcons"
-                        [ngClass]="{ 'k-i-collapse': isExpanded && !loading, 'k-i-expand': !isExpanded && !loading, 'k-i-loading': loading }">
+                        [ngClass]="{ 'k-i-caret-alt-down': isExpanded && !loading, 'k-i-caret-alt-right': !isExpanded && !loading, 'k-i-loading': loading }">
                     </span>
                 </ng-container>
                 <ng-container *ngIf="column.templateRef"
@@ -10931,7 +10931,7 @@ class TableBodyComponent {
         return {};
     }
     expandClick(eventArg, row) {
-        if (eventArg.type === 'click' && hasClasses(eventArg.target, 'k-i-expand k-i-collapse')) {
+        if (eventArg.type === 'click' && hasClasses(eventArg.target, 'k-i-caret-alt-right k-i-caret-alt-down')) {
             eventArg.preventDefault();
             const viewItem = this.rowItem(row);
             if (viewItem.type === 'data') {
@@ -10985,7 +10985,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             [class.k-alt]="isOdd(item)"
             [class.k-grid-edit-row]="isEditingRow(item)"
             [class.k-grid-add-row]="item.isNew"
-            [class.k-state-selected]="item.selected"
+            [class.k-selected]="item.selected"
             [attr.data-treelist-view-index]="rowIndex">
 
             <td kendoTreeListCell
@@ -11013,7 +11013,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                     [attr.aria-selected]="ariaSelected(item, column, lockedColumnsCount + columnIndex)"
                 [ngClass]="column.cssClass"
                 [class.k-grid-edit-cell]="isEditingCell(item, column)"
-                [class.k-state-selected]="isCellSelected(item.data, column, lockedColumnsCount + columnIndex)"
+                [class.k-selected]="isCellSelected(item.data, column, lockedColumnsCount + columnIndex)"
                 [ngStyle]="column.style"
                 [attr.colspan]="column.colspan"
                 *ngFor="let column of columns; let columnIndex = index; trackBy: trackByColumns;">
@@ -11082,7 +11082,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [class.k-alt]="isOdd(item)"
             [class.k-grid-edit-row]="isEditingRow(item)"
             [class.k-grid-add-row]="item.isNew"
-            [class.k-state-selected]="item.selected"
+            [class.k-selected]="item.selected"
             [attr.data-treelist-view-index]="rowIndex">
 
             <td kendoTreeListCell
@@ -11110,7 +11110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     [attr.aria-selected]="ariaSelected(item, column, lockedColumnsCount + columnIndex)"
                 [ngClass]="column.cssClass"
                 [class.k-grid-edit-cell]="isEditingCell(item, column)"
-                [class.k-state-selected]="isCellSelected(item.data, column, lockedColumnsCount + columnIndex)"
+                [class.k-selected]="isCellSelected(item.data, column, lockedColumnsCount + columnIndex)"
                 [ngStyle]="column.style"
                 [attr.colspan]="column.colspan"
                 *ngFor="let column of columns; let columnIndex = index; trackBy: trackByColumns;">
@@ -12201,13 +12201,13 @@ PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
             [ngClass]="{
                 'k-link': true,
                 'k-pager-nav': true,
-                'k-state-disabled': disabled,
+                'k-disabled': disabled,
                 'k-pager-first': true
             }">
             <span [attr.aria-label]="textFor('pagerFirstPage')"
                 [ngClass]="{
                     'k-icon':true,
-                    'k-i-seek-w': true
+                    'k-i-caret-alt-to-left': true
                 }">
             </span>
         </a>
@@ -12218,13 +12218,13 @@ PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
             [ngClass]="{
                 'k-link': true,
                 'k-pager-nav': true,
-                'k-state-disabled': disabled,
+                'k-disabled': disabled,
                 '': true
             }">
             <span [attr.aria-label]="textFor('pagerPreviousPage')"
                 [ngClass]="{
                     'k-icon':true,
-                    'k-i-arrow-w': true
+                    'k-i-caret-alt-left': true
                 }">
             </span>
         </a>
@@ -12242,13 +12242,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [ngClass]="{
                 'k-link': true,
                 'k-pager-nav': true,
-                'k-state-disabled': disabled,
+                'k-disabled': disabled,
                 'k-pager-first': true
             }">
             <span [attr.aria-label]="textFor('pagerFirstPage')"
                 [ngClass]="{
                     'k-icon':true,
-                    'k-i-seek-w': true
+                    'k-i-caret-alt-to-left': true
                 }">
             </span>
         </a>
@@ -12259,13 +12259,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [ngClass]="{
                 'k-link': true,
                 'k-pager-nav': true,
-                'k-state-disabled': disabled,
+                'k-disabled': disabled,
                 '': true
             }">
             <span [attr.aria-label]="textFor('pagerPreviousPage')"
                 [ngClass]="{
                     'k-icon':true,
-                    'k-i-arrow-w': true
+                    'k-i-caret-alt-left': true
                 }">
             </span>
         </a>
@@ -12365,7 +12365,7 @@ PagerNumericButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
                 [selected]="num === currentPage"
                 [attr.aria-label]="pageLabel(num)"
                 [attr.aria-current]="currentPage === num ? 'page' : undefined"
-                [ngClass]="{'k-link': true, 'k-state-selected':currentPage === num}">
+                [ngClass]="{'k-link': true, 'k-selected':currentPage === num}">
                 {{num}}
             </option>
             <option *ngIf="end < totalPages"
@@ -12387,7 +12387,7 @@ PagerNumericButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
                 <a  href="#"
                     [attr.aria-label]="pageLabel(num)"
                     tabindex="-1"
-                    [ngClass]="{'k-link': true, 'k-state-selected':currentPage === num}"
+                    [ngClass]="{'k-link': true, 'k-selected':currentPage === num}"
                     (click)="changePage(num - 1)">
                     {{num}}
                 </a>
@@ -12421,7 +12421,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [selected]="num === currentPage"
                 [attr.aria-label]="pageLabel(num)"
                 [attr.aria-current]="currentPage === num ? 'page' : undefined"
-                [ngClass]="{'k-link': true, 'k-state-selected':currentPage === num}">
+                [ngClass]="{'k-link': true, 'k-selected':currentPage === num}">
                 {{num}}
             </option>
             <option *ngIf="end < totalPages"
@@ -12443,7 +12443,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 <a  href="#"
                     [attr.aria-label]="pageLabel(num)"
                     tabindex="-1"
-                    [ngClass]="{'k-link': true, 'k-state-selected':currentPage === num}"
+                    [ngClass]="{'k-link': true, 'k-selected':currentPage === num}"
                     (click)="changePage(num - 1)">
                     {{num}}
                 </a>
@@ -12618,13 +12618,13 @@ PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
             [ngClass]="{
                 'k-link': true,
                 'k-pager-nav': true,
-                'k-state-disabled': disabled,
+                'k-disabled': disabled,
                 '': true
             }">
             <span [attr.aria-label]="textFor('pagerNextPage')"
                 [ngClass]="{
                     'k-icon':true,
-                    'k-i-arrow-e': true
+                    'k-i-caret-alt-right': true
                 }">
             </span>
         </a>
@@ -12635,13 +12635,13 @@ PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
             [ngClass]="{
                 'k-link': true,
                 'k-pager-nav': true,
-                'k-state-disabled': disabled,
+                'k-disabled': disabled,
                 'k-pager-last': true
             }">
             <span [attr.aria-label]="textFor('pagerLastPage')"
                 [ngClass]="{
                     'k-icon':true,
-                    'k-i-seek-e': true
+                    'k-i-caret-alt-to-right': true
                 }">
             </span>
         </a>
@@ -12659,13 +12659,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [ngClass]="{
                 'k-link': true,
                 'k-pager-nav': true,
-                'k-state-disabled': disabled,
+                'k-disabled': disabled,
                 '': true
             }">
             <span [attr.aria-label]="textFor('pagerNextPage')"
                 [ngClass]="{
                     'k-icon':true,
-                    'k-i-arrow-e': true
+                    'k-i-caret-alt-right': true
                 }">
             </span>
         </a>
@@ -12676,13 +12676,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [ngClass]="{
                 'k-link': true,
                 'k-pager-nav': true,
-                'k-state-disabled': disabled,
+                'k-disabled': disabled,
                 'k-pager-last': true
             }">
             <span [attr.aria-label]="textFor('pagerLastPage')"
                 [ngClass]="{
                     'k-icon':true,
-                    'k-i-seek-e': true
+                    'k-i-caret-alt-to-right': true
                 }">
             </span>
         </a>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treelist",
-  "version": "5.0.3",
+  "version": "5.0.5-dev.202208180735",
   "description": "Kendo UI TreeList for Angular - Display hierarchical data in an Angular tree grid view that supports sorting, filtering, paging, and much more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",