@porscheinformatik/clr-addons 21.5.1 → 21.5.3

package/fesm2022/porscheinformatik-clr-addons.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, NgModule, Injectable, EventEmitter, Output, Input, Directive, ViewChild, ContentChildren, TemplateRef, ViewChildren, HostBinding, ElementRef, Renderer2, forwardRef, DOCUMENT, Inject, ContentChild, Optional, input, ChangeDetectionStrategy, signal, computed, SkipSelf, inject, model, contentChild, linkedSignal, DestroyRef, contentChildren, effect, NgZone, viewChild, HostAttributeToken, ViewContainerRef, afterRenderEffect, InjectionToken, isSignal, HostListener, LOCALE_ID, Self, Host, output, ChangeDetectorRef, Injector, untracked, runInInjectionContext } from '@angular/core';
+import { Component, NgModule, Injectable, EventEmitter, Output, Input, Directive, ViewChild, ContentChildren, TemplateRef, ViewChildren, HostBinding, ElementRef, Renderer2, forwardRef, DOCUMENT, Inject, ContentChild, Optional, input, ChangeDetectionStrategy, signal, computed, SkipSelf, inject, model, contentChild, linkedSignal, DestroyRef, contentChildren, effect, NgZone, viewChild, ViewContainerRef, afterRenderEffect, InjectionToken, isSignal, HostListener, LOCALE_ID, Self, Host, output, ChangeDetectorRef, Injector, untracked, runInInjectionContext } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, NgComponentOutlet, NgTemplateOutlet, getLocaleDateFormat, FormatWidth, NgOptimizedImage, NgClass } from '@angular/common';
 import * as i2 from '@clr/angular/icon';
@@ -4553,7 +4553,6 @@ class TreetableColumnStateService {
         this._changeHideable$ = new Subject();
         this._changeHiddenForAll$ = new Subject();
         this._changeHidden$ = new Subject();
-        this._resetHidden$ = new Subject();
         this._columnState = signal({}, ...(ngDevMode ? [{ debugName: "_columnState" }] : /* istanbul ignore next */ []));
         this.columns = computed(() => Object.values(this._columnState()).sort((a, b) => a.columnIndex - b.columnIndex), ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
         this.visibleColumns = computed(() => this.columns().filter(column => !column.hidden), ...(ngDevMode ? [{ debugName: "visibleColumns" }] : /* istanbul ignore next */ []));
@@ -4563,10 +4562,10 @@ class TreetableColumnStateService {
         this._changeHideableAction$ = this._changeHideable$.pipe(tap(patch => {
             const current = this.getColumn(patch.id);
             if (current.hideable && !patch.hideable) {
-                this.update(patch.id, { hideable: false, hidden: false, initialHidden: false });
+                this.update(patch.id, { hideable: false, hidden: false });
             }
             if (!current.hideable && patch.hideable) {
-                this.update(patch.id, { hideable: true, hidden: patch.hidden, initialHidden: patch.hidden });
+                this.update(patch.id, { hideable: true, hidden: patch.hidden });
             }
             this.update(patch.id, { hidden: patch.hidden });
         }), share());
@@ -4580,23 +4579,11 @@ class TreetableColumnStateService {
                 },
             ])));
         }), share());
-        this._resetHiddenAction$ = this._resetHidden$.pipe(tap(() => {
-            this._columnState.update(current => Object.fromEntries(Object.entries(current).map(([id, column]) => [
-                id,
-                column.hideable
-                    ? {
-                        ...column,
-                        hidden: column.initialHidden,
-                    }
-                    : column,
-            ])));
-        }), share());
-        this.changes$ = merge(this._changeWidthAction$.pipe(map$1(() => TreetableColumnUpdate.WIDTH)), this._changeHideableAction$.pipe(map$1(() => TreetableColumnUpdate.HIDDEN)), this._changeHiddenForAllAction$.pipe(map$1(() => TreetableColumnUpdate.HIDDEN)), this._changeHiddenAction$.pipe(map$1(() => TreetableColumnUpdate.HIDDEN)), this._resetHiddenAction$.pipe(map$1(() => TreetableColumnUpdate.HIDDEN)));
+        this.changes$ = merge(this._changeWidthAction$.pipe(map$1(() => TreetableColumnUpdate.WIDTH)), this._changeHideableAction$.pipe(map$1(() => TreetableColumnUpdate.HIDDEN)), this._changeHiddenForAllAction$.pipe(map$1(() => TreetableColumnUpdate.HIDDEN)), this._changeHiddenAction$.pipe(map$1(() => TreetableColumnUpdate.HIDDEN)));
         this._changeWidthAction$.pipe(takeUntilDestroyed()).subscribe();
         this._changeHideableAction$.pipe(takeUntilDestroyed()).subscribe();
         this._changeHiddenForAllAction$.pipe(takeUntilDestroyed()).subscribe();
         this._changeHiddenAction$.pipe(takeUntilDestroyed()).subscribe();
-        this._resetHiddenAction$.pipe(takeUntilDestroyed()).subscribe();
     }
     register(options) {
         this._columnState.update(current => ({
@@ -4623,7 +4610,6 @@ class TreetableColumnStateService {
                     ...existing,
                     hideable: options.hideable,
                     hidden: options.hidden,
-                    initialHidden: options.initialHidden ?? options.hidden,
                     titleTemplateRef: options.titleTemplateRef,
                 },
             };
@@ -4666,14 +4652,11 @@ class TreetableColumnStateService {
         const current = this.getColumn(id);
         this._changeHidden$.next({ id, hidden: !current.hidden });
     }
-    resetToInitialHidden() {
-        this._resetHidden$.next();
-    }
     getColumnState(id) {
         return toObservable(this._columnState).pipe(map$1(columns => columns[id]), distinctUntilChanged());
     }
     getColumnChangesById(id) {
-        const hiddenChanges$ = merge(this._changeHiddenAction$.pipe(filter$1(change => change.id === id)), this._changeHiddenForAllAction$, this._resetHiddenAction$).pipe(map$1(() => ({
+        const hiddenChanges$ = merge(this._changeHiddenAction$.pipe(filter$1(change => change.id === id)), this._changeHiddenForAllAction$).pipe(map$1(() => ({
             id,
             type: TreetableColumnUpdate.HIDDEN,
             hidden: this.getColumn(id)?.hidden ?? false,
@@ -5027,19 +5010,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
  */
 let columnId = 0;
 class ClrTreetableColumn {
-    get dataTestId() {
-        return this._userDataTestId ?? `treetable-column-${this.columnId}`;
-    }
     ngOnInit() {
         this._columnState.register({ id: this.columnId, titleTemplateRef: this._columnTitleRef() });
     }
+    ngAfterViewInit() {
+        // Only set a default testid if the consumer didn't already provide one.
+        const host = this._elementRef.nativeElement;
+        if (!host.hasAttribute('data-testid')) {
+            this._renderer.setAttribute(host, 'data-testid', `treetable-column-${this.columnId}`);
+        }
+    }
     ngOnDestroy() {
         this._columnState.unregister(this.columnId);
     }
     constructor() {
         this.columnId = `clr-tt-col-${columnId++}`;
-        /* Keep a data-testid set by the consumer, and only fall back to the default when none was provided. */
-        this._userDataTestId = inject(new HostAttributeToken('data-testid'), { optional: true });
+        this._elementRef = inject(ElementRef);
+        this._renderer = inject(Renderer2);
         this._columnTitleRef = viewChild('columnTitle', { ...(ngDevMode ? { debugName: "_columnTitleRef" } : /* istanbul ignore next */ {}), read: TemplateRef });
         this._columnState = inject(TreetableColumnStateService);
         this._sort = inject((SortStateService));
@@ -5124,7 +5111,7 @@ class ClrTreetableColumn {
         this._sort.toggle(comparator, reverse);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: ClrTreetableColumn, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: ClrTreetableColumn, isStandalone: false, selector: "clr-tt-column", inputs: { clrTtSortBy: { classPropertyName: "clrTtSortBy", publicName: "clrTtSortBy", isSignal: true, isRequired: false, transformFunction: null }, clrTtSortOrder: { classPropertyName: "clrTtSortOrder", publicName: "clrTtSortOrder", isSignal: true, isRequired: false, transformFunction: null }, clrTtColumnSize: { classPropertyName: "clrTtColumnSize", publicName: "clrTtColumnSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clrTtSortOrderChange: "clrTtSortOrderChange", clrTtColumnResize: "clrTtColumnResize" }, host: { attributes: { "role": "columnheader" }, properties: { "class.treetable-column": "true", "attr.aria-sort": "ariaSort()", "attr.data-testid": "dataTestId" } }, providers: [ClrPopoverService], viewQueries: [{ propertyName: "_columnTitleRef", first: true, predicate: ["columnTitle"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: ClrTreetableColumn, isStandalone: false, selector: "clr-tt-column", inputs: { clrTtSortBy: { classPropertyName: "clrTtSortBy", publicName: "clrTtSortBy", isSignal: true, isRequired: false, transformFunction: null }, clrTtSortOrder: { classPropertyName: "clrTtSortOrder", publicName: "clrTtSortOrder", isSignal: true, isRequired: false, transformFunction: null }, clrTtColumnSize: { classPropertyName: "clrTtColumnSize", publicName: "clrTtColumnSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clrTtSortOrderChange: "clrTtSortOrderChange", clrTtColumnResize: "clrTtColumnResize" }, host: { attributes: { "role": "columnheader" }, properties: { "class.treetable-column": "true", "attr.aria-sort": "ariaSort()" } }, providers: [ClrPopoverService], viewQueries: [{ propertyName: "_columnTitleRef", first: true, predicate: ["columnTitle"], descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: `
     @if (isSortable()) {
       <button type="button" class="treetable-column-title" data-testId="clrTtSortButton" (click)="sort()">
         <ng-container *ngTemplateOutlet="columnTitle" />
@@ -5189,7 +5176,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
                     host: {
                         '[class.treetable-column]': 'true',
                         '[attr.aria-sort]': 'ariaSort()',
-                        '[attr.data-testid]': 'dataTestId',
                         role: 'columnheader',
                     },
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -5208,13 +5194,11 @@ class ClrTreetableColumnManagerMenuComponent {
         this.popoverPosition = ClrPopoverPosition.TOP_LEFT;
         this.popoverType = ClrPopoverType.DROPDOWN;
         this.commonStrings = this._commonStringsService.keys;
-        this.resetLabel = input.required(...(ngDevMode ? [{ debugName: "resetLabel" }] : /* istanbul ignore next */ []));
         this.open = toSignal(this._popoverService.openChange);
         this.hideableColumns = this._columnService.hideableColumns;
         this.hasOnlyOneVisibleColumn = computed(() => this._columnService.columns().length === this._columnService.hideableColumns().length &&
             this._columnService.visibleColumns().length === 1, ...(ngDevMode ? [{ debugName: "hasOnlyOneVisibleColumn" }] : /* istanbul ignore next */ []));
         this.areAllColumnsVisible = computed(() => this._columnService.visibleColumns().length === this._columnService.columns().length, ...(ngDevMode ? [{ debugName: "areAllColumnsVisible" }] : /* istanbul ignore next */ []));
-        this.areAllColumnsReset = computed(() => this._columnService.hideableColumns().every(column => column.hidden === column.initialHidden), ...(ngDevMode ? [{ debugName: "areAllColumnsReset" }] : /* istanbul ignore next */ []));
     }
     toggleColumnState(id) {
         this._columnService.toggleHidden(id);
@@ -5224,11 +5208,8 @@ class ClrTreetableColumnManagerMenuComponent {
             this._columnService.displayAllColumns();
         }
     }
-    resetAllToInitial() {
-        this._columnService.resetToInitialHidden();
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: ClrTreetableColumnManagerMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: ClrTreetableColumnManagerMenuComponent, isStandalone: false, selector: "clr-tt-column-manager-menu", inputs: { resetLabel: { classPropertyName: "resetLabel", publicName: "resetLabel", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.column-manager-menu": "true", "class.active": "open()" } }, hostDirectives: [{ directive: i1$2.ClrPopoverHostDirective }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: ClrTreetableColumnManagerMenuComponent, isStandalone: false, selector: "clr-tt-column-manager-menu", host: { properties: { "class.column-manager-menu": "true", "class.active": "open()" } }, hostDirectives: [{ directive: i1$2.ClrPopoverHostDirective }], ngImport: i0, template: `
     <button
       role="button"
       type="button"
@@ -5303,15 +5284,6 @@ class ClrTreetableColumnManagerMenuComponent {
         >
           {{ commonStrings.selectAll }}
         </button>
-        <button
-          type="button"
-          class="btn btn-sm btn-link switch-button"
-          data-testid="treetable-column-manager-reset"
-          [disabled]="areAllColumnsReset()"
-          (click)="resetAllToInitial()"
-        >
-          {{ resetLabel() }}
-        </button>
       </div>
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ClrIcon, selector: "clr-icon, cds-icon", inputs: ["shape", "size", "direction", "flip", "solid", "status", "inverse", "badge"] }, { kind: "directive", type: i2.CdsIconCustomTag, selector: "cds-icon" }, { kind: "directive", type: i1$1.ClrControlLabel, selector: "label", inputs: ["id", "for"] }, { kind: "directive", type: i4.ClrCheckbox, selector: "[clrCheckbox],[clrToggle]" }, { kind: "component", type: i4.ClrCheckboxWrapper, selector: "clr-checkbox-wrapper,clr-toggle-wrapper" }, { kind: "directive", type: i2$3.ClrPopoverOrigin, selector: "[clrPopoverOrigin]" }, { kind: "directive", type: i2$3.ClrPopoverCloseButton, selector: "[clrPopoverCloseButton]", outputs: ["clrPopoverOnCloseChange"] }, { kind: "directive", type: i2$3.ClrPopoverOpenCloseButton, selector: "[clrPopoverOpenCloseButton]", outputs: ["clrPopoverOpenCloseChange"] }, { kind: "directive", type: i2$3.ClrPopoverContent, selector: "[clrPopoverContent]", inputs: ["clrPopoverContent", "clrPopoverContentAt", "clrPopoverContentAvailablePositions", "clrPopoverContentType", "clrPopoverContentOutsideClickToClose", "clrPopoverContentScrollToClose", "clrPopoverContentOrigin"] }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.CdkTrapFocusModule_CdkTrapFocus, selector: "[cdkTrapFocus]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -5395,15 +5367,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
         >
           {{ commonStrings.selectAll }}
         </button>
-        <button
-          type="button"
-          class="btn btn-sm btn-link switch-button"
-          data-testid="treetable-column-manager-reset"
-          [disabled]="areAllColumnsReset()"
-          (click)="resetAllToInitial()"
-        >
-          {{ resetLabel() }}
-        </button>
       </div>
     </div>
   `,
@@ -5415,7 +5378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: false,
                 }]
-        }], propDecorators: { resetLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "resetLabel", required: true }] }] } });
+        }] });
 
 class ClrTreetableFooter {
     constructor() {
@@ -5423,13 +5386,12 @@ class ClrTreetableFooter {
         this._columnService = inject(TreetableColumnStateService);
         this._dataService = inject(TreetableDataStateService);
         this.commonStrings = this._commonStringsService.keys;
-        this.clrResetLabel = input('RESET', ...(ngDevMode ? [{ debugName: "clrResetLabel" }] : /* istanbul ignore next */ []));
         this.hasHideableColumns = this._columnService.hasHideableColumns;
         this.selectedRows = this._dataService.selectedNodes;
         this.hasSelectedRows = computed(() => this.selectedRows()?.length > 0, ...(ngDevMode ? [{ debugName: "hasSelectedRows" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: ClrTreetableFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: ClrTreetableFooter, isStandalone: false, selector: "clr-tt-footer", inputs: { clrResetLabel: { classPropertyName: "clrResetLabel", publicName: "clrResetLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.treetable-footer": "true" } }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: ClrTreetableFooter, isStandalone: false, selector: "clr-tt-footer", host: { properties: { "class.treetable-footer": "true" } }, ngImport: i0, template: `
     @if (hasSelectedRows()) {
       <div class="clr-form-control-disabled">
         <clr-checkbox-wrapper class="treetable-footer-select" data-testid="treetable-footer-selected-wrapper">
@@ -5448,13 +5410,13 @@ class ClrTreetableFooter {
       </div>
     }
     @if (hasHideableColumns()) {
-      <clr-tt-column-manager-menu [resetLabel]="clrResetLabel()" />
+      <clr-tt-column-manager-menu />
     }
 
     <div class="treetable-footer-description" data-testid="treetable-footer-description">
       <ng-content />
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.ClrControlLabel, selector: "label", inputs: ["id", "for"] }, { kind: "directive", type: i4.ClrCheckbox, selector: "[clrCheckbox],[clrToggle]" }, { kind: "component", type: i4.ClrCheckboxWrapper, selector: "clr-checkbox-wrapper,clr-toggle-wrapper" }, { kind: "component", type: ClrTreetableColumnManagerMenuComponent, selector: "clr-tt-column-manager-menu", inputs: ["resetLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.ClrControlLabel, selector: "label", inputs: ["id", "for"] }, { kind: "directive", type: i4.ClrCheckbox, selector: "[clrCheckbox],[clrToggle]" }, { kind: "component", type: i4.ClrCheckboxWrapper, selector: "clr-checkbox-wrapper,clr-toggle-wrapper" }, { kind: "component", type: ClrTreetableColumnManagerMenuComponent, selector: "clr-tt-column-manager-menu" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: ClrTreetableFooter, decorators: [{
             type: Component,
@@ -5479,7 +5441,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
       </div>
     }
     @if (hasHideableColumns()) {
-      <clr-tt-column-manager-menu [resetLabel]="clrResetLabel()" />
+      <clr-tt-column-manager-menu />
     }
 
     <div class="treetable-footer-description" data-testid="treetable-footer-description">
@@ -5492,7 +5454,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: false,
                 }]
-        }], propDecorators: { clrResetLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clrResetLabel", required: false }] }] } });
+        }] });
 
 /*
  * Copyright (c) 2018-2026 Porsche Informatik. All Rights Reserved.
@@ -5526,10 +5488,10 @@ class ClrTreetableHideableColumn {
         this.resolvedHidden = computed(() => {
             const value = this.clrTtHideableColumn();
             if (typeof value === 'string') {
-                return { hidden: false, initialHidden: false };
+                return { hidden: false };
             }
             const hidden = value?.hidden ?? false;
-            return { hidden: hidden, initialHidden: value?.initial ?? hidden };
+            return { hidden: hidden };
         }, ...(ngDevMode ? [{ debugName: "resolvedHidden" }] : /* istanbul ignore next */ []));
         // Render the content in-place (inside the column header)
         this._viewContainerRef.createEmbeddedView(this._titleTemplateRef);
@@ -5546,7 +5508,6 @@ class ClrTreetableHideableColumn {
         this._columnState.registerHideable(this._column.columnId, {
             hideable: true,
             hidden: resolvedHidden.hidden,
-            initialHidden: resolvedHidden.initialHidden,
             titleTemplateRef: this._titleTemplateRef,
         });
     }
@@ -5677,16 +5638,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
+const DEFAULT_TEST_ID = 'treetable-cell';
 class ClrTreetableCell {
     constructor() {
-        /* Keep a data-testid set by the consumer, and only fall back to the default when none was provided. */
-        this._userDataTestId = inject(new HostAttributeToken('data-testid'), { optional: true });
+        this._elementRef = inject(ElementRef);
+        this._renderer = inject(Renderer2);
     }
-    get dataTestId() {
-        return this._userDataTestId ?? 'treetable-cell';
+    ngAfterViewInit() {
+        // Only set a default testid if the consumer didn't already provide one.
+        const host = this._elementRef.nativeElement;
+        if (!host.hasAttribute('data-testid')) {
+            this._renderer.setAttribute(host, 'data-testid', DEFAULT_TEST_ID);
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: ClrTreetableCell, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.20", type: ClrTreetableCell, isStandalone: false, selector: "clr-tt-cell", host: { attributes: { "role": "gridcell" }, properties: { "class.treetable-cell": "true", "attr.data-testid": "dataTestId" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.20", type: ClrTreetableCell, isStandalone: false, selector: "clr-tt-cell", host: { attributes: { "role": "gridcell" }, properties: { "class.treetable-cell": "true" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: ClrTreetableCell, decorators: [{
             type: Component,
@@ -5695,7 +5661,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
                     template: '<ng-content></ng-content>',
                     host: {
                         '[class.treetable-cell]': 'true',
-                        '[attr.data-testid]': 'dataTestId',
                         role: 'gridcell',
                     },
                     standalone: false,
@@ -5776,7 +5741,6 @@ class TreetableHeaderRenderer {
     setWidth(width) {
         const el = this.elementRef.nativeElement;
         this.renderer.setStyle(el, 'width', `${width}px`);
-        this.renderer.setStyle(el, 'max-width', `${width}px`);
         this.renderer.setStyle(el, 'flex', '0 0 auto');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: TreetableHeaderRenderer, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
@@ -5820,7 +5784,6 @@ class TreetableCellRenderer {
     setWidth(width) {
         const el = this.elementRef.nativeElement;
         this.renderer.setStyle(el, 'width', `${width}px`);
-        this.renderer.setStyle(el, 'max-width', `${width}px`);
         this.renderer.setStyle(el, 'flex', '0 0 auto');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: TreetableCellRenderer, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }