@progress/kendo-angular-treelist 11.0.0-develop.81 → 11.0.0-develop.83

package/esm2020/rendering/list.component.mjs

@@ -518,7 +518,12 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
     <div #lockedContainer class="k-grid-content-locked" role="presentation"
         *ngIf="isLocked" [style.width.px]="lockedWidth">
         <div role="presentation" class="k-grid-table-wrap">
-            <table [locked]="true" #lockedTable class="k-grid-table" role="presentation" [style.width.px]="lockedWidth">
+            <table
+                [locked]="true"
+                #lockedTable
+                class="k-table k-grid-table k-table-md"
+                role="presentation"
+                [style.width.px]="lockedWidth">
                 <colgroup kendoTreeListColGroup
                     role="presentation"
                     [columns]="$any(lockedLeafColumns)">
@@ -542,14 +547,15 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
         <div class="k-height-container" role="presentation">
             <div [style.height.px]="totalHeight"></div>
         </div>
-    </div><div #container
+    </div>
+    <div #container
                class="k-grid-content k-virtual-content"
                role="presentation" tabindex="-1"
                [kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
                [lockedWidth]="lockedWidth + 1">
         <div role="presentation" class="k-grid-table-wrap">
             <table [style.width.px]="nonLockedWidth" #table [virtualColumns]="virtualColumns"
-              class="k-grid-table" role="presentation">
+              class="k-table k-grid-table k-table-md" role="presentation">
                 <colgroup kendoTreeListColGroup
                     role="presentation"
                     [columns]="$any(nonLockedColumnsToRender)">
@@ -597,7 +603,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
     <div #lockedContainer class="k-grid-content-locked" role="presentation"
         *ngIf="isLocked" [style.width.px]="lockedWidth">
         <div role="presentation" class="k-grid-table-wrap">
-            <table [locked]="true" #lockedTable class="k-grid-table" role="presentation" [style.width.px]="lockedWidth">
+            <table
+                [locked]="true"
+                #lockedTable
+                class="k-table k-grid-table k-table-md"
+                role="presentation"
+                [style.width.px]="lockedWidth">
                 <colgroup kendoTreeListColGroup
                     role="presentation"
                     [columns]="$any(lockedLeafColumns)">
@@ -621,14 +632,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         <div class="k-height-container" role="presentation">
             <div [style.height.px]="totalHeight"></div>
         </div>
-    </div><div #container
+    </div>
+    <div #container
                class="k-grid-content k-virtual-content"
                role="presentation" tabindex="-1"
                [kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
                [lockedWidth]="lockedWidth + 1">
         <div role="presentation" class="k-grid-table-wrap">
             <table [style.width.px]="nonLockedWidth" #table [virtualColumns]="virtualColumns"
-              class="k-grid-table" role="presentation">
+              class="k-table k-grid-table k-table-md" role="presentation">
                 <colgroup kendoTreeListColGroup
                     role="presentation"
                     [columns]="$any(nonLockedColumnsToRender)">

package/esm2020/rendering/table-body.component.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, Input, NgZone, Renderer2, ElementRef } from '@angular/core';
+import { Component, Input, NgZone, Renderer2, ElementRef, HostBinding } from '@angular/core';
 import { ChangeNotificationService } from '../data/change-notification.service';
 import { isChanged, isPresent } from '../utils';
 import { NoRecordsTemplateDirective } from './no-records-template.directive';
@@ -56,6 +56,7 @@ export class TableBodyComponent {
         this.navigationService = navigationService;
         this.expandState = expandState;
         this.selection = selection;
+        this.hostClass = true;
         this.columns = [];
         this.skip = 0;
         this.noRecordsText = this.localization.get('noRecords');
@@ -314,9 +315,9 @@ export class TableBodyComponent {
     }
 }
 TableBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TableBodyComponent, deps: [{ token: i1.ChangeNotificationService }, { token: i2.EditService }, { token: i3.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i4.DomEventsService }, { token: i5.ColumnInfoService }, { token: i6.NavigationService }, { token: i7.ExpandStateService }, { token: i8.SelectionService }], target: i0.ɵɵFactoryTarget.Component });
-TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TableBodyComponent, selector: "[kendoTreeListTableBody]", inputs: { columns: "columns", allColumns: "allColumns", noRecordsTemplate: "noRecordsTemplate", view: "view", skip: "skip", filterable: "filterable", noRecordsText: "noRecordsText", isLocked: "isLocked", lockedColumnsCount: "lockedColumnsCount", totalColumnsCount: "totalColumnsCount", virtualColumns: "virtualColumns", expandIcons: "expandIcons", trackBy: "trackBy", rowClass: "rowClass" }, usesOnChanges: true, ngImport: i0, template: `
+TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TableBodyComponent, selector: "[kendoTreeListTableBody]", inputs: { columns: "columns", allColumns: "allColumns", noRecordsTemplate: "noRecordsTemplate", view: "view", skip: "skip", filterable: "filterable", noRecordsText: "noRecordsText", isLocked: "isLocked", lockedColumnsCount: "lockedColumnsCount", totalColumnsCount: "totalColumnsCount", virtualColumns: "virtualColumns", expandIcons: "expandIcons", trackBy: "trackBy", rowClass: "rowClass" }, host: { properties: { "class.k-table-tbody": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
     <tr *ngIf="!hasData" class="k-grid-norecords">
-        <td [attr.colspan]="colSpan">
+        <td [attr.colspan]="colSpan" class="k-table-td">
             <ng-container *ngIf="noRecordsTemplate?.templateRef" [ngTemplateOutlet]="noRecordsTemplate.templateRef">
             </ng-container>
             <ng-container *ngIf="!noRecordsTemplate?.templateRef">
@@ -335,7 +336,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                 [logicalSlaveCellsCount]="unlockedColumnsCount"
                 [isNew]="item.isNew"
             [ngClass]="rowClass({ dataItem: item.data, index: $any(item).index })"
-            [class.k-alt]="isOdd(item)"
+            class="k-table-row{{isOdd(item) ? ' k-alt k-table-row-alt' : ''}}"
             [class.k-grid-edit-row]="isEditingRow(item)"
             [class.k-grid-add-row]="item.isNew"
             [class.k-selected]="item.selected"
@@ -364,6 +365,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                     role="gridcell"
                     [attr.aria-expanded]="ariaExpanded(item, column)"
                     [attr.aria-selected]="ariaSelected(item, column, lockedColumnsCount + columnIndex)"
+                class="k-table-td"
                 [ngClass]="column.cssClass"
                 [class.k-grid-edit-cell]="isEditingCell(item, column)"
                 [class.k-selected]="isCellSelected(item.data, column, lockedColumnsCount + columnIndex)"
@@ -386,6 +388,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
                     [logicalColIndex]="logicalColIndex(column)"
                     [column]="column"
                     [colIndex]="columnIndex"
+                    class="k-table-td"
                 [ngClass]="column.footerClass"
                 [ngStyle]="column.footerStyle"
                 *ngFor="let column of footerColumns; let columnIndex = index; trackBy: trackByColumns;">
@@ -413,7 +416,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: '[kendoTreeListTableBody]',
                     template: `
     <tr *ngIf="!hasData" class="k-grid-norecords">
-        <td [attr.colspan]="colSpan">
+        <td [attr.colspan]="colSpan" class="k-table-td">
             <ng-container *ngIf="noRecordsTemplate?.templateRef" [ngTemplateOutlet]="noRecordsTemplate.templateRef">
             </ng-container>
             <ng-container *ngIf="!noRecordsTemplate?.templateRef">
@@ -432,7 +435,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 [logicalSlaveCellsCount]="unlockedColumnsCount"
                 [isNew]="item.isNew"
             [ngClass]="rowClass({ dataItem: item.data, index: $any(item).index })"
-            [class.k-alt]="isOdd(item)"
+            class="k-table-row{{isOdd(item) ? ' k-alt k-table-row-alt' : ''}}"
             [class.k-grid-edit-row]="isEditingRow(item)"
             [class.k-grid-add-row]="item.isNew"
             [class.k-selected]="item.selected"
@@ -461,6 +464,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     role="gridcell"
                     [attr.aria-expanded]="ariaExpanded(item, column)"
                     [attr.aria-selected]="ariaSelected(item, column, lockedColumnsCount + columnIndex)"
+                class="k-table-td"
                 [ngClass]="column.cssClass"
                 [class.k-grid-edit-cell]="isEditingCell(item, column)"
                 [class.k-selected]="isCellSelected(item.data, column, lockedColumnsCount + columnIndex)"
@@ -483,6 +487,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     [logicalColIndex]="logicalColIndex(column)"
                     [column]="column"
                     [colIndex]="columnIndex"
+                    class="k-table-td"
                 [ngClass]="column.footerClass"
                 [ngStyle]="column.footerStyle"
                 *ngFor="let column of footerColumns; let columnIndex = index; trackBy: trackByColumns;">
@@ -505,7 +510,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
     </ng-container>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.ChangeNotificationService }, { type: i2.EditService }, { type: i3.LocalizationService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i4.DomEventsService }, { type: i5.ColumnInfoService }, { type: i6.NavigationService }, { type: i7.ExpandStateService }, { type: i8.SelectionService }]; }, propDecorators: { columns: [{
+        }], ctorParameters: function () { return [{ type: i1.ChangeNotificationService }, { type: i2.EditService }, { type: i3.LocalizationService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i4.DomEventsService }, { type: i5.ColumnInfoService }, { type: i6.NavigationService }, { type: i7.ExpandStateService }, { type: i8.SelectionService }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-table-tbody']
+            }], columns: [{
                 type: Input
             }], allColumns: [{
                 type: Input

package/esm2020/rendering/toolbar/toolbar.component.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, HostBinding, Input } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { ContextService } from './../../common/provider.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./../../common/provider.service";
@@ -13,7 +13,6 @@ import * as i2 from "@angular/common";
 export class ToolbarComponent {
     constructor(ctx) {
         this.ctx = ctx;
-        this.classNames = 'k-toolbar k-grid-toolbar';
         this.context = {};
     }
     set position(value) {
@@ -24,7 +23,7 @@ export class ToolbarComponent {
     }
 }
 ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolbarComponent, selector: "kendo-treelist-toolbar", inputs: { position: "position" }, host: { properties: { "class": "this.classNames" } }, ngImport: i0, template: `
+ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ToolbarComponent, selector: "kendo-treelist-toolbar", inputs: { position: "position" }, ngImport: i0, template: `
         <ng-template
             *ngIf="toolbarTemplateRef"
             [ngTemplateOutlet]="toolbarTemplateRef"
@@ -45,9 +44,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         </ng-template>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.ContextService }]; }, propDecorators: { classNames: [{
-                type: HostBinding,
-                args: ['class']
-            }], position: [{
+        }], ctorParameters: function () { return [{ type: i1.ContextService }]; }, propDecorators: { position: [{
                 type: Input
             }] } });