@porscheinformatik/clr-addons 21.5.1 → 21.5.2

package/fesm2022/porscheinformatik-clr-addons.mjs

@@ -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,
@@ -5208,13 +5191,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 +5205,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 +5281,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 +5364,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 +5375,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 +5383,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 +5407,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 +5438,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 +5451,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 +5485,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 +5505,6 @@ class ClrTreetableHideableColumn {
         this._columnState.registerHideable(this._column.columnId, {
             hideable: true,
             hidden: resolvedHidden.hidden,
-            initialHidden: resolvedHidden.initialHidden,
             titleTemplateRef: this._titleTemplateRef,
         });
     }
@@ -5776,7 +5734,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 +5777,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 }); }