@quadrel-enterprise-ui/framework 20.10.1-beta.145.1 → 20.11.0

package/fesm2022/quadrel-enterprise-ui-framework.mjs

@@ -4,7 +4,7 @@ import { Dialog, DialogRef, DialogModule } from '@angular/cdk/dialog';
 import * as i1 from '@angular/common';
 import { CommonModule, NgFor, NgIf, NgClass, NgTemplateOutlet, AsyncPipe } from '@angular/common';
 import { BehaviorSubject, pairwise, from, switchMap, map as map$1, Subject, throwError, of, ReplaySubject, merge, fromEvent, isObservable, NEVER, Observable, EMPTY, shareReplay, Subscription, distinctUntilChanged as distinctUntilChanged$1, debounce, timer, startWith as startWith$1, debounceTime as debounceTime$1, takeUntil as takeUntil$1, firstValueFrom, combineLatest, concat, take as take$1, delay, tap as tap$1, first, scan, queueScheduler, filter as filter$1, concatMap as concatMap$1, exhaustMap, finalize, combineLatestWith, forkJoin, delayWhen, withLatestFrom, async } from 'rxjs';
-import { map, takeUntil, take, filter, catchError, debounceTime, startWith, distinctUntilChanged, concatMap, tap, skip, observeOn, switchMap as switchMap$1, pairwise as pairwise$1, mergeMap, delay as delay$1 } from 'rxjs/operators';
+import { map, takeUntil, take, filter, catchError, debounceTime, startWith, distinctUntilChanged, concatMap, tap, skip, auditTime, observeOn, switchMap as switchMap$1, pairwise as pairwise$1, mergeMap, delay as delay$1 } from 'rxjs/operators';
 import { v4 } from 'uuid';
 import * as i3 from '@ngx-translate/core';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
@@ -7115,6 +7115,111 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 }]
         }] });
 
+const MAX_TOOLTIP_CHARACTER = 512;
+const TOOLTIP_POSITIONS = [
+    { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom' },
+    { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top' },
+    { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center' },
+    { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center' }
+];
+class QdTooltipOnClickDirective {
+    overlay = inject(Overlay);
+    elementRef = inject(ElementRef);
+    translateService = inject(TranslateService);
+    qdTooltipContent;
+    _overlayRef;
+    onClickToggle(event) {
+        event.stopPropagation();
+        this._overlayRef ? this.close() : this.show();
+    }
+    onOutsideClickClose(target) {
+        if (!this.elementRef.nativeElement.contains(target))
+            this.close();
+    }
+    ngOnDestroy() {
+        this.close();
+    }
+    show() {
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(this.elementRef)
+            .withFlexibleDimensions(false)
+            .withPush(false)
+            .withPositions(TOOLTIP_POSITIONS);
+        this._overlayRef = this.overlay.create({ positionStrategy });
+        const tooltipRef = this._overlayRef.attach(new ComponentPortal(QdTooltipComponent));
+        tooltipRef.instance.content = this.getContent();
+    }
+    close() {
+        if (this._overlayRef) {
+            this._overlayRef.dispose();
+            this._overlayRef = null;
+        }
+    }
+    getContent() {
+        const content = { paragraphs: [] };
+        let fullText = '';
+        const headline = this.qdTooltipContent?.headline?.i18n;
+        if (headline) {
+            const translatedHeadline = this.translate(headline);
+            content.headline = translatedHeadline;
+            fullText += translatedHeadline;
+        }
+        const paragraphs = this.qdTooltipContent?.paragraphs || [];
+        const translatedParagraphs = paragraphs.map(p => this.translate(p.i18n));
+        if (translatedParagraphs.length) {
+            content.paragraphs.push(...translatedParagraphs);
+            fullText += translatedParagraphs.join('');
+        }
+        const truncatedText = this.truncateText(fullText);
+        return {
+            headline: content.headline,
+            paragraphs: content.paragraphs.map(p => truncatedText.includes(p) ? p : `${p.substring(0, MAX_TOOLTIP_CHARACTER)}...`)
+        };
+    }
+    truncateText(text) {
+        if (text.length <= MAX_TOOLTIP_CHARACTER)
+            return text.trim();
+        console.warn(`QdUi | QdTooltip - Tooltip content exceeds ${MAX_TOOLTIP_CHARACTER} characters. It will be truncated.`);
+        return `${text.substring(0, MAX_TOOLTIP_CHARACTER).trim()}...`;
+    }
+    translate(key) {
+        return this.translateService.instant(key);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTooltipOnClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: QdTooltipOnClickDirective, isStandalone: false, selector: "[qdTooltipOnClick]", inputs: { qdTooltipContent: "qdTooltipContent" }, host: { listeners: { "click": "onClickToggle($event)", "document:click": "onOutsideClickClose($event.target)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTooltipOnClickDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[qdTooltipOnClick]',
+                    standalone: false
+                }]
+        }], propDecorators: { qdTooltipContent: [{
+                type: Input
+            }], onClickToggle: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onOutsideClickClose: [{
+                type: HostListener,
+                args: ['document:click', ['$event.target']]
+            }] } });
+
+class QdTooltipIconComponent {
+    tooltip;
+    get isVisible() {
+        return !!this.tooltip && this.tooltip.hidden !== true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTooltipIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdTooltipIconComponent, isStandalone: false, selector: "qd-tooltip-icon", inputs: { tooltip: "tooltip" }, ngImport: i0, template: "<qd-icon\n  *ngIf=\"isVisible\"\n  icon=\"circleInfo\"\n  class=\"additional-info\"\n  qdTooltipOnClick\n  [qdTooltipContent]=\"tooltip?.content\"\n></qd-icon>\n", styles: [".additional-info{align-self:center;margin-left:to-rem(4);color:#069;cursor:pointer;font-size:to-rem(16);font-weight:400;transform:translateY(to-rem(1))}.additional-info:hover,.additional-info:focus,.additional-info:active{color:#14516f}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "directive", type: QdTooltipOnClickDirective, selector: "[qdTooltipOnClick]", inputs: ["qdTooltipContent"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTooltipIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'qd-tooltip-icon', standalone: false, template: "<qd-icon\n  *ngIf=\"isVisible\"\n  icon=\"circleInfo\"\n  class=\"additional-info\"\n  qdTooltipOnClick\n  [qdTooltipContent]=\"tooltip?.content\"\n></qd-icon>\n", styles: [".additional-info{align-self:center;margin-left:to-rem(4);color:#069;cursor:pointer;font-size:to-rem(16);font-weight:400;transform:translateY(to-rem(1))}.additional-info:hover,.additional-info:focus,.additional-info:active{color:#14516f}\n"] }]
+        }], propDecorators: { tooltip: [{
+                type: Input
+            }] } });
+
 const QD_SAFE_BOTTOM_OFFSET = new InjectionToken('QD_SAFE_BOTTOM_OFFSET');
 
 const QD_POPOVER_TOP_FIRST = new InjectionToken('QD_POPOVER_TOP_FIRST');
@@ -7807,107 +7912,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 }]
         }] });
 
-const MAX_TOOLTIP_CHARACTER = 512;
-const TOOLTIP_POSITIONS = [
-    { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom' },
-    { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top' },
-    { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center' },
-    { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center' }
-];
-class QdTooltipOnClickDirective {
-    overlay = inject(Overlay);
-    elementRef = inject(ElementRef);
-    translateService = inject(TranslateService);
-    qdTooltipContent;
-    _overlayRef;
-    onClickToggle(event) {
-        event.stopPropagation();
-        this._overlayRef ? this.close() : this.show();
-    }
-    onOutsideClickClose(target) {
-        if (!this.elementRef.nativeElement.contains(target))
-            this.close();
-    }
-    ngOnDestroy() {
-        this.close();
-    }
-    show() {
-        const positionStrategy = this.overlay
-            .position()
-            .flexibleConnectedTo(this.elementRef)
-            .withFlexibleDimensions(false)
-            .withPush(false)
-            .withPositions(TOOLTIP_POSITIONS);
-        this._overlayRef = this.overlay.create({ positionStrategy });
-        const tooltipRef = this._overlayRef.attach(new ComponentPortal(QdTooltipComponent));
-        tooltipRef.instance.content = this.getContent();
-    }
-    close() {
-        if (this._overlayRef) {
-            this._overlayRef.dispose();
-            this._overlayRef = null;
-        }
-    }
-    getContent() {
-        const content = { paragraphs: [] };
-        let fullText = '';
-        const headline = this.qdTooltipContent?.headline?.i18n;
-        if (headline) {
-            const translatedHeadline = this.translate(headline);
-            content.headline = translatedHeadline;
-            fullText += translatedHeadline;
-        }
-        const paragraphs = this.qdTooltipContent?.paragraphs || [];
-        const translatedParagraphs = paragraphs.map(p => this.translate(p.i18n));
-        if (translatedParagraphs.length) {
-            content.paragraphs.push(...translatedParagraphs);
-            fullText += translatedParagraphs.join('');
-        }
-        const truncatedText = this.truncateText(fullText);
-        return {
-            headline: content.headline,
-            paragraphs: content.paragraphs.map(p => truncatedText.includes(p) ? p : `${p.substring(0, MAX_TOOLTIP_CHARACTER)}...`)
-        };
-    }
-    truncateText(text) {
-        if (text.length <= MAX_TOOLTIP_CHARACTER)
-            return text.trim();
-        console.warn(`QdUi | QdTooltip - Tooltip content exceeds ${MAX_TOOLTIP_CHARACTER} characters. It will be truncated.`);
-        return `${text.substring(0, MAX_TOOLTIP_CHARACTER).trim()}...`;
-    }
-    translate(key) {
-        return this.translateService.instant(key);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTooltipOnClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: QdTooltipOnClickDirective, isStandalone: false, selector: "[qdTooltipOnClick]", inputs: { qdTooltipContent: "qdTooltipContent" }, host: { listeners: { "click": "onClickToggle($event)", "document:click": "onOutsideClickClose($event.target)" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTooltipOnClickDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[qdTooltipOnClick]',
-                    standalone: false
-                }]
-        }], propDecorators: { qdTooltipContent: [{
-                type: Input
-            }], onClickToggle: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }], onOutsideClickClose: [{
-                type: HostListener,
-                args: ['document:click', ['$event.target']]
-            }] } });
-
 class QdTooltipModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: QdTooltipModule, declarations: [QdTooltipComponent, QdTooltipOnClickDirective, QdTooltipAtIntersectionDirective], imports: [CommonModule, TranslateModule], exports: [QdTooltipOnClickDirective, QdTooltipAtIntersectionDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTooltipModule, imports: [CommonModule, TranslateModule] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: QdTooltipModule, declarations: [QdTooltipComponent,
+            QdTooltipOnClickDirective,
+            QdTooltipAtIntersectionDirective,
+            QdTooltipIconComponent], imports: [CommonModule, TranslateModule, QdIconModule], exports: [QdTooltipOnClickDirective, QdTooltipAtIntersectionDirective, QdTooltipIconComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTooltipModule, imports: [CommonModule, TranslateModule, QdIconModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTooltipModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, TranslateModule],
-                    declarations: [QdTooltipComponent, QdTooltipOnClickDirective, QdTooltipAtIntersectionDirective],
-                    exports: [QdTooltipOnClickDirective, QdTooltipAtIntersectionDirective]
+                    imports: [CommonModule, TranslateModule, QdIconModule],
+                    declarations: [
+                        QdTooltipComponent,
+                        QdTooltipOnClickDirective,
+                        QdTooltipAtIntersectionDirective,
+                        QdTooltipIconComponent
+                    ],
+                    exports: [QdTooltipOnClickDirective, QdTooltipAtIntersectionDirective, QdTooltipIconComponent]
                 }]
         }] });
 
@@ -8321,15 +8344,12 @@ class QdFormLabelComponent {
     get isIndicatorVisible() {
         return this.isRequired && !this.readonly && !this.viewonly && !!this.label;
     }
-    get isTooltipVisible() {
-        return this.tooltip && this.tooltip?.hidden !== true;
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdFormLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdFormLabelComponent, isStandalone: false, selector: "qd-form-label", inputs: { label: "label", isDisabled: "isDisabled", readonly: "readonly", viewonly: "viewonly", control: "control", tooltip: "tooltip", testId: ["data-test-id", "testId"] }, host: { properties: { "class.disabled": "this.isDisabled", "class.viewonly": "this.viewonly", "attr.data-test-id": "this.testId" }, classAttribute: "qd-form-label" }, ngImport: i0, template: "<span class=\"label-text\">{{ label | translate }}</span>\n<span class=\"qd-form-label__required-indicator\" *ngIf=\"isIndicatorVisible\">*</span>\n<qd-icon\n  *ngIf=\"isTooltipVisible\"\n  icon=\"circleInfo\"\n  class=\"additional-info\"\n  qdTooltipOnClick\n  [qdTooltipContent]=\"tooltip?.content\"\n></qd-icon>\n", styles: [":host{display:flex;height:.875rem;align-items:center;margin-bottom:.25rem;color:#171717;font-size:.75rem;font-weight:500;line-height:.875rem}@media (max-width: 959.98px){:host.disabled{display:none}}.qd-form-error :host{color:#c70023}.qd-form-disabled :host{color:#979797}:host.viewonly{color:#757575;font-size:.875rem;font-weight:500;line-height:1.3125rem;display:block;height:unset;margin-bottom:.25rem;line-height:1.25rem}:host .label-text{transform:translateY(.0625rem)}.additional-info{align-self:center;margin-left:.25rem;color:#069;cursor:pointer;font-size:1rem;transform:translateY(.0625rem)}.additional-info:hover,.additional-info:focus,.additional-info:active{color:#14516f}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "directive", type: QdTooltipOnClickDirective, selector: "[qdTooltipOnClick]", inputs: ["qdTooltipContent"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdFormLabelComponent, isStandalone: false, selector: "qd-form-label", inputs: { label: "label", isDisabled: "isDisabled", readonly: "readonly", viewonly: "viewonly", control: "control", tooltip: "tooltip", testId: ["data-test-id", "testId"] }, host: { properties: { "class.disabled": "this.isDisabled", "class.viewonly": "this.viewonly", "attr.data-test-id": "this.testId" }, classAttribute: "qd-form-label" }, ngImport: i0, template: "<span class=\"label-text\">{{ label | translate }}</span>\n<span class=\"qd-form-label__required-indicator\" *ngIf=\"isIndicatorVisible\">*</span>\n<qd-tooltip-icon [tooltip]=\"tooltip\"></qd-tooltip-icon>\n", styles: [":host{display:flex;height:.875rem;align-items:center;margin-bottom:.25rem;color:#171717;font-size:.75rem;font-weight:500;line-height:.875rem}@media (max-width: 959.98px){:host.disabled{display:none}}.qd-form-error :host{color:#c70023}.qd-form-disabled :host{color:#979797}:host.viewonly{color:#757575;font-size:.875rem;font-weight:500;line-height:1.3125rem;display:block;height:unset;margin-bottom:.25rem;line-height:1.25rem}:host .label-text{transform:translateY(.0625rem)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdTooltipIconComponent, selector: "qd-tooltip-icon", inputs: ["tooltip"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdFormLabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'qd-form-label', host: { class: 'qd-form-label' }, standalone: false, template: "<span class=\"label-text\">{{ label | translate }}</span>\n<span class=\"qd-form-label__required-indicator\" *ngIf=\"isIndicatorVisible\">*</span>\n<qd-icon\n  *ngIf=\"isTooltipVisible\"\n  icon=\"circleInfo\"\n  class=\"additional-info\"\n  qdTooltipOnClick\n  [qdTooltipContent]=\"tooltip?.content\"\n></qd-icon>\n", styles: [":host{display:flex;height:.875rem;align-items:center;margin-bottom:.25rem;color:#171717;font-size:.75rem;font-weight:500;line-height:.875rem}@media (max-width: 959.98px){:host.disabled{display:none}}.qd-form-error :host{color:#c70023}.qd-form-disabled :host{color:#979797}:host.viewonly{color:#757575;font-size:.875rem;font-weight:500;line-height:1.3125rem;display:block;height:unset;margin-bottom:.25rem;line-height:1.25rem}:host .label-text{transform:translateY(.0625rem)}.additional-info{align-self:center;margin-left:.25rem;color:#069;cursor:pointer;font-size:1rem;transform:translateY(.0625rem)}.additional-info:hover,.additional-info:focus,.additional-info:active{color:#14516f}\n"] }]
+            args: [{ selector: 'qd-form-label', host: { class: 'qd-form-label' }, standalone: false, template: "<span class=\"label-text\">{{ label | translate }}</span>\n<span class=\"qd-form-label__required-indicator\" *ngIf=\"isIndicatorVisible\">*</span>\n<qd-tooltip-icon [tooltip]=\"tooltip\"></qd-tooltip-icon>\n", styles: [":host{display:flex;height:.875rem;align-items:center;margin-bottom:.25rem;color:#171717;font-size:.75rem;font-weight:500;line-height:.875rem}@media (max-width: 959.98px){:host.disabled{display:none}}.qd-form-error :host{color:#c70023}.qd-form-disabled :host{color:#979797}:host.viewonly{color:#757575;font-size:.875rem;font-weight:500;line-height:1.3125rem;display:block;height:unset;margin-bottom:.25rem;line-height:1.25rem}:host .label-text{transform:translateY(.0625rem)}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], isDisabled: [{
@@ -22527,9 +22547,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
 const initTableState = createAction('[QdUi Table] Init Table', props());
 const initTableStateSelectedRows = createAction('[QdUi Table] Init Selected Rows', props());
 const updateTableStateData$1 = createAction('[QdUi Table] Update Table', props());
-const updateTableStateRowToSelected = createAction('[QdUi Table] Update Row To Selected', props());
-const updateTableStateSingleRowToSelected = createAction('[QdUi Table] Update Table Single Row To Selected', props());
-const updateTableStateRowToUnselected = createAction('[QdUi Table] Update Row To Unselected', props());
+const selectRow$1 = createAction('[QdUi Table] Select Row', props());
+const selectSingleRow$1 = createAction('[QdUi Table] Select Single Row', props());
+const unselectRow$1 = createAction('[QdUi Table] Unselect Row', props());
+const clearAllSelectedRows$1 = createAction('[QdUi Table] Clear All Selected Rows', props());
+const refreshSelectedRowsData$1 = createAction('[QdUi Table] Refresh Selected Rows Data', props());
 const updateTableStateRecentSecondaryAction$1 = createAction('[QdUi Table] Update Recent Secondary Action', props());
 const setupPagination$1 = createAction('[QdUi Table] Init Pagination', props());
 const setPage$1 = createAction('[QdUi Table] Set Page', props());
@@ -22548,9 +22570,11 @@ const QdTableActions = {
     initTableState,
     initTableStateSelectedRows,
     updateTableStateData: updateTableStateData$1,
-    updateTableStateRowToSelected,
-    updateTableStateSingleRowToSelected,
-    updateTableStateRowToUnselected,
+    selectRow: selectRow$1,
+    selectSingleRow: selectSingleRow$1,
+    unselectRow: unselectRow$1,
+    clearAllSelectedRows: clearAllSelectedRows$1,
+    refreshSelectedRowsData: refreshSelectedRowsData$1,
     updateTableStateRecentSecondaryAction: updateTableStateRecentSecondaryAction$1,
     setupPagination: setupPagination$1,
     setPage: setPage$1,
@@ -22600,6 +22624,8 @@ function resolveRowIdentifier(row, rowIndex, trackRowBy) {
     return row.uid ?? rowIndex;
 }
 
+const EMPTY_SELECTED_ROWS = Object.freeze([]);
+const EMPTY_SELECTED_ROWS_DATA = Object.freeze({});
 class QdTableStoreSelectorService {
     _tableId;
     set tableId(tableId) {
@@ -22627,7 +22653,10 @@ class QdTableStoreSelectorService {
         return createSelector(this.selectTables, tables => this.getTable(tables)?.data[rowIndex]);
     }
     selectedRows() {
-        return createSelector(this.selectTables, tables => this.getTable(tables)?.selectedRows ?? []);
+        return createSelector(this.selectTables, tables => this.getTable(tables)?.selectedRows ?? EMPTY_SELECTED_ROWS);
+    }
+    selectedRowsData() {
+        return createSelector(this.selectTables, tables => this.getTable(tables)?.selectedRowsData ?? EMPTY_SELECTED_ROWS_DATA);
     }
     isTableRowSelected(rowIndex, trackRowBy) {
         return createSelector(this.selectTables, tables => {
@@ -22769,14 +22798,20 @@ class QdTableStoreService {
     updateTableStateData(data) {
         this.store.dispatch(QdTableActions.updateTableStateData({ tableId: this.tableId, data }));
     }
-    updateTableStateRowToSelected(rowIdentifier) {
-        this.store.dispatch(QdTableActions.updateTableStateRowToSelected({ tableId: this.tableId, rowIdentifier }));
+    selectRow(rowIdentifier, rowData) {
+        this.store.dispatch(QdTableActions.selectRow({ tableId: this.tableId, rowIdentifier, rowData }));
+    }
+    selectSingleRow(rowIdentifier, rowData) {
+        this.store.dispatch(QdTableActions.selectSingleRow({ tableId: this.tableId, rowIdentifier, rowData }));
     }
-    updateTableStateSingleRowToSelected(rowIdentifier) {
-        this.store.dispatch(QdTableActions.updateTableStateSingleRowToSelected({ tableId: this.tableId, rowIdentifier }));
+    unselectRow(rowIdentifier) {
+        this.store.dispatch(QdTableActions.unselectRow({ tableId: this.tableId, rowIdentifier }));
     }
-    updateTableStateRowToUnselected(rowIdentifier) {
-        this.store.dispatch(QdTableActions.updateTableStateRowToUnselected({ tableId: this.tableId, rowIdentifier }));
+    clearAllSelectedRows() {
+        this.store.dispatch(QdTableActions.clearAllSelectedRows({ tableId: this.tableId }));
+    }
+    refreshSelectedRowsData(visibleRowsData) {
+        this.store.dispatch(QdTableActions.refreshSelectedRowsData({ tableId: this.tableId, visibleRowsData }));
     }
     updateTableStateRecentSecondaryAction(action) {
         this.store.dispatch(QdTableActions.updateTableStateRecentSecondaryAction({ tableId: this.tableId, recentSecondaryAction: action }));
@@ -22834,6 +22869,9 @@ class QdTableStoreService {
             .select(this.tableStoreSelectorService.selectedRows())
             .pipe(filter(selectedRows => selectedRows !== undefined));
     }
+    selectedRowsData$() {
+        return this.store.select(this.tableStoreSelectorService.selectedRowsData());
+    }
     isTableRowSelected$(rowIndex, trackRowBy) {
         return this.store.select(this.tableStoreSelectorService.isTableRowSelected(rowIndex, trackRowBy));
     }
@@ -23253,10 +23291,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
 class QdTableRowSelectionService {
     tableStoreService = inject(QdTableStoreService);
     _config;
-    _selectedRows = [];
+    _visibleRowsSubscription;
     set config(config) {
         this._config = config;
         this.tableStoreService.initTableStateSelectedRows(config.selection?.selectedRows || []);
+        this._visibleRowsSubscription?.unsubscribe();
+        this._visibleRowsSubscription = this.tableStoreService
+            .tableDataEntries$()
+            .subscribe(rows => this.refreshCacheForVisibleRows(rows));
+    }
+    ngOnDestroy() {
+        this._visibleRowsSubscription?.unsubscribe();
     }
     get tableId() {
         return this.tableStoreService.tableId;
@@ -23265,36 +23310,39 @@ class QdTableRowSelectionService {
         return this._config.selection.type;
     }
     get selectedRows$() {
-        const isRowSelected = this.isRowSelected.bind(this);
-        return combineLatest([
-            this.tableStoreService.tableDataEntries$(),
-            this.tableStoreService.selectedRows$().pipe(tap(selectedRows => {
-                this._selectedRows = selectedRows;
-            }))
-        ]).pipe(skip(this._config.selection?.emitOutputInitially ? 0 : 1), map(([tableData]) => (tableData || []).map(this.getIndexedRows).filter(isRowSelected)));
-    }
-    isRowSelected(row, index) {
-        const identifier = resolveRowIdentifier(row, index, this._config.trackRowBy);
-        return this._selectedRows.includes(identifier);
-    }
-    getIndexedRows(row, index) {
-        return { ...row, index };
+        return combineLatest([this.tableStoreService.selectedRows$(), this.tableStoreService.selectedRowsData$()]).pipe(auditTime(0), skip(this._config.selection?.emitOutputInitially ? 0 : 1), map(([ids, cache]) => ids
+            .map(id => cache[id])
+            .filter((row) => row !== undefined)));
     }
     isRowSelected$(rowIndex) {
         return this.tableStoreService.isTableRowSelected$(rowIndex, this._config.trackRowBy);
     }
     setRowSelected(rowIndex, rowData) {
         const identifier = resolveRowIdentifier(rowData, rowIndex, this._config.trackRowBy);
+        const selectedRow = { ...rowData, index: rowIndex };
         if (this._config.selection.type === 'singleSelect') {
-            this.tableStoreService.updateTableStateSingleRowToSelected(identifier);
+            this.tableStoreService.selectSingleRow(identifier, selectedRow);
         }
         else {
-            this.tableStoreService.updateTableStateRowToSelected(identifier);
+            this.tableStoreService.selectRow(identifier, selectedRow);
         }
     }
     setRowUnselected(rowIndex, rowData) {
         const identifier = resolveRowIdentifier(rowData, rowIndex, this._config.trackRowBy);
-        this.tableStoreService.updateTableStateRowToUnselected(identifier);
+        this.tableStoreService.unselectRow(identifier);
+    }
+    clearAll() {
+        this.tableStoreService.clearAllSelectedRows();
+    }
+    refreshCacheForVisibleRows(rows) {
+        if (!rows?.length)
+            return;
+        const visibleRowsData = rows.reduce((acc, row, index) => {
+            const id = resolveRowIdentifier(row, index, this._config.trackRowBy);
+            acc[id] = { ...row, index };
+            return acc;
+        }, {});
+        this.tableStoreService.refreshSelectedRowsData(visibleRowsData);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTableRowSelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTableRowSelectionService });
@@ -23570,6 +23618,7 @@ class QdTablePaginatorComponent {
     currentPage$;
     pageSize$;
     totalCount$;
+    selectedRowsCount$;
     pageNav = QdPaginatorDirection;
     _destroyed$ = new Subject();
     get pageSizes() {
@@ -23587,6 +23636,7 @@ class QdTablePaginatorComponent {
         this.currentPage$ = this.tableStoreService.pageInfo$();
         this.pageSize$ = this.tableStoreService.pageSize$();
         this.totalCount$ = this.tableStoreService.totalCount$();
+        this.selectedRowsCount$ = this.tableStoreService.selectedRows$().pipe(map(ids => ids?.length ?? 0));
         if (this.isConfigValid())
             this.initPagination();
     }
@@ -23641,11 +23691,11 @@ class QdTablePaginatorComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTablePaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdTablePaginatorComponent, isStandalone: false, selector: "qd-table-paginator", inputs: { config: "config", testId: ["data-test-id", "testId"] }, viewQueries: [{ propertyName: "paginatorButtons", first: true, predicate: ["paginatorButtons"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"hasData$ | async\">\n  <qd-table-paginator-page-size [pageSizes]=\"pageSizes\" *ngIf=\"pageSizes.length > 0\"></qd-table-paginator-page-size>\n  <span class=\"paginator-current-page\" *ngIf=\"currentPage$ | async as page\">\n    {{ page.start }}\u2014{{ page.end }}\n    {{ \"i18n.qd.table.pagination.of\" | translate }}\n    {{ page.totalCount }}\n    {{\n      page.totalCount === 1\n        ? (\"i18n.qd.table.pagination.entry\" | translate)\n        : (\"i18n.qd.table.pagination.entries\" | translate)\n    }}\n  </span>\n  <span class=\"paginator-buttons\" data-test=\"paginator-buttons\" #paginatorButtons qdScrollToPagination>\n    <button\n      *ngIf=\"config?.pagination['hasFirstLastPageNavigation']\"\n      class=\"paginator-button\"\n      [attr.data-test-id]=\"testId + '-paginator-first-page'\"\n      (click)=\"navigateToPage(pageNav.FirstPage)\"\n      [disabled]=\"(canPageBackward$ | async) === false\"\n    >\n      <qd-icon [icon]=\"'pageFirst1'\"></qd-icon>\n    </button>\n    <button\n      class=\"paginator-button\"\n      [attr.data-test-id]=\"testId + '-paginator-backward'\"\n      (click)=\"navigateToPage(pageNav.PreviousPage)\"\n      [disabled]=\"(canPageBackward$ | async) === false\"\n    >\n      <qd-icon [icon]=\"'triangleLeftSolid'\"></qd-icon>\n    </button>\n    <button\n      class=\"paginator-button forward\"\n      [attr.data-test-id]=\"testId + '-paginator-forward'\"\n      (click)=\"navigateToPage(pageNav.NextPage)\"\n      [disabled]=\"(canPageForward$ | async) === false\"\n    >\n      <qd-icon [icon]=\"'triangleRightSolid'\"></qd-icon>\n    </button>\n    <button\n      *ngIf=\"config?.pagination['hasFirstLastPageNavigation']\"\n      class=\"paginator-button\"\n      [attr.data-test-id]=\"testId + '-paginator-last-page'\"\n      (click)=\"navigateToPage(pageNav.LastPage)\"\n      [disabled]=\"(canPageForward$ | async) === false\"\n    >\n      <qd-icon [icon]=\"'pageLast'\"></qd-icon>\n    </button>\n  </span>\n</ng-container>\n", styles: [":host{color:#454545;font-size:.875rem;font-weight:400;line-height:1.3125rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#fff}.paginator-current-page{margin-left:1rem}.paginator-buttons{margin-left:auto;text-align:right;white-space:nowrap}button.paginator-button{width:2.75rem;height:2.75rem;border-left:.0625rem solid rgb(229,229,229);background-color:unset;color:#454545;font-size:1.5rem}button.paginator-button:disabled{color:#b4b4b4;cursor:default}button.paginator-button:not(:disabled):hover{background-color:#e5e5e5;color:#171717}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "directive", type: QdScrollToPaginationDirective, selector: "[qdScrollToPagination]" }, { kind: "component", type: QdTablePaginatorPageSizeComponent, selector: "qd-table-paginator-page-size", inputs: ["pageSizes"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdTablePaginatorComponent, isStandalone: false, selector: "qd-table-paginator", inputs: { config: "config", testId: ["data-test-id", "testId"] }, viewQueries: [{ propertyName: "paginatorButtons", first: true, predicate: ["paginatorButtons"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"hasData$ | async\">\n  <qd-table-paginator-page-size [pageSizes]=\"pageSizes\" *ngIf=\"pageSizes.length > 0\"></qd-table-paginator-page-size>\n  <span class=\"paginator-current-page\" *ngIf=\"currentPage$ | async as page\">\n    {{ page.start }}\u2014{{ page.end }}\n    {{ \"i18n.qd.table.pagination.of\" | translate }}\n    {{ page.totalCount }}\n    {{\n      page.totalCount === 1\n        ? (\"i18n.qd.table.pagination.entry\" | translate)\n        : (\"i18n.qd.table.pagination.entries\" | translate)\n    }}\n  </span>\n  <span\n    *ngIf=\"{ count: (selectedRowsCount$ | async) ?? 0 } as ctx\"\n    [hidden]=\"ctx.count === 0 || config?.selection?.type !== 'multiSelect'\"\n    class=\"paginator-selection-count\"\n    [attr.data-test-id]=\"testId + '-paginator-selection-count'\"\n  >\n    {{\n      ctx.count === 1\n        ? (\"i18n.qd.table.pagination.selectedSingular\" | translate)\n        : (\"i18n.qd.table.pagination.selectedPlural\" | translate : { count: ctx.count })\n    }}\n  </span>\n  <span class=\"paginator-buttons\" data-test=\"paginator-buttons\" #paginatorButtons qdScrollToPagination>\n    <button\n      *ngIf=\"config?.pagination['hasFirstLastPageNavigation']\"\n      class=\"paginator-button\"\n      [attr.data-test-id]=\"testId + '-paginator-first-page'\"\n      (click)=\"navigateToPage(pageNav.FirstPage)\"\n      [disabled]=\"(canPageBackward$ | async) === false\"\n    >\n      <qd-icon [icon]=\"'pageFirst1'\"></qd-icon>\n    </button>\n    <button\n      class=\"paginator-button\"\n      [attr.data-test-id]=\"testId + '-paginator-backward'\"\n      (click)=\"navigateToPage(pageNav.PreviousPage)\"\n      [disabled]=\"(canPageBackward$ | async) === false\"\n    >\n      <qd-icon [icon]=\"'triangleLeftSolid'\"></qd-icon>\n    </button>\n    <button\n      class=\"paginator-button forward\"\n      [attr.data-test-id]=\"testId + '-paginator-forward'\"\n      (click)=\"navigateToPage(pageNav.NextPage)\"\n      [disabled]=\"(canPageForward$ | async) === false\"\n    >\n      <qd-icon [icon]=\"'triangleRightSolid'\"></qd-icon>\n    </button>\n    <button\n      *ngIf=\"config?.pagination['hasFirstLastPageNavigation']\"\n      class=\"paginator-button\"\n      [attr.data-test-id]=\"testId + '-paginator-last-page'\"\n      (click)=\"navigateToPage(pageNav.LastPage)\"\n      [disabled]=\"(canPageForward$ | async) === false\"\n    >\n      <qd-icon [icon]=\"'pageLast'\"></qd-icon>\n    </button>\n  </span>\n</ng-container>\n", styles: [":host{color:#454545;font-size:.875rem;font-weight:400;line-height:1.3125rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#fff}.paginator-current-page{margin-left:1rem}.paginator-selection-count{margin-right:1rem;margin-left:1rem}.paginator-buttons{margin-left:auto;text-align:right;white-space:nowrap}button.paginator-button{width:2.75rem;height:2.75rem;border-left:.0625rem solid rgb(229,229,229);background-color:unset;color:#454545;font-size:1.5rem}button.paginator-button:disabled{color:#b4b4b4;cursor:default}button.paginator-button:not(:disabled):hover{background-color:#e5e5e5;color:#171717}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "directive", type: QdScrollToPaginationDirective, selector: "[qdScrollToPagination]" }, { kind: "component", type: QdTablePaginatorPageSizeComponent, selector: "qd-table-paginator-page-size", inputs: ["pageSizes"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTablePaginatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'qd-table-paginator', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container *ngIf=\"hasData$ | async\">\n  <qd-table-paginator-page-size [pageSizes]=\"pageSizes\" *ngIf=\"pageSizes.length > 0\"></qd-table-paginator-page-size>\n  <span class=\"paginator-current-page\" *ngIf=\"currentPage$ | async as page\">\n    {{ page.start }}\u2014{{ page.end }}\n    {{ \"i18n.qd.table.pagination.of\" | translate }}\n    {{ page.totalCount }}\n    {{\n      page.totalCount === 1\n        ? (\"i18n.qd.table.pagination.entry\" | translate)\n        : (\"i18n.qd.table.pagination.entries\" | translate)\n    }}\n  </span>\n  <span class=\"paginator-buttons\" data-test=\"paginator-buttons\" #paginatorButtons qdScrollToPagination>\n    <button\n      *ngIf=\"config?.pagination['hasFirstLastPageNavigation']\"\n      class=\"paginator-button\"\n      [attr.data-test-id]=\"testId + '-paginator-first-page'\"\n      (click)=\"navigateToPage(pageNav.FirstPage)\"\n      [disabled]=\"(canPageBackward$ | async) === false\"\n    >\n      <qd-icon [icon]=\"'pageFirst1'\"></qd-icon>\n    </button>\n    <button\n      class=\"paginator-button\"\n      [attr.data-test-id]=\"testId + '-paginator-backward'\"\n      (click)=\"navigateToPage(pageNav.PreviousPage)\"\n      [disabled]=\"(canPageBackward$ | async) === false\"\n    >\n      <qd-icon [icon]=\"'triangleLeftSolid'\"></qd-icon>\n    </button>\n    <button\n      class=\"paginator-button forward\"\n      [attr.data-test-id]=\"testId + '-paginator-forward'\"\n      (click)=\"navigateToPage(pageNav.NextPage)\"\n      [disabled]=\"(canPageForward$ | async) === false\"\n    >\n      <qd-icon [icon]=\"'triangleRightSolid'\"></qd-icon>\n    </button>\n    <button\n      *ngIf=\"config?.pagination['hasFirstLastPageNavigation']\"\n      class=\"paginator-button\"\n      [attr.data-test-id]=\"testId + '-paginator-last-page'\"\n      (click)=\"navigateToPage(pageNav.LastPage)\"\n      [disabled]=\"(canPageForward$ | async) === false\"\n    >\n      <qd-icon [icon]=\"'pageLast'\"></qd-icon>\n    </button>\n  </span>\n</ng-container>\n", styles: [":host{color:#454545;font-size:.875rem;font-weight:400;line-height:1.3125rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#fff}.paginator-current-page{margin-left:1rem}.paginator-buttons{margin-left:auto;text-align:right;white-space:nowrap}button.paginator-button{width:2.75rem;height:2.75rem;border-left:.0625rem solid rgb(229,229,229);background-color:unset;color:#454545;font-size:1.5rem}button.paginator-button:disabled{color:#b4b4b4;cursor:default}button.paginator-button:not(:disabled):hover{background-color:#e5e5e5;color:#171717}\n"] }]
+            args: [{ selector: 'qd-table-paginator', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container *ngIf=\"hasData$ | async\">\n  <qd-table-paginator-page-size [pageSizes]=\"pageSizes\" *ngIf=\"pageSizes.length > 0\"></qd-table-paginator-page-size>\n  <span class=\"paginator-current-page\" *ngIf=\"currentPage$ | async as page\">\n    {{ page.start }}\u2014{{ page.end }}\n    {{ \"i18n.qd.table.pagination.of\" | translate }}\n    {{ page.totalCount }}\n    {{\n      page.totalCount === 1\n        ? (\"i18n.qd.table.pagination.entry\" | translate)\n        : (\"i18n.qd.table.pagination.entries\" | translate)\n    }}\n  </span>\n  <span\n    *ngIf=\"{ count: (selectedRowsCount$ | async) ?? 0 } as ctx\"\n    [hidden]=\"ctx.count === 0 || config?.selection?.type !== 'multiSelect'\"\n    class=\"paginator-selection-count\"\n    [attr.data-test-id]=\"testId + '-paginator-selection-count'\"\n  >\n    {{\n      ctx.count === 1\n        ? (\"i18n.qd.table.pagination.selectedSingular\" | translate)\n        : (\"i18n.qd.table.pagination.selectedPlural\" | translate : { count: ctx.count })\n    }}\n  </span>\n  <span class=\"paginator-buttons\" data-test=\"paginator-buttons\" #paginatorButtons qdScrollToPagination>\n    <button\n      *ngIf=\"config?.pagination['hasFirstLastPageNavigation']\"\n      class=\"paginator-button\"\n      [attr.data-test-id]=\"testId + '-paginator-first-page'\"\n      (click)=\"navigateToPage(pageNav.FirstPage)\"\n      [disabled]=\"(canPageBackward$ | async) === false\"\n    >\n      <qd-icon [icon]=\"'pageFirst1'\"></qd-icon>\n    </button>\n    <button\n      class=\"paginator-button\"\n      [attr.data-test-id]=\"testId + '-paginator-backward'\"\n      (click)=\"navigateToPage(pageNav.PreviousPage)\"\n      [disabled]=\"(canPageBackward$ | async) === false\"\n    >\n      <qd-icon [icon]=\"'triangleLeftSolid'\"></qd-icon>\n    </button>\n    <button\n      class=\"paginator-button forward\"\n      [attr.data-test-id]=\"testId + '-paginator-forward'\"\n      (click)=\"navigateToPage(pageNav.NextPage)\"\n      [disabled]=\"(canPageForward$ | async) === false\"\n    >\n      <qd-icon [icon]=\"'triangleRightSolid'\"></qd-icon>\n    </button>\n    <button\n      *ngIf=\"config?.pagination['hasFirstLastPageNavigation']\"\n      class=\"paginator-button\"\n      [attr.data-test-id]=\"testId + '-paginator-last-page'\"\n      (click)=\"navigateToPage(pageNav.LastPage)\"\n      [disabled]=\"(canPageForward$ | async) === false\"\n    >\n      <qd-icon [icon]=\"'pageLast'\"></qd-icon>\n    </button>\n  </span>\n</ng-container>\n", styles: [":host{color:#454545;font-size:.875rem;font-weight:400;line-height:1.3125rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#fff}.paginator-current-page{margin-left:1rem}.paginator-selection-count{margin-right:1rem;margin-left:1rem}.paginator-buttons{margin-left:auto;text-align:right;white-space:nowrap}button.paginator-button{width:2.75rem;height:2.75rem;border-left:.0625rem solid rgb(229,229,229);background-color:unset;color:#454545;font-size:1.5rem}button.paginator-button:disabled{color:#b4b4b4;cursor:default}button.paginator-button:not(:disabled):hover{background-color:#e5e5e5;color:#171717}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], testId: [{
@@ -23849,12 +23899,15 @@ class QdTableRowComponent {
     findColumnType(item) {
         return this.config.columns.find(column => column.column === item)?.type || 'blank';
     }
+    getTooltip(item) {
+        return this.config.columns.find(column => column.column === item)?.tooltip;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdTableRowComponent, isStandalone: false, selector: "[qd-table-row]", inputs: { config: "config", rowData: "rowData", rowIndex: "rowIndex", testId: ["data-test-id", "testId"] }, host: { properties: { "attr.data-test-id": "this.hostTestId" } }, providers: [QdDataFacetsContextService], ngImport: i0, template: "<td\n  qd-table-row-selection\n  *ngIf=\"config.selection\"\n  class=\"qd-table__body-cell--selection\"\n  [rowIndex]=\"rowIndex\"\n  [rowData]=\"rowData\"\n  [data-test-id]=\"testId + '-cell-selection'\"\n></td>\n\n<ng-container *ngFor=\"let item of columnsDefinitions$ | async\">\n  <td\n    *ngIf=\"hasMergedColumns(item)\"\n    [class]=\"'qd-table__body-cell--merged ' + getCellClass(item)\"\n    [attr.data-test-id]=\"testId + '-cell-merged'\"\n  >\n    <div *ngFor=\"let item of item; let first = first\">\n      <ng-container *ngTemplateOutlet=\"headings; context: { item, translations, first }\"></ng-container>\n      <span class=\"qd-table__body-cell\">\n        <ng-container *ngComponentOutlet=\"getComponentType(item); inputs: getComponentInputs(item)\"></ng-container>\n      </span>\n    </div>\n  </td>\n\n  <td\n    *ngIf=\"!hasMergedColumns(item)\"\n    [class]=\"'qd-table__body-cell ' + getCellClass(item)\"\n    [attr.data-test-id]=\"testId + '-cell-' + item\"\n  >\n    <ng-container *ngComponentOutlet=\"getComponentType(item); inputs: getComponentInputs(item)\"></ng-container>\n  </td>\n</ng-container>\n\n<td\n  *ngIf=\"config.secondaryActions?.length > 0\"\n  qd-table-row-actions-secondary-menu\n  class=\"qd-table__body-cell--actions-secondary-actions-menu\"\n  [rowIndex]=\"rowIndex\"\n  [rowData]=\"rowData\"\n  [i18ns]=\"config.i18ns\"\n  [testId]=\"testId + '-secondary-actions'\"\n  [viewonly]=\"config.viewonly\"\n  [attr.data-test-id]=\"testId + '-cell-secondary-actions'\"\n></td>\n\n<ng-template #headings let-item=\"item\" let-translations=\"translations\" let-first=\"first\">\n  <ng-container *ngIf=\"!first && findColumnType(item) !== 'blank'\">\n    <span class=\"qd-table__body-cell--merged-headings\">\n      {{ translations ? (getI18n(item) | translate) : capitalize(item) }}\n    </span>\n  </ng-container>\n</ng-template>\n", styles: ["[qd-table-row] .qd-table__body-cell--actions-secondary-actions-menu{vertical-align:top}[qd-table-row] .qd-data-facets{display:block}[qd-table-row] qd-data-facets-progress.qd-data-facets{transform:translateY(.1875rem)}[qd-table-row] qd-data-facets-chip.qd-data-facets{display:contents}[qd-table-row] .qd-table__body-cell--merged qd-data-facets-text{padding-top:0}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: QdTableRowActionsSecondaryMenuComponent, selector: "[qd-table-row-actions-secondary-menu]", inputs: ["rowIndex", "rowData", "i18ns", "testId", "viewonly"] }, { kind: "component", type: QdTableRowSelectionComponent, selector: "[qd-table-row-selection]", inputs: ["rowIndex", "rowData", "data-test-id"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdTableRowComponent, isStandalone: false, selector: "[qd-table-row]", inputs: { config: "config", rowData: "rowData", rowIndex: "rowIndex", testId: ["data-test-id", "testId"] }, host: { properties: { "attr.data-test-id": "this.hostTestId" } }, providers: [QdDataFacetsContextService], ngImport: i0, template: "<td\n  qd-table-row-selection\n  *ngIf=\"config.selection\"\n  class=\"qd-table__body-cell--selection\"\n  [rowIndex]=\"rowIndex\"\n  [rowData]=\"rowData\"\n  [data-test-id]=\"testId + '-cell-selection'\"\n></td>\n\n<ng-container *ngFor=\"let item of columnsDefinitions$ | async\">\n  <td\n    *ngIf=\"hasMergedColumns(item)\"\n    [class]=\"'qd-table__body-cell--merged ' + getCellClass(item)\"\n    [attr.data-test-id]=\"testId + '-cell-merged'\"\n  >\n    <div *ngFor=\"let item of item; let first = first\">\n      <ng-container *ngTemplateOutlet=\"headings; context: { item, translations, first }\"></ng-container>\n      <span class=\"qd-table__body-cell\">\n        <ng-container *ngComponentOutlet=\"getComponentType(item); inputs: getComponentInputs(item)\"></ng-container>\n      </span>\n    </div>\n  </td>\n\n  <td\n    *ngIf=\"!hasMergedColumns(item)\"\n    [class]=\"'qd-table__body-cell ' + getCellClass(item)\"\n    [attr.data-test-id]=\"testId + '-cell-' + item\"\n  >\n    <ng-container *ngComponentOutlet=\"getComponentType(item); inputs: getComponentInputs(item)\"></ng-container>\n  </td>\n</ng-container>\n\n<td\n  *ngIf=\"config.secondaryActions?.length > 0\"\n  qd-table-row-actions-secondary-menu\n  class=\"qd-table__body-cell--actions-secondary-actions-menu\"\n  [rowIndex]=\"rowIndex\"\n  [rowData]=\"rowData\"\n  [i18ns]=\"config.i18ns\"\n  [testId]=\"testId + '-secondary-actions'\"\n  [viewonly]=\"config.viewonly\"\n  [attr.data-test-id]=\"testId + '-cell-secondary-actions'\"\n></td>\n\n<ng-template #headings let-item=\"item\" let-translations=\"translations\" let-first=\"first\">\n  <ng-container *ngIf=\"!first && findColumnType(item) !== 'blank'\">\n    <span class=\"qd-table__body-cell--merged-headings\">\n      {{ translations ? (getI18n(item) | translate) : capitalize(item) }}\n      <qd-tooltip-icon [tooltip]=\"getTooltip(item)\"></qd-tooltip-icon>\n    </span>\n  </ng-container>\n</ng-template>\n", styles: ["[qd-table-row] .qd-table__body-cell--actions-secondary-actions-menu{vertical-align:top}[qd-table-row] .qd-data-facets{display:block}[qd-table-row] qd-data-facets-progress.qd-data-facets{transform:translateY(.1875rem)}[qd-table-row] qd-data-facets-chip.qd-data-facets{display:contents}[qd-table-row] .qd-table__body-cell--merged qd-data-facets-text{padding-top:0}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: QdTooltipIconComponent, selector: "qd-tooltip-icon", inputs: ["tooltip"] }, { kind: "component", type: QdTableRowActionsSecondaryMenuComponent, selector: "[qd-table-row-actions-secondary-menu]", inputs: ["rowIndex", "rowData", "i18ns", "testId", "viewonly"] }, { kind: "component", type: QdTableRowSelectionComponent, selector: "[qd-table-row-selection]", inputs: ["rowIndex", "rowData", "data-test-id"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTableRowComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[qd-table-row]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [QdDataFacetsContextService], standalone: false, template: "<td\n  qd-table-row-selection\n  *ngIf=\"config.selection\"\n  class=\"qd-table__body-cell--selection\"\n  [rowIndex]=\"rowIndex\"\n  [rowData]=\"rowData\"\n  [data-test-id]=\"testId + '-cell-selection'\"\n></td>\n\n<ng-container *ngFor=\"let item of columnsDefinitions$ | async\">\n  <td\n    *ngIf=\"hasMergedColumns(item)\"\n    [class]=\"'qd-table__body-cell--merged ' + getCellClass(item)\"\n    [attr.data-test-id]=\"testId + '-cell-merged'\"\n  >\n    <div *ngFor=\"let item of item; let first = first\">\n      <ng-container *ngTemplateOutlet=\"headings; context: { item, translations, first }\"></ng-container>\n      <span class=\"qd-table__body-cell\">\n        <ng-container *ngComponentOutlet=\"getComponentType(item); inputs: getComponentInputs(item)\"></ng-container>\n      </span>\n    </div>\n  </td>\n\n  <td\n    *ngIf=\"!hasMergedColumns(item)\"\n    [class]=\"'qd-table__body-cell ' + getCellClass(item)\"\n    [attr.data-test-id]=\"testId + '-cell-' + item\"\n  >\n    <ng-container *ngComponentOutlet=\"getComponentType(item); inputs: getComponentInputs(item)\"></ng-container>\n  </td>\n</ng-container>\n\n<td\n  *ngIf=\"config.secondaryActions?.length > 0\"\n  qd-table-row-actions-secondary-menu\n  class=\"qd-table__body-cell--actions-secondary-actions-menu\"\n  [rowIndex]=\"rowIndex\"\n  [rowData]=\"rowData\"\n  [i18ns]=\"config.i18ns\"\n  [testId]=\"testId + '-secondary-actions'\"\n  [viewonly]=\"config.viewonly\"\n  [attr.data-test-id]=\"testId + '-cell-secondary-actions'\"\n></td>\n\n<ng-template #headings let-item=\"item\" let-translations=\"translations\" let-first=\"first\">\n  <ng-container *ngIf=\"!first && findColumnType(item) !== 'blank'\">\n    <span class=\"qd-table__body-cell--merged-headings\">\n      {{ translations ? (getI18n(item) | translate) : capitalize(item) }}\n    </span>\n  </ng-container>\n</ng-template>\n", styles: ["[qd-table-row] .qd-table__body-cell--actions-secondary-actions-menu{vertical-align:top}[qd-table-row] .qd-data-facets{display:block}[qd-table-row] qd-data-facets-progress.qd-data-facets{transform:translateY(.1875rem)}[qd-table-row] qd-data-facets-chip.qd-data-facets{display:contents}[qd-table-row] .qd-table__body-cell--merged qd-data-facets-text{padding-top:0}\n"] }]
+            args: [{ selector: '[qd-table-row]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [QdDataFacetsContextService], standalone: false, template: "<td\n  qd-table-row-selection\n  *ngIf=\"config.selection\"\n  class=\"qd-table__body-cell--selection\"\n  [rowIndex]=\"rowIndex\"\n  [rowData]=\"rowData\"\n  [data-test-id]=\"testId + '-cell-selection'\"\n></td>\n\n<ng-container *ngFor=\"let item of columnsDefinitions$ | async\">\n  <td\n    *ngIf=\"hasMergedColumns(item)\"\n    [class]=\"'qd-table__body-cell--merged ' + getCellClass(item)\"\n    [attr.data-test-id]=\"testId + '-cell-merged'\"\n  >\n    <div *ngFor=\"let item of item; let first = first\">\n      <ng-container *ngTemplateOutlet=\"headings; context: { item, translations, first }\"></ng-container>\n      <span class=\"qd-table__body-cell\">\n        <ng-container *ngComponentOutlet=\"getComponentType(item); inputs: getComponentInputs(item)\"></ng-container>\n      </span>\n    </div>\n  </td>\n\n  <td\n    *ngIf=\"!hasMergedColumns(item)\"\n    [class]=\"'qd-table__body-cell ' + getCellClass(item)\"\n    [attr.data-test-id]=\"testId + '-cell-' + item\"\n  >\n    <ng-container *ngComponentOutlet=\"getComponentType(item); inputs: getComponentInputs(item)\"></ng-container>\n  </td>\n</ng-container>\n\n<td\n  *ngIf=\"config.secondaryActions?.length > 0\"\n  qd-table-row-actions-secondary-menu\n  class=\"qd-table__body-cell--actions-secondary-actions-menu\"\n  [rowIndex]=\"rowIndex\"\n  [rowData]=\"rowData\"\n  [i18ns]=\"config.i18ns\"\n  [testId]=\"testId + '-secondary-actions'\"\n  [viewonly]=\"config.viewonly\"\n  [attr.data-test-id]=\"testId + '-cell-secondary-actions'\"\n></td>\n\n<ng-template #headings let-item=\"item\" let-translations=\"translations\" let-first=\"first\">\n  <ng-container *ngIf=\"!first && findColumnType(item) !== 'blank'\">\n    <span class=\"qd-table__body-cell--merged-headings\">\n      {{ translations ? (getI18n(item) | translate) : capitalize(item) }}\n      <qd-tooltip-icon [tooltip]=\"getTooltip(item)\"></qd-tooltip-icon>\n    </span>\n  </ng-container>\n</ng-template>\n", styles: ["[qd-table-row] .qd-table__body-cell--actions-secondary-actions-menu{vertical-align:top}[qd-table-row] .qd-data-facets{display:block}[qd-table-row] qd-data-facets-progress.qd-data-facets{transform:translateY(.1875rem)}[qd-table-row] qd-data-facets-chip.qd-data-facets{display:contents}[qd-table-row] .qd-table__body-cell--merged qd-data-facets-text{padding-top:0}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], rowData: [{
@@ -23862,6 +23915,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
             }], rowIndex: [{
                 type: Input
             }], testId: [{
+                type: HostBinding,
+                args: ['attr.data-test-id']
+            }, {
                 type: Input,
                 args: ['data-test-id']
             }], hostTestId: [{
@@ -23878,6 +23934,7 @@ class QdTableBodyComponent {
     testId;
     isLoading$;
     highlightedRowIdentifier;
+    trackByRowIdentifier = (rowIndex, rowData) => resolveRowIdentifier(rowData, rowIndex, this.config.trackRowBy);
     _primaryActionRefreshSubscription;
     constructor() {
         this.isLoading$ = this.tableStoreService.selectIsLoading$().pipe(debounceTime$1(400));
@@ -23925,11 +23982,11 @@ class QdTableBodyComponent {
         this.resolverService.refresh(pageIndex !== undefined ? { pageIndex } : undefined);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTableBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdTableBodyComponent, isStandalone: false, selector: "[qd-table-body]", inputs: { config: "config", data: "data", testId: ["data-test-id", "testId"] }, host: { classAttribute: "qd-table__body qd-table__body--plain" }, ngImport: i0, template: "<div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n  <qd-spinner></qd-spinner>\n</div>\n<ng-container *ngFor=\"let rowData of data; index as rowIndex\">\n  <tr\n    qd-table-row\n    [rowData]=\"rowData\"\n    [rowIndex]=\"rowIndex\"\n    [config]=\"config\"\n    [class]=\"'qd-table__body-row'\"\n    [data-test-id]=\"testId + '-row-' + rowIndex\"\n    (click)=\"config.primaryAction && primaryAction(rowData, rowIndex)\"\n    [class.hasAction]=\"config.primaryAction\"\n    [class.qd-table__body-row--last-visited]=\"isLastVisitedRow(rowData, rowIndex)\"\n  ></tr>\n</ng-container>\n", styles: [".qd-table__body--plain{position:relative}.qd-table__body--plain td{border-bottom:.0625rem solid rgb(213,213,213)}.qd-table__body--plain td.qd-table__body-cell--selection{padding-left:1rem;vertical-align:top}.qd-table__body--plain td>div{display:flex;align-items:stretch;line-height:1.5rem}.qd-table__body--plain td>div:first-child{font-weight:500;line-height:1.5rem}.qd-table__body--plain td>div:not(:first-child) .qd-table__body-cell{padding:0 .5rem}.qd-table__body--plain td.qd-table__body-cell--merged{padding:.5rem 0;vertical-align:top}.qd-table__body--plain td .qd-table__body-cell--merged-headings{width:33%;padding-left:1rem;color:#757575;overflow-wrap:break-word}.qd-table__body--plain td .qd-table__body-cell--merged-headings+.qd-table__body-cell{width:66%}.qd-table__body--plain td .qd-table__body-cell--merged-headings+.qd-table__body-cell>*{overflow-wrap:break-word;text-align:left}@media (max-width: 959.98px){.qd-table__body--plain td.qd-table__body-cell--merged{display:grid;max-width:100%;grid-template-columns:fit-content(66%) 1fr}.qd-table__body--plain td.qd-table__body-cell--merged>div:first-child{display:block;font-weight:500;grid-column:1/-1;line-height:1.5rem}.qd-table__body--plain td.qd-table__body-cell--merged>div:first-child>span.qd-table__body-cell{display:block;width:auto;padding-left:1rem}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child){display:grid;grid-column:1/-1;grid-template-columns:subgrid}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell--merged-headings{display:block;overflow:hidden;width:auto;min-width:0;padding-right:0;padding-left:1rem;color:#757575;-webkit-hyphens:auto;hyphens:auto;line-height:1.5rem;overflow-wrap:break-word;text-overflow:ellipsis}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell{display:block;overflow:hidden;width:auto;min-width:0;padding:0 .5rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.5rem;overflow-wrap:break-word;text-align:left;text-overflow:ellipsis}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell>*{display:block;overflow:hidden;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-align:left;text-overflow:ellipsis}}.qd-table__body--plain td span.qd-table__body-cell--boolean{display:flex;align-items:center}.qd-table__body--plain td span.qd-table__body-cell--progress{flex-grow:1;align-self:center;padding-top:0}.qd-table__body--plain td span.qd-table__body-cell--status{margin-top:-.5rem}.qd-table__body--plain td span.qd-table__body-cell--text .text{min-height:auto;padding-top:0;line-height:1.5rem}.qd-table__body--plain td span.qd-table__body-cell--text .text+.text{margin-top:.1875rem}.qd-table__body--plain tr.hasAction{cursor:pointer}.qd-table__body--plain tr.hasAction:hover{background-color:#f2f7fa}.qd-table__body--plain tr.qd-table__body-row--last-visited{animation:last-visited-fade 1.5s linear forwards}@keyframes last-visited-fade{0%,33%{background-color:#c3e8cd}to{background-color:transparent}}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0003}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdSpinnerComponent, selector: "qd-spinner" }, { kind: "component", type: QdTableRowComponent, selector: "[qd-table-row]", inputs: ["config", "rowData", "rowIndex", "data-test-id"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdTableBodyComponent, isStandalone: false, selector: "[qd-table-body]", inputs: { config: "config", data: "data", testId: ["data-test-id", "testId"] }, host: { classAttribute: "qd-table__body qd-table__body--plain" }, ngImport: i0, template: "<div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n  <qd-spinner></qd-spinner>\n</div>\n<ng-container *ngFor=\"let rowData of data; index as rowIndex; trackBy: trackByRowIdentifier\">\n  <tr\n    qd-table-row\n    [rowData]=\"rowData\"\n    [rowIndex]=\"rowIndex\"\n    [config]=\"config\"\n    [class]=\"'qd-table__body-row'\"\n    [data-test-id]=\"testId + '-row-' + rowIndex\"\n    (click)=\"config.primaryAction && primaryAction(rowData, rowIndex)\"\n    [class.hasAction]=\"config.primaryAction\"\n    [class.qd-table__body-row--last-visited]=\"isLastVisitedRow(rowData, rowIndex)\"\n  ></tr>\n</ng-container>\n", styles: [".qd-table__body--plain{position:relative}.qd-table__body--plain td{border-bottom:.0625rem solid rgb(213,213,213)}.qd-table__body--plain td.qd-table__body-cell--selection{padding-left:1rem;vertical-align:top}.qd-table__body--plain td>div{display:flex;align-items:stretch;line-height:1.5rem}.qd-table__body--plain td>div:first-child{font-weight:500;line-height:1.5rem}.qd-table__body--plain td>div:not(:first-child) .qd-table__body-cell{padding:0 .5rem}.qd-table__body--plain td.qd-table__body-cell--merged{padding:.5rem 0;vertical-align:top}.qd-table__body--plain td .qd-table__body-cell--merged-headings{width:33%;padding-left:1rem;color:#757575;overflow-wrap:break-word}.qd-table__body--plain td .qd-table__body-cell--merged-headings+.qd-table__body-cell{width:66%}.qd-table__body--plain td .qd-table__body-cell--merged-headings+.qd-table__body-cell>*{overflow-wrap:break-word;text-align:left}@media (max-width: 959.98px){.qd-table__body--plain td.qd-table__body-cell--merged{display:grid;max-width:100%;grid-template-columns:fit-content(66%) 1fr}.qd-table__body--plain td.qd-table__body-cell--merged>div:first-child{display:block;font-weight:500;grid-column:1/-1;line-height:1.5rem}.qd-table__body--plain td.qd-table__body-cell--merged>div:first-child>span.qd-table__body-cell{display:block;width:auto;padding-left:1rem}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child){display:grid;grid-column:1/-1;grid-template-columns:subgrid}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell--merged-headings{display:block;overflow:hidden;width:auto;min-width:0;padding-right:0;padding-left:1rem;color:#757575;-webkit-hyphens:auto;hyphens:auto;line-height:1.5rem;overflow-wrap:break-word;text-overflow:ellipsis}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell{display:block;overflow:hidden;width:auto;min-width:0;padding:0 .5rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.5rem;overflow-wrap:break-word;text-align:left;text-overflow:ellipsis}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell>*{display:block;overflow:hidden;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-align:left;text-overflow:ellipsis}}.qd-table__body--plain td span.qd-table__body-cell--boolean{display:flex;align-items:center}.qd-table__body--plain td span.qd-table__body-cell--progress{flex-grow:1;align-self:center;padding-top:0}.qd-table__body--plain td span.qd-table__body-cell--status{margin-top:-.5rem}.qd-table__body--plain td span.qd-table__body-cell--text .text{min-height:auto;padding-top:0;line-height:1.5rem}.qd-table__body--plain td span.qd-table__body-cell--text .text+.text{margin-top:.1875rem}.qd-table__body--plain tr.hasAction{cursor:pointer}.qd-table__body--plain tr.hasAction:hover{background-color:#f2f7fa}.qd-table__body--plain tr.qd-table__body-row--last-visited{animation:last-visited-fade 1.5s linear forwards}@keyframes last-visited-fade{0%,33%{background-color:#c3e8cd}to{background-color:transparent}}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0003}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdSpinnerComponent, selector: "qd-spinner" }, { kind: "component", type: QdTableRowComponent, selector: "[qd-table-row]", inputs: ["config", "rowData", "rowIndex", "data-test-id"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTableBodyComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[qd-table-body]', host: { class: 'qd-table__body qd-table__body--plain' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n  <qd-spinner></qd-spinner>\n</div>\n<ng-container *ngFor=\"let rowData of data; index as rowIndex\">\n  <tr\n    qd-table-row\n    [rowData]=\"rowData\"\n    [rowIndex]=\"rowIndex\"\n    [config]=\"config\"\n    [class]=\"'qd-table__body-row'\"\n    [data-test-id]=\"testId + '-row-' + rowIndex\"\n    (click)=\"config.primaryAction && primaryAction(rowData, rowIndex)\"\n    [class.hasAction]=\"config.primaryAction\"\n    [class.qd-table__body-row--last-visited]=\"isLastVisitedRow(rowData, rowIndex)\"\n  ></tr>\n</ng-container>\n", styles: [".qd-table__body--plain{position:relative}.qd-table__body--plain td{border-bottom:.0625rem solid rgb(213,213,213)}.qd-table__body--plain td.qd-table__body-cell--selection{padding-left:1rem;vertical-align:top}.qd-table__body--plain td>div{display:flex;align-items:stretch;line-height:1.5rem}.qd-table__body--plain td>div:first-child{font-weight:500;line-height:1.5rem}.qd-table__body--plain td>div:not(:first-child) .qd-table__body-cell{padding:0 .5rem}.qd-table__body--plain td.qd-table__body-cell--merged{padding:.5rem 0;vertical-align:top}.qd-table__body--plain td .qd-table__body-cell--merged-headings{width:33%;padding-left:1rem;color:#757575;overflow-wrap:break-word}.qd-table__body--plain td .qd-table__body-cell--merged-headings+.qd-table__body-cell{width:66%}.qd-table__body--plain td .qd-table__body-cell--merged-headings+.qd-table__body-cell>*{overflow-wrap:break-word;text-align:left}@media (max-width: 959.98px){.qd-table__body--plain td.qd-table__body-cell--merged{display:grid;max-width:100%;grid-template-columns:fit-content(66%) 1fr}.qd-table__body--plain td.qd-table__body-cell--merged>div:first-child{display:block;font-weight:500;grid-column:1/-1;line-height:1.5rem}.qd-table__body--plain td.qd-table__body-cell--merged>div:first-child>span.qd-table__body-cell{display:block;width:auto;padding-left:1rem}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child){display:grid;grid-column:1/-1;grid-template-columns:subgrid}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell--merged-headings{display:block;overflow:hidden;width:auto;min-width:0;padding-right:0;padding-left:1rem;color:#757575;-webkit-hyphens:auto;hyphens:auto;line-height:1.5rem;overflow-wrap:break-word;text-overflow:ellipsis}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell{display:block;overflow:hidden;width:auto;min-width:0;padding:0 .5rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.5rem;overflow-wrap:break-word;text-align:left;text-overflow:ellipsis}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell>*{display:block;overflow:hidden;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-align:left;text-overflow:ellipsis}}.qd-table__body--plain td span.qd-table__body-cell--boolean{display:flex;align-items:center}.qd-table__body--plain td span.qd-table__body-cell--progress{flex-grow:1;align-self:center;padding-top:0}.qd-table__body--plain td span.qd-table__body-cell--status{margin-top:-.5rem}.qd-table__body--plain td span.qd-table__body-cell--text .text{min-height:auto;padding-top:0;line-height:1.5rem}.qd-table__body--plain td span.qd-table__body-cell--text .text+.text{margin-top:.1875rem}.qd-table__body--plain tr.hasAction{cursor:pointer}.qd-table__body--plain tr.hasAction:hover{background-color:#f2f7fa}.qd-table__body--plain tr.qd-table__body-row--last-visited{animation:last-visited-fade 1.5s linear forwards}@keyframes last-visited-fade{0%,33%{background-color:#c3e8cd}to{background-color:transparent}}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0003}\n"] }]
+            args: [{ selector: '[qd-table-body]', host: { class: 'qd-table__body qd-table__body--plain' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"loading-overlay\" *ngIf=\"isLoading$ | async\">\n  <qd-spinner></qd-spinner>\n</div>\n<ng-container *ngFor=\"let rowData of data; index as rowIndex; trackBy: trackByRowIdentifier\">\n  <tr\n    qd-table-row\n    [rowData]=\"rowData\"\n    [rowIndex]=\"rowIndex\"\n    [config]=\"config\"\n    [class]=\"'qd-table__body-row'\"\n    [data-test-id]=\"testId + '-row-' + rowIndex\"\n    (click)=\"config.primaryAction && primaryAction(rowData, rowIndex)\"\n    [class.hasAction]=\"config.primaryAction\"\n    [class.qd-table__body-row--last-visited]=\"isLastVisitedRow(rowData, rowIndex)\"\n  ></tr>\n</ng-container>\n", styles: [".qd-table__body--plain{position:relative}.qd-table__body--plain td{border-bottom:.0625rem solid rgb(213,213,213)}.qd-table__body--plain td.qd-table__body-cell--selection{padding-left:1rem;vertical-align:top}.qd-table__body--plain td>div{display:flex;align-items:stretch;line-height:1.5rem}.qd-table__body--plain td>div:first-child{font-weight:500;line-height:1.5rem}.qd-table__body--plain td>div:not(:first-child) .qd-table__body-cell{padding:0 .5rem}.qd-table__body--plain td.qd-table__body-cell--merged{padding:.5rem 0;vertical-align:top}.qd-table__body--plain td .qd-table__body-cell--merged-headings{width:33%;padding-left:1rem;color:#757575;overflow-wrap:break-word}.qd-table__body--plain td .qd-table__body-cell--merged-headings+.qd-table__body-cell{width:66%}.qd-table__body--plain td .qd-table__body-cell--merged-headings+.qd-table__body-cell>*{overflow-wrap:break-word;text-align:left}@media (max-width: 959.98px){.qd-table__body--plain td.qd-table__body-cell--merged{display:grid;max-width:100%;grid-template-columns:fit-content(66%) 1fr}.qd-table__body--plain td.qd-table__body-cell--merged>div:first-child{display:block;font-weight:500;grid-column:1/-1;line-height:1.5rem}.qd-table__body--plain td.qd-table__body-cell--merged>div:first-child>span.qd-table__body-cell{display:block;width:auto;padding-left:1rem}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child){display:grid;grid-column:1/-1;grid-template-columns:subgrid}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell--merged-headings{display:block;overflow:hidden;width:auto;min-width:0;padding-right:0;padding-left:1rem;color:#757575;-webkit-hyphens:auto;hyphens:auto;line-height:1.5rem;overflow-wrap:break-word;text-overflow:ellipsis}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell{display:block;overflow:hidden;width:auto;min-width:0;padding:0 .5rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.5rem;overflow-wrap:break-word;text-align:left;text-overflow:ellipsis}.qd-table__body--plain td.qd-table__body-cell--merged>div:not(:first-child)>span.qd-table__body-cell>*{display:block;overflow:hidden;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-align:left;text-overflow:ellipsis}}.qd-table__body--plain td span.qd-table__body-cell--boolean{display:flex;align-items:center}.qd-table__body--plain td span.qd-table__body-cell--progress{flex-grow:1;align-self:center;padding-top:0}.qd-table__body--plain td span.qd-table__body-cell--status{margin-top:-.5rem}.qd-table__body--plain td span.qd-table__body-cell--text .text{min-height:auto;padding-top:0;line-height:1.5rem}.qd-table__body--plain td span.qd-table__body-cell--text .text+.text{margin-top:.1875rem}.qd-table__body--plain tr.hasAction{cursor:pointer}.qd-table__body--plain tr.hasAction:hover{background-color:#f2f7fa}.qd-table__body--plain tr.qd-table__body-row--last-visited{animation:last-visited-fade 1.5s linear forwards}@keyframes last-visited-fade{0%,33%{background-color:#c3e8cd}to{background-color:transparent}}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0003}\n"] }]
         }], ctorParameters: () => [], propDecorators: { config: [{
                 type: Input
             }], data: [{
@@ -24126,12 +24183,15 @@ class QdTableHeadComponent {
     getSortConfig(columnName) {
         return this.config.columns.find(column => column.column === columnName).sort;
     }
+    getTooltip(columnName) {
+        return this.config.columns.find(column => column.column === columnName)?.tooltip;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTableHeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdTableHeadComponent, isStandalone: false, selector: "[qd-table-head]", inputs: { config: "config", testId: ["data-test-id", "testId"] }, host: { properties: { "attr.data-test-id": "this.dataTestId" }, classAttribute: "qd-table__head" }, ngImport: i0, template: "<th\n  *ngIf=\"this.config.selection\"\n  class=\"qd-table__head-cell qd-table__head-cell--selection\"\n  scope=\"col\"\n  [attr.data-test-id]=\"testId + '-header-selection'\"\n></th>\n\n<ng-container *ngFor=\"let head of headData; let i = index; let l = last\">\n  <th\n    *ngIf=\"isHeadRendered$(i) | async\"\n    [ngClass]=\"{\n      'qd-table__head-cell': true,\n      'main-column': isMainColumn(head),\n      'last-column': isLastColumn(head)\n    }\"\n    scope=\"col\"\n    [attr.data-test-id]=\"testId + '-header-' + head\"\n  >\n    <qd-table-sort\n      [isSortable]=\"getSortableByColumn(head)\"\n      [config]=\"getSortConfig(head)\"\n      [column]=\"head\"\n      [data-test-id]=\"testId + '-sort'\"\n    >\n      <ng-container *ngIf=\"translations\">\n        {{ getI18n(head) | translate }}\n      </ng-container>\n\n      <ng-container *ngIf=\"!translations\">\n        {{ capitalize(head) }}\n      </ng-container>\n    </qd-table-sort>\n  </th>\n</ng-container>\n\n<th\n  *ngIf=\"config.secondaryActions?.length > 0\"\n  class=\"qd-table__head-cell qd-table__head-cell--secondaryActions\"\n  scope=\"col\"\n  [attr.data-test-id]=\"testId + '-header-secondary-actions'\"\n></th>\n", styles: [":host .qd-table__head-cell{white-space:nowrap}:host .qd-table__head-cell--filling-width{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdTableSortComponent, selector: "qd-table-sort", inputs: ["isSortable", "config", "column", "data-test-id"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdTableHeadComponent, isStandalone: false, selector: "[qd-table-head]", inputs: { config: "config", testId: ["data-test-id", "testId"] }, host: { properties: { "attr.data-test-id": "this.dataTestId" }, classAttribute: "qd-table__head" }, ngImport: i0, template: "<th\n  *ngIf=\"this.config.selection\"\n  class=\"qd-table__head-cell qd-table__head-cell--selection\"\n  scope=\"col\"\n  [attr.data-test-id]=\"testId + '-header-selection'\"\n></th>\n\n<ng-container *ngFor=\"let head of headData; let i = index; let l = last\">\n  <th\n    *ngIf=\"isHeadRendered$(i) | async\"\n    [ngClass]=\"{\n      'qd-table__head-cell': true,\n      'main-column': isMainColumn(head),\n      'last-column': isLastColumn(head)\n    }\"\n    scope=\"col\"\n    [attr.data-test-id]=\"testId + '-header-' + head\"\n  >\n    <qd-table-sort\n      [isSortable]=\"getSortableByColumn(head)\"\n      [config]=\"getSortConfig(head)\"\n      [column]=\"head\"\n      [data-test-id]=\"testId + '-sort'\"\n    >\n      <ng-container *ngIf=\"translations\">\n        {{ getI18n(head) | translate }}\n      </ng-container>\n\n      <ng-container *ngIf=\"!translations\">\n        {{ capitalize(head) }}\n      </ng-container>\n\n      <qd-tooltip-icon [tooltip]=\"getTooltip(head)\"></qd-tooltip-icon>\n    </qd-table-sort>\n  </th>\n</ng-container>\n\n<th\n  *ngIf=\"config.secondaryActions?.length > 0\"\n  class=\"qd-table__head-cell qd-table__head-cell--secondaryActions\"\n  scope=\"col\"\n  [attr.data-test-id]=\"testId + '-header-secondary-actions'\"\n></th>\n", styles: [":host .qd-table__head-cell{white-space:nowrap}:host .qd-table__head-cell--filling-width{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdTooltipIconComponent, selector: "qd-tooltip-icon", inputs: ["tooltip"] }, { kind: "component", type: QdTableSortComponent, selector: "qd-table-sort", inputs: ["isSortable", "config", "column", "data-test-id"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdTableHeadComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[qd-table-head]', host: { class: 'qd-table__head' }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<th\n  *ngIf=\"this.config.selection\"\n  class=\"qd-table__head-cell qd-table__head-cell--selection\"\n  scope=\"col\"\n  [attr.data-test-id]=\"testId + '-header-selection'\"\n></th>\n\n<ng-container *ngFor=\"let head of headData; let i = index; let l = last\">\n  <th\n    *ngIf=\"isHeadRendered$(i) | async\"\n    [ngClass]=\"{\n      'qd-table__head-cell': true,\n      'main-column': isMainColumn(head),\n      'last-column': isLastColumn(head)\n    }\"\n    scope=\"col\"\n    [attr.data-test-id]=\"testId + '-header-' + head\"\n  >\n    <qd-table-sort\n      [isSortable]=\"getSortableByColumn(head)\"\n      [config]=\"getSortConfig(head)\"\n      [column]=\"head\"\n      [data-test-id]=\"testId + '-sort'\"\n    >\n      <ng-container *ngIf=\"translations\">\n        {{ getI18n(head) | translate }}\n      </ng-container>\n\n      <ng-container *ngIf=\"!translations\">\n        {{ capitalize(head) }}\n      </ng-container>\n    </qd-table-sort>\n  </th>\n</ng-container>\n\n<th\n  *ngIf=\"config.secondaryActions?.length > 0\"\n  class=\"qd-table__head-cell qd-table__head-cell--secondaryActions\"\n  scope=\"col\"\n  [attr.data-test-id]=\"testId + '-header-secondary-actions'\"\n></th>\n", styles: [":host .qd-table__head-cell{white-space:nowrap}:host .qd-table__head-cell--filling-width{width:100%}\n"] }]
+            args: [{ selector: '[qd-table-head]', host: { class: 'qd-table__head' }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<th\n  *ngIf=\"this.config.selection\"\n  class=\"qd-table__head-cell qd-table__head-cell--selection\"\n  scope=\"col\"\n  [attr.data-test-id]=\"testId + '-header-selection'\"\n></th>\n\n<ng-container *ngFor=\"let head of headData; let i = index; let l = last\">\n  <th\n    *ngIf=\"isHeadRendered$(i) | async\"\n    [ngClass]=\"{\n      'qd-table__head-cell': true,\n      'main-column': isMainColumn(head),\n      'last-column': isLastColumn(head)\n    }\"\n    scope=\"col\"\n    [attr.data-test-id]=\"testId + '-header-' + head\"\n  >\n    <qd-table-sort\n      [isSortable]=\"getSortableByColumn(head)\"\n      [config]=\"getSortConfig(head)\"\n      [column]=\"head\"\n      [data-test-id]=\"testId + '-sort'\"\n    >\n      <ng-container *ngIf=\"translations\">\n        {{ getI18n(head) | translate }}\n      </ng-container>\n\n      <ng-container *ngIf=\"!translations\">\n        {{ capitalize(head) }}\n      </ng-container>\n\n      <qd-tooltip-icon [tooltip]=\"getTooltip(head)\"></qd-tooltip-icon>\n    </qd-table-sort>\n  </th>\n</ng-container>\n\n<th\n  *ngIf=\"config.secondaryActions?.length > 0\"\n  class=\"qd-table__head-cell qd-table__head-cell--secondaryActions\"\n  scope=\"col\"\n  [attr.data-test-id]=\"testId + '-header-secondary-actions'\"\n></th>\n", styles: [":host .qd-table__head-cell{white-space:nowrap}:host .qd-table__head-cell--filling-width{width:100%}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], testId: [{
@@ -24349,6 +24409,7 @@ class QdTableComponent {
     _breakpointSubscription;
     _pushEventsSubscription;
     _refreshSubscription;
+    _deselectAllSubscription;
     _connectors = [];
     get whichColumnFillsWidth() {
         return this.fillingWidthService.whichColumnFillsWidth;
@@ -24360,6 +24421,8 @@ class QdTableComponent {
         return this.config.hasPagination || !!this.config.pagination;
     }
     ngOnInit() {
+        this.mapColumnFillsWidth();
+        this.validateConfig();
         this.tableStoreService.tableId = this.config.uid || v4();
         this.tableStoreService.init();
         this.tableStoreService.initTableState(this._data, this.hasResolver, this._connectors, this.hasPagination);
@@ -24367,8 +24430,6 @@ class QdTableComponent {
         this.tableStoreService.setupSort(this.config.columns);
         this.resolverService.init(this.config.refreshOnLanguageChange, this.hasPagination);
         this.data$ = this.tableStoreService.tableDataEntries$();
-        this.mapColumnFillsWidth();
-        this.validateConfig();
         this.initializeResponsiveRowService();
         this.initializeFillingWidthService();
         this.initializeEmptyStateService();
@@ -24406,6 +24467,7 @@ class QdTableComponent {
         this._breakpointSubscription?.unsubscribe();
         this._pushEventsSubscription?.unsubscribe();
         this._refreshSubscription?.unsubscribe();
+        this._deselectAllSubscription?.unsubscribe();
         if (!this.config.uid || this.config.refreshOnPushEvent)
             this.tableStoreService.deleteTableState();
     }
@@ -24448,6 +24510,7 @@ class QdTableComponent {
             this.selectedRowsOutput.emit(selectedRows);
             this.config.selection?.handler?.(selectedRows);
         });
+        this._deselectAllSubscription = this.config.selection?.deselectAll$?.subscribe(() => this.rowSelectionService.clearAll());
     }
     initializeSecondaryActionsService() {
         this.secondaryActionsService.configs = this.config.secondaryActions ?? [];
@@ -24532,6 +24595,11 @@ class QdTableComponent {
             console.warn('QD-UI | QdTable - A uid has to be defined when highlightOnRevisit is enabled. ' +
                 'Without a uid, the table state does not persist across navigation.');
         }
+        if (this.config.selection?.type === 'multiSelect' && this.hasPagination && !this.config.trackRowBy) {
+            throw new Error('QD-UI | QdTable - "trackRowBy" is required when combining "selection: multiSelect" with pagination. ' +
+                'Provide a trackRowBy function (e.g. `trackRowBy: row => row.uid`) that returns a unique identifier ' +
+                'per row, otherwise selections cannot be persisted across pages, page-size or sort changes.');
+        }
     }
     hasHighlightOnRevisit() {
         return (!!this.config.primaryAction?.highlightOnRevisit || !!this.config.secondaryActions?.some(a => a.highlightOnRevisit));
@@ -25428,6 +25496,59 @@ const updateStateWithNewTable = (state, tableId, newTable) => ({
 });
 const updateTableStateData = (state, tableId, data) => updateStateWithNewTable(state, tableId, { ...state[tableId], data });
 const updateTableStateSelectedRows = (state, tableId, selectedRows) => updateStateWithNewTable(state, tableId, { ...state[tableId], selectedRows });
+const selectRow = (state, tableId, rowIdentifier, rowData) => updateStateWithNewTable(state, tableId, {
+    ...state[tableId],
+    selectedRows: [...(state[tableId]?.selectedRows ?? []), rowIdentifier],
+    selectedRowsData: {
+        ...(state[tableId]?.selectedRowsData ?? {}),
+        [rowIdentifier]: rowData
+    }
+});
+const selectSingleRow = (state, tableId, rowIdentifier, rowData) => updateStateWithNewTable(state, tableId, {
+    ...state[tableId],
+    selectedRows: [rowIdentifier],
+    selectedRowsData: { [rowIdentifier]: rowData }
+});
+const unselectRow = (state, tableId, rowIdentifier) => {
+    const tableState = state[tableId];
+    if (!tableState)
+        return state;
+    return updateStateWithNewTable(state, tableId, {
+        ...tableState,
+        selectedRows: (tableState.selectedRows ?? []).filter(id => id !== rowIdentifier),
+        selectedRowsData: omit(tableState.selectedRowsData ?? {}, String(rowIdentifier))
+    });
+};
+const clearAllSelectedRows = (state, tableId) => updateStateWithNewTable(state, tableId, {
+    ...state[tableId],
+    selectedRows: [],
+    selectedRowsData: {}
+});
+const refreshSelectedRowsData = (state, tableId, visibleRowsData) => {
+    const tableState = state[tableId];
+    if (!tableState)
+        return state;
+    const selectedRows = tableState.selectedRows ?? [];
+    const existing = tableState.selectedRowsData ?? {};
+    const merged = { ...existing };
+    let changed = false;
+    for (const id of selectedRows) {
+        const fresh = visibleRowsData[id];
+        if (!fresh)
+            continue;
+        const cached = existing[id];
+        if (!cached || JSON.stringify(cached) !== JSON.stringify(fresh)) {
+            merged[id] = fresh;
+            changed = true;
+        }
+    }
+    if (!changed)
+        return state;
+    return updateStateWithNewTable(state, tableId, {
+        ...tableState,
+        selectedRowsData: merged
+    });
+};
 const updateTableStateRecentSecondaryAction = (state, tableId, action) => updateStateWithNewTable(state, tableId, { ...state[tableId], recentSecondaryAction: action });
 const setupPagination = (state, tableId, pageSize = PAGE_SIZE_DEFAULT) => {
     return updateStateWithNewTable(state, tableId, {
@@ -25521,7 +25642,7 @@ const _tableReducer = createReducer(initialState, on(QdTableActions.initTableSta
     return updateTableStateSelectedRows(state, tableId, selectedRows);
 }), 
 // TODO: Remove QdTreeData references from table — Tree has been extracted into its own component
-on(QdTableActions.updateTableStateData, (state, { tableId, data }) => updateTableStateData(state, tableId, data)), on(QdTableActions.updateTableStateRowToSelected, (state, { tableId, rowIdentifier }) => updateTableStateSelectedRows(state, tableId, [...(state[tableId].selectedRows ?? []), rowIdentifier])), on(QdTableActions.updateTableStateSingleRowToSelected, (state, { tableId, rowIdentifier }) => updateTableStateSelectedRows(state, tableId, [rowIdentifier])), on(QdTableActions.updateTableStateRowToUnselected, (state, { tableId, rowIdentifier }) => updateTableStateSelectedRows(state, tableId, (state[tableId].selectedRows ?? []).filter(id => id !== rowIdentifier))), on(QdTableActions.updateTableStateRecentSecondaryAction, (state, { tableId, recentSecondaryAction: recentSecondaryAction }) => updateTableStateRecentSecondaryAction(state, tableId, recentSecondaryAction)), on(QdTableActions.setupPagination, (state, { tableId, pageSize }) => setupPagination(state, tableId, pageSize)), on(QdTableActions.setPage, (state, { tableId, pageIndex, pageSize, totalCount, data }) => setPage(state, tableId, pageIndex, pageSize, totalCount, data)), on(QdTableActions.setPageSize, (state, { tableId, pageSize }) => setPageSize(state, tableId, pageSize)), on(QdTableActions.setPageParams, (state, { tableId, pageIndex, pageSize, totalCount }) => setPageParams(state, tableId, pageIndex, pageSize, totalCount)), on(QdTableActions.setupSort, (state, { tableId, columns }) => setupSort(state, tableId, columns)), on(QdTableActions.setSort, (state, { tableId, column, direction }) => setSort(state, tableId, column, direction)), on(QdTableActions.updateSort, (state, { tableId, column, direction }) => updateSort(state, tableId, column, direction)), on(QdTableActions.setRequestState, (state, { tableId, requestState }) => setRequestState(state, tableId, requestState)), on(QdTableActions.connect, (state, { tableId, connectorName, connectorCriteria, connectorState }) => connect(state, tableId, connectorCriteria, connectorName, connectorState)), on(QdTableActions.resetConnectorStates, (state, { tableId }) => resetConnectorStates(state, tableId)), on(QdTableActions.setLastVisitedRow, (state, { tableId, rowIdentifier }) => setLastVisitedRow(state, tableId, rowIdentifier)), on(QdTableActions.clearLastVisitedRow, (state, { tableId }) => clearLastVisitedRow(state, tableId)), on(QdTableActions.deleteTableState, (state, { tableId }) => omit({ ...state }, tableId)));
+on(QdTableActions.updateTableStateData, (state, { tableId, data }) => updateTableStateData(state, tableId, data)), on(QdTableActions.selectRow, (state, { tableId, rowIdentifier, rowData }) => selectRow(state, tableId, rowIdentifier, rowData)), on(QdTableActions.selectSingleRow, (state, { tableId, rowIdentifier, rowData }) => selectSingleRow(state, tableId, rowIdentifier, rowData)), on(QdTableActions.unselectRow, (state, { tableId, rowIdentifier }) => unselectRow(state, tableId, rowIdentifier)), on(QdTableActions.clearAllSelectedRows, (state, { tableId }) => clearAllSelectedRows(state, tableId)), on(QdTableActions.refreshSelectedRowsData, (state, { tableId, visibleRowsData }) => refreshSelectedRowsData(state, tableId, visibleRowsData)), on(QdTableActions.updateTableStateRecentSecondaryAction, (state, { tableId, recentSecondaryAction: recentSecondaryAction }) => updateTableStateRecentSecondaryAction(state, tableId, recentSecondaryAction)), on(QdTableActions.setupPagination, (state, { tableId, pageSize }) => setupPagination(state, tableId, pageSize)), on(QdTableActions.setPage, (state, { tableId, pageIndex, pageSize, totalCount, data }) => setPage(state, tableId, pageIndex, pageSize, totalCount, data)), on(QdTableActions.setPageSize, (state, { tableId, pageSize }) => setPageSize(state, tableId, pageSize)), on(QdTableActions.setPageParams, (state, { tableId, pageIndex, pageSize, totalCount }) => setPageParams(state, tableId, pageIndex, pageSize, totalCount)), on(QdTableActions.setupSort, (state, { tableId, columns }) => setupSort(state, tableId, columns)), on(QdTableActions.setSort, (state, { tableId, column, direction }) => setSort(state, tableId, column, direction)), on(QdTableActions.updateSort, (state, { tableId, column, direction }) => updateSort(state, tableId, column, direction)), on(QdTableActions.setRequestState, (state, { tableId, requestState }) => setRequestState(state, tableId, requestState)), on(QdTableActions.connect, (state, { tableId, connectorName, connectorCriteria, connectorState }) => connect(state, tableId, connectorCriteria, connectorName, connectorState)), on(QdTableActions.resetConnectorStates, (state, { tableId }) => resetConnectorStates(state, tableId)), on(QdTableActions.setLastVisitedRow, (state, { tableId, rowIdentifier }) => setLastVisitedRow(state, tableId, rowIdentifier)), on(QdTableActions.clearLastVisitedRow, (state, { tableId }) => clearLastVisitedRow(state, tableId)), on(QdTableActions.deleteTableState, (state, { tableId }) => omit({ ...state }, tableId)));
 function tableReducer(state, action) {
     return _tableReducer(state, action);
 }
@@ -27564,8 +27685,6 @@ class QdPageObjectHeaderComponent {
     _isLoadingSubject = new BehaviorSubject(false);
     _customActionsSubject = new BehaviorSubject({ actions: [] });
     _customActionsSub;
-    _metadataSub;
-    _streamPartial = {};
     _destroyed$ = new Subject();
     _availableContexts = 0;
     pageObjectData$ = this._pageObjectDataSubject.asObservable();
@@ -27656,21 +27775,19 @@ class QdPageObjectHeaderComponent {
                 if (originalUpdateMetadata)
                     originalUpdateMetadata(props);
             };
+            this.setupResolverTrigger();
         }
     }
     ngOnInit() {
         if (this.pageObjectResolver)
             this.setupResolverTrigger();
         this.updateCustomActions();
-        this.subscribeToMetadataStream();
         this.formGroupManagerService.takeFormGroupsSnapshot();
         this.initContexts();
     }
     ngOnChanges(changes) {
-        if (changes['config'] && !changes['config'].firstChange) {
+        if (changes['config'] && !changes['config'].firstChange)
             this.updateCustomActions();
-            this.subscribeToMetadataStream();
-        }
     }
     ngOnDestroy() {
         this.pageStoreService.toggleViewonly(false);
@@ -27678,8 +27795,8 @@ class QdPageObjectHeaderComponent {
         this._destroyed$.complete();
     }
     updateMetadata(metadata) {
-        this._streamPartial = { ...this._streamPartial, ...metadata };
-        this._pageObjectDataSubject.next({ ...this._pageObjectDataSubject.value, ...metadata });
+        const updatedMetadata = { ...this._pageObjectDataSubject.value, ...metadata };
+        this._pageObjectDataSubject.next(updatedMetadata);
     }
     handleAction(facet) {
         facet?.action?.handler();
@@ -27743,7 +27860,7 @@ class QdPageObjectHeaderComponent {
     setupResolverTrigger() {
         this.resolverTriggerService
             .shouldTriggerResolver(this.pageObjectResolver.config?.triggerOn ?? 'pathParamsChange')
-            .pipe(takeUntil(this._destroyed$), filter(shouldTrigger => shouldTrigger), tap(() => this._isLoadingSubject.next(true)), switchMap(() => this.pageObjectResolver.resolve()), tap(objectData => this._pageObjectDataSubject.next({ ...objectData, ...this._streamPartial })), tap(() => this._isLoadingSubject.next(false)), tap(() => this.formGroupManagerService.takeFormGroupsSnapshot()))
+            .pipe(takeUntil(this._destroyed$), filter(shouldTrigger => shouldTrigger), tap(() => this._isLoadingSubject.next(true)), switchMap(() => this.pageObjectResolver.resolve()), tap(objectData => this._pageObjectDataSubject.next(objectData)), tap(() => this._isLoadingSubject.next(false)), tap(() => this.formGroupManagerService.takeFormGroupsSnapshot()))
             .subscribe();
     }
     initContexts() {
@@ -27775,13 +27892,6 @@ class QdPageObjectHeaderComponent {
         }
         this.subscribeToViewOnlyMode();
     }
-    subscribeToMetadataStream() {
-        this._metadataSub?.unsubscribe();
-        const metadata$ = this.config.metadata$;
-        if (!metadata$)
-            return;
-        this._metadataSub = metadata$.pipe(takeUntil(this._destroyed$)).subscribe(partial => this.updateMetadata(partial));
-    }
     subscribeToViewOnlyMode() {
         this._customActionsSub?.unsubscribe();
         this._customActionsSub = this.pageStoreService.isViewonly$
@@ -29004,42 +29114,19 @@ const SAFE_BOTTOM_OFFSET_PX = 64;
  *
  * #### **Updating Facets**
  *
- * Typically, the values of the facets on a create or inspect page are set to read-only. If a facet value needs to change at runtime — for instance after a status update from a dialog — push the partial update through an observable on the page config. The header subscribes to `QdPageConfig.metadata$` and shallow-merges every emission into the current object data.
+ * Typically, the values of the facets on a create or inspect page are set to read-only. However, there may be cases where, for example, a status change is needed, such as through a dialog. For this purpose, we have provided an update method. In the resolver service, define an empty method called `updateMetadata`. Inject this service using its type, and then call the `updateMetadata` method with the required parameter.
  *
  * **Please note: These values should not be modified directly within a QdPage.**
  *
  * ```ts
- * @Component({
- *   // ...
- *   providers: [
- *     {
- *       provide: QD_PAGE_OBJECT_RESOLVER_TOKEN,
- *       useClass: MyObjectModelResolver
- *     }
- *   ]
- * })
- * class MyPageComponent {
- *   private metadataUpdates$ = new Subject<Partial<MyObjectModel>>();
- *
- *   pageConfig: QdPageConfig<MyObjectModel> = {
- *     title: { i18n: 'i18n.page.title' },
- *     pageType: 'inspect',
- *     headerFacets: [ /* ... *\/ ],
- *     metadata$: this.metadataUpdates$,
- *     pageTypeConfig: { /* ... *\/ }
- *   };
- *
- *   updateStatus() {
- *     this.metadataUpdates$.next({ state: 'Updated' });
+ * @Injectable()
+ * class MyObjectModelResolver implements QdPageObjectResolver<MyObjectModel> {
+ *   config: QdPageObjectResolverConfig = {
+ *     // your configuration options here
  *   }
- * }
- * ```
  *
- * Legacy approach (`@deprecated`): the resolver-level `updateMetadata` method is still wired up for backward compatibility, but prefer `metadata$` on the config for new code.
+ *   constructor(private http: HttpClient) {}
  *
- * ```ts
- * @Injectable()
- * class MyObjectModelResolver implements QdPageObjectResolver<MyObjectModel> {
  *   resolve(): Observable<MyObjectModel> {
  *     // your implementation here
  *   }
@@ -29049,6 +29136,15 @@ const SAFE_BOTTOM_OFFSET_PX = 64;
  *   }
  * }
  *
+ * @Component({
+ *   // ...
+ *   providers: [
+ *     {
+ *       provide: QD_PAGE_OBJECT_RESOLVER_TOKEN,
+ *       useClass: MyObjectModelResolver
+ *     }
+ *   ]
+ * })
  * class MyPageComponent {
  *   constructor(@Inject(QD_PAGE_OBJECT_RESOLVER_TOKEN) private objectResolver: MyObjectModelResolver) {}
  *
@@ -32817,9 +32913,6 @@ class QdQuickEditComponent {
             this.data?.splice(index, 1);
         }
     }
-    hasTooltip(tooltip) {
-        return !!tooltip && !tooltip.hidden;
-    }
     initRows() {
         if (this.controlContainer)
             return;
@@ -32878,11 +32971,11 @@ class QdQuickEditComponent {
         this.controlContainer.control.valueChanges.pipe(tap(() => this.changeDetectorRef.detectChanges())).subscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdQuickEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdQuickEditComponent, isStandalone: false, selector: "qd-quick-edit", inputs: { config: "config", data: "data", testId: ["data-test-id", "testId"] }, outputs: { formGroupChange: "formGroupChange", addNewClicked: "addNewClicked" }, viewQueries: [{ propertyName: "customForDirective", first: true, predicate: QdCustomForDirective, descendants: true }, { propertyName: "focusables", predicate: QdFocusableDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"editable-actions\" *ngIf=\"showStandaloneCreate\">\n  <button\n    qdButton\n    qdButtonGhost\n    icon=\"plus\"\n    (click)=\"createRow()\"\n    [data-test-id]=\"testId + '-button-add-new'\"\n    class=\"create-button-standalone\"\n  >\n    {{ config.standaloneCreateLabel?.i18n ?? \"i18n.qd.quick.edit.createButtonLabel\" | translate }}\n  </button>\n</div>\n\n<div class=\"table\" [formGroup]=\"control\">\n  <div class=\"table-header\" *ngIf=\"!config.canAdd || templateData.length > 0 || config.emptyStateView\">\n    <div class=\"table-row\">\n      <div class=\"table-cell\" *ngFor=\"let header of visibleColumns\">\n        {{ header?.i18n | translate }}\n        <qd-icon\n          *ngIf=\"hasTooltip(header?.tooltip)\"\n          icon=\"circleInfo\"\n          class=\"additional-info\"\n          qdTooltipOnClick\n          [qdTooltipContent]=\"header?.tooltip?.content\"\n        ></qd-icon>\n      </div>\n      <div class=\"table-cell actions-column\" *ngIf=\"hasVisibleActions$ | async\">\n        <button class=\"menu-button\">\n          <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"table-body\">\n    <div\n      class=\"table-row\"\n      *qdCustomFor=\"let row of templateData; let rowIndex = index; toggler: togglerDrawing\"\n      [formGroupName]=\"rowIndex\"\n    >\n      <ng-container *ngFor=\"let column of visibleColumns; trackBy: trackByColumnName\">\n        <div class=\"table-cell\">\n          <qd-dropdown\n            [config]=\"{\n              filter: column.filter,\n              options: column.options,\n              placeholder: column.placeholder,\n              placeholderPrefix: column.placeholderPrefix,\n              viewonly: (viewonly$ | async) === true || !column.isEditable(row, column.name)\n            }\"\n            [data-test-id]=\"column.name + rowIndex\"\n            *ngIf=\"column.type === 'enum'; else otherTypes\"\n            [dense]=\"true\"\n            [formControl]=\"$any(control.controls[rowIndex])?.controls[column.name]\"\n            qdFocusable\n            class=\"dropdown\"\n          >\n          </qd-dropdown>\n\n          <ng-template #otherTypes>\n            <qd-input\n              [data-test-id]=\"column.name + rowIndex\"\n              [formControlName]=\"column.name\"\n              *ngIf=\"column.type !== 'enum' && $any(control.controls[rowIndex])?.controls[column.name]\"\n              [config]=\"{\n                inputType: column.type === 'integer' ? 'number' : 'text',\n                viewonly: (viewonly$ | async) === true || !column.isEditable(row, column.name)\n              }\"\n              qdFocusable\n            ></qd-input>\n          </ng-template>\n        </div>\n      </ng-container>\n      <td\n        *ngIf=\"hasVisibleActions$ | async\"\n        class=\"table-cell actions\"\n        [attr.data-test-id]=\"testId + '-cell-inline-actions'\"\n      >\n        <button\n          type=\"button\"\n          [qdPopoverOnClick]=\"menu\"\n          [qdPopoverCloseStrategy]=\"'onEveryClick'\"\n          [qdPopoverStopPropagation]=\"true\"\n          class=\"menu-button\"\n          data-test=\"secondary-actions-toggler\"\n        >\n          <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n        </button>\n\n        <ng-template #menu>\n          <button\n            *ngFor=\"let secondaryAction of actions$ | async\"\n            class=\"secondary-actions\"\n            [ngClass]=\"{ disabled: isActionDisabled(secondaryAction, row) }\"\n            [attr.disabled]=\"isActionDisabled(secondaryAction, row) || null\"\n            (click)=\"handleSecondaryAction(secondaryAction, rowIndex)\"\n          >\n            {{ secondaryAction.label.i18n | translate }}\n          </button>\n          <button\n            *ngIf=\"canAdd && (viewonly$ | async) === false\"\n            class=\"secondary-actions\"\n            (click)=\"removeRow(rowIndex)\"\n          >\n            {{ \"i18n.qd.quick.edit.removeButtonLabel\" | translate }}\n          </button>\n        </ng-template>\n      </td>\n    </div>\n  </div>\n  <div class=\"empty-body\" *ngIf=\"config.emptyStateView && !config.emptyStateView.disabled && templateData.length === 0\">\n    <p>{{ config.emptyStateView.i18n | translate }}</p>\n  </div>\n</div>\n", styles: [".table{display:flex;width:100%;flex-direction:column;margin:1.25rem auto;background-color:#fff;font-size:.875rem}.table ::ng-deep .qd-input-input{margin-bottom:0!important}.table-header .table-row{padding-top:.125rem;padding-bottom:.125rem;background-color:#e5e5e5;font-weight:700}.table-header .table-row .actions-column{flex:0;border-right:none;visibility:hidden}.table-header,.table-body{display:flex;flex-direction:column}.table-row{display:flex;flex-direction:row;padding:.25rem 1rem;border-bottom:.0625rem solid rgb(213,213,213);gap:1rem}.table-row ::ng-deep qd-form-label{display:none!important}.table-row ::ng-deep qd-input{margin-bottom:0!important}.table-cell{display:flex;height:37px;flex:1;align-items:center;text-align:left}.table-cell:has(.qd-input-error),.table-cell:has(.qd-dropdown-error){height:auto;align-items:flex-start}.table-cell.actions{flex:0}.table-row:last-child{border-bottom:none}.table-cell:last-child{border-right:none}.editable-actions{display:flex;justify-content:flex-end;margin-right:.625rem;gap:.625rem}.menu-button{display:flex;padding:0 .625rem 0 .375rem;background:unset;color:#454545;font-size:2rem;vertical-align:middle}.menu-button:hover,.menu-button:focus{color:#000;outline:0!important}.secondary-actions{display:block;width:100%;min-height:2rem;padding:0 1rem;background:#fff0;font-size:.75rem;text-align:left}.secondary-actions:hover{background-color:#f2f7fa}.secondary-actions.disabled{color:#b4b4b4;cursor:not-allowed}.secondary-actions.disabled:hover{background-color:#fff0}.dropdown{min-width:160px}.empty-body{padding:1.5rem;background:#fff}.empty-body p{margin:0 0 .5rem}.additional-info{align-self:center;margin-left:.25rem;color:#069;cursor:pointer;font-size:1rem;font-weight:400;transform:translateY(.0625rem)}.additional-info:hover,.additional-info:focus,.additional-info:active{color:#14516f}\n"], dependencies: [{ kind: "component", type: QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "directive", type: QdButtonGhostDirective, selector: "button[qdButtonGhost], a[qdButtonGhost]" }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdDropdownComponent, selector: "qd-dropdown", inputs: ["value", "id", "formControlName", "config", "data-test-id", "qdPopoverMaxHeight", "dense"], outputs: ["valueChange", "enterClick", "clickHint", "clickReadonly", "clickViewonly"] }, { kind: "component", type: QdInputComponent, selector: "qd-input", inputs: ["formControlName", "value", "config", "isError", "data-test-id"], outputs: ["valueChange", "enterClick", "clickClear", "clickHint", "clickReadonly", "clickViewonly"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "directive", type: QdPopoverOnClickDirective, selector: "[qdPopoverOnClick]", inputs: ["qdPopoverOnClick", "positionStrategy", "qdPopoverCloseStrategy", "qdPopoverDisabled", "qdPopoverStopPropagation", "qdPopoverBackgroundColor", "qdPopoverMaxHeight", "qdPopoverMinWidth", "qdPopoverMaxWidth", "qdPopoverAutoSize", "qdPopoverEnableKeyControl"], outputs: ["opened", "closed"], exportAs: ["qdPopoverOnClick"] }, { kind: "directive", type: QdFocusableDirective, selector: "[qdFocusable]" }, { kind: "directive", type: QdTooltipOnClickDirective, selector: "[qdTooltipOnClick]", inputs: ["qdTooltipContent"] }, { kind: "directive", type: QdCustomForDirective, selector: "[qdCustomFor]", inputs: ["qdCustomForOf", "qdCustomForToggler"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdQuickEditComponent, isStandalone: false, selector: "qd-quick-edit", inputs: { config: "config", data: "data", testId: ["data-test-id", "testId"] }, outputs: { formGroupChange: "formGroupChange", addNewClicked: "addNewClicked" }, viewQueries: [{ propertyName: "customForDirective", first: true, predicate: QdCustomForDirective, descendants: true }, { propertyName: "focusables", predicate: QdFocusableDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"editable-actions\" *ngIf=\"showStandaloneCreate\">\n  <button\n    qdButton\n    qdButtonGhost\n    icon=\"plus\"\n    (click)=\"createRow()\"\n    [data-test-id]=\"testId + '-button-add-new'\"\n    class=\"create-button-standalone\"\n  >\n    {{ config.standaloneCreateLabel?.i18n ?? \"i18n.qd.quick.edit.createButtonLabel\" | translate }}\n  </button>\n</div>\n\n<div class=\"table\" [formGroup]=\"control\">\n  <div class=\"table-header\" *ngIf=\"!config.canAdd || templateData.length > 0 || config.emptyStateView\">\n    <div class=\"table-row\">\n      <div class=\"table-cell\" *ngFor=\"let header of visibleColumns\">\n        {{ header?.i18n | translate }}\n        <qd-tooltip-icon [tooltip]=\"header?.tooltip\"></qd-tooltip-icon>\n      </div>\n      <div class=\"table-cell actions-column\" *ngIf=\"hasVisibleActions$ | async\">\n        <button class=\"menu-button\">\n          <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"table-body\">\n    <div\n      class=\"table-row\"\n      *qdCustomFor=\"let row of templateData; let rowIndex = index; toggler: togglerDrawing\"\n      [formGroupName]=\"rowIndex\"\n    >\n      <ng-container *ngFor=\"let column of visibleColumns; trackBy: trackByColumnName\">\n        <div class=\"table-cell\">\n          <qd-dropdown\n            [config]=\"{\n              filter: column.filter,\n              options: column.options,\n              placeholder: column.placeholder,\n              placeholderPrefix: column.placeholderPrefix,\n              viewonly: (viewonly$ | async) === true || !column.isEditable(row, column.name)\n            }\"\n            [data-test-id]=\"column.name + rowIndex\"\n            *ngIf=\"column.type === 'enum'; else otherTypes\"\n            [dense]=\"true\"\n            [formControl]=\"$any(control.controls[rowIndex])?.controls[column.name]\"\n            qdFocusable\n            class=\"dropdown\"\n          >\n          </qd-dropdown>\n\n          <ng-template #otherTypes>\n            <qd-input\n              [data-test-id]=\"column.name + rowIndex\"\n              [formControlName]=\"column.name\"\n              *ngIf=\"column.type !== 'enum' && $any(control.controls[rowIndex])?.controls[column.name]\"\n              [config]=\"{\n                inputType: column.type === 'integer' ? 'number' : 'text',\n                viewonly: (viewonly$ | async) === true || !column.isEditable(row, column.name)\n              }\"\n              qdFocusable\n            ></qd-input>\n          </ng-template>\n        </div>\n      </ng-container>\n      <td\n        *ngIf=\"hasVisibleActions$ | async\"\n        class=\"table-cell actions\"\n        [attr.data-test-id]=\"testId + '-cell-inline-actions'\"\n      >\n        <button\n          type=\"button\"\n          [qdPopoverOnClick]=\"menu\"\n          [qdPopoverCloseStrategy]=\"'onEveryClick'\"\n          [qdPopoverStopPropagation]=\"true\"\n          class=\"menu-button\"\n          data-test=\"secondary-actions-toggler\"\n        >\n          <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n        </button>\n\n        <ng-template #menu>\n          <button\n            *ngFor=\"let secondaryAction of actions$ | async\"\n            class=\"secondary-actions\"\n            [ngClass]=\"{ disabled: isActionDisabled(secondaryAction, row) }\"\n            [attr.disabled]=\"isActionDisabled(secondaryAction, row) || null\"\n            (click)=\"handleSecondaryAction(secondaryAction, rowIndex)\"\n          >\n            {{ secondaryAction.label.i18n | translate }}\n          </button>\n          <button\n            *ngIf=\"canAdd && (viewonly$ | async) === false\"\n            class=\"secondary-actions\"\n            (click)=\"removeRow(rowIndex)\"\n          >\n            {{ \"i18n.qd.quick.edit.removeButtonLabel\" | translate }}\n          </button>\n        </ng-template>\n      </td>\n    </div>\n  </div>\n  <div class=\"empty-body\" *ngIf=\"config.emptyStateView && !config.emptyStateView.disabled && templateData.length === 0\">\n    <p>{{ config.emptyStateView.i18n | translate }}</p>\n  </div>\n</div>\n", styles: [".table{display:flex;width:100%;flex-direction:column;margin:1.25rem auto;background-color:#fff;font-size:.875rem}.table ::ng-deep .qd-input-input{margin-bottom:0!important}.table-header .table-row{padding-top:.125rem;padding-bottom:.125rem;background-color:#e5e5e5;font-weight:700}.table-header .table-row .actions-column{flex:0;border-right:none;visibility:hidden}.table-header,.table-body{display:flex;flex-direction:column}.table-row{display:flex;flex-direction:row;padding:.25rem 1rem;border-bottom:.0625rem solid rgb(213,213,213);gap:1rem}.table-row ::ng-deep qd-form-label{display:none!important}.table-row ::ng-deep qd-input{margin-bottom:0!important}.table-cell{display:flex;height:37px;flex:1;align-items:center;text-align:left}.table-cell:has(.qd-input-error),.table-cell:has(.qd-dropdown-error){height:auto;align-items:flex-start}.table-cell.actions{flex:0}.table-row:last-child{border-bottom:none}.table-cell:last-child{border-right:none}.editable-actions{display:flex;justify-content:flex-end;margin-right:.625rem;gap:.625rem}.menu-button{display:flex;padding:0 .625rem 0 .375rem;background:unset;color:#454545;font-size:2rem;vertical-align:middle}.menu-button:hover,.menu-button:focus{color:#000;outline:0!important}.secondary-actions{display:block;width:100%;min-height:2rem;padding:0 1rem;background:#fff0;font-size:.75rem;text-align:left}.secondary-actions:hover{background-color:#f2f7fa}.secondary-actions.disabled{color:#b4b4b4;cursor:not-allowed}.secondary-actions.disabled:hover{background-color:#fff0}.dropdown{min-width:160px}.empty-body{padding:1.5rem;background:#fff}.empty-body p{margin:0 0 .5rem}\n"], dependencies: [{ kind: "component", type: QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "directive", type: QdButtonGhostDirective, selector: "button[qdButtonGhost], a[qdButtonGhost]" }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdDropdownComponent, selector: "qd-dropdown", inputs: ["value", "id", "formControlName", "config", "data-test-id", "qdPopoverMaxHeight", "dense"], outputs: ["valueChange", "enterClick", "clickHint", "clickReadonly", "clickViewonly"] }, { kind: "component", type: QdInputComponent, selector: "qd-input", inputs: ["formControlName", "value", "config", "isError", "data-test-id"], outputs: ["valueChange", "enterClick", "clickClear", "clickHint", "clickReadonly", "clickViewonly"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: QdIconComponent, selector: "qd-icon", inputs: ["icon"] }, { kind: "directive", type: QdPopoverOnClickDirective, selector: "[qdPopoverOnClick]", inputs: ["qdPopoverOnClick", "positionStrategy", "qdPopoverCloseStrategy", "qdPopoverDisabled", "qdPopoverStopPropagation", "qdPopoverBackgroundColor", "qdPopoverMaxHeight", "qdPopoverMinWidth", "qdPopoverMaxWidth", "qdPopoverAutoSize", "qdPopoverEnableKeyControl"], outputs: ["opened", "closed"], exportAs: ["qdPopoverOnClick"] }, { kind: "directive", type: QdFocusableDirective, selector: "[qdFocusable]" }, { kind: "component", type: QdTooltipIconComponent, selector: "qd-tooltip-icon", inputs: ["tooltip"] }, { kind: "directive", type: QdCustomForDirective, selector: "[qdCustomFor]", inputs: ["qdCustomForOf", "qdCustomForToggler"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdQuickEditComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'qd-quick-edit', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"editable-actions\" *ngIf=\"showStandaloneCreate\">\n  <button\n    qdButton\n    qdButtonGhost\n    icon=\"plus\"\n    (click)=\"createRow()\"\n    [data-test-id]=\"testId + '-button-add-new'\"\n    class=\"create-button-standalone\"\n  >\n    {{ config.standaloneCreateLabel?.i18n ?? \"i18n.qd.quick.edit.createButtonLabel\" | translate }}\n  </button>\n</div>\n\n<div class=\"table\" [formGroup]=\"control\">\n  <div class=\"table-header\" *ngIf=\"!config.canAdd || templateData.length > 0 || config.emptyStateView\">\n    <div class=\"table-row\">\n      <div class=\"table-cell\" *ngFor=\"let header of visibleColumns\">\n        {{ header?.i18n | translate }}\n        <qd-icon\n          *ngIf=\"hasTooltip(header?.tooltip)\"\n          icon=\"circleInfo\"\n          class=\"additional-info\"\n          qdTooltipOnClick\n          [qdTooltipContent]=\"header?.tooltip?.content\"\n        ></qd-icon>\n      </div>\n      <div class=\"table-cell actions-column\" *ngIf=\"hasVisibleActions$ | async\">\n        <button class=\"menu-button\">\n          <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"table-body\">\n    <div\n      class=\"table-row\"\n      *qdCustomFor=\"let row of templateData; let rowIndex = index; toggler: togglerDrawing\"\n      [formGroupName]=\"rowIndex\"\n    >\n      <ng-container *ngFor=\"let column of visibleColumns; trackBy: trackByColumnName\">\n        <div class=\"table-cell\">\n          <qd-dropdown\n            [config]=\"{\n              filter: column.filter,\n              options: column.options,\n              placeholder: column.placeholder,\n              placeholderPrefix: column.placeholderPrefix,\n              viewonly: (viewonly$ | async) === true || !column.isEditable(row, column.name)\n            }\"\n            [data-test-id]=\"column.name + rowIndex\"\n            *ngIf=\"column.type === 'enum'; else otherTypes\"\n            [dense]=\"true\"\n            [formControl]=\"$any(control.controls[rowIndex])?.controls[column.name]\"\n            qdFocusable\n            class=\"dropdown\"\n          >\n          </qd-dropdown>\n\n          <ng-template #otherTypes>\n            <qd-input\n              [data-test-id]=\"column.name + rowIndex\"\n              [formControlName]=\"column.name\"\n              *ngIf=\"column.type !== 'enum' && $any(control.controls[rowIndex])?.controls[column.name]\"\n              [config]=\"{\n                inputType: column.type === 'integer' ? 'number' : 'text',\n                viewonly: (viewonly$ | async) === true || !column.isEditable(row, column.name)\n              }\"\n              qdFocusable\n            ></qd-input>\n          </ng-template>\n        </div>\n      </ng-container>\n      <td\n        *ngIf=\"hasVisibleActions$ | async\"\n        class=\"table-cell actions\"\n        [attr.data-test-id]=\"testId + '-cell-inline-actions'\"\n      >\n        <button\n          type=\"button\"\n          [qdPopoverOnClick]=\"menu\"\n          [qdPopoverCloseStrategy]=\"'onEveryClick'\"\n          [qdPopoverStopPropagation]=\"true\"\n          class=\"menu-button\"\n          data-test=\"secondary-actions-toggler\"\n        >\n          <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n        </button>\n\n        <ng-template #menu>\n          <button\n            *ngFor=\"let secondaryAction of actions$ | async\"\n            class=\"secondary-actions\"\n            [ngClass]=\"{ disabled: isActionDisabled(secondaryAction, row) }\"\n            [attr.disabled]=\"isActionDisabled(secondaryAction, row) || null\"\n            (click)=\"handleSecondaryAction(secondaryAction, rowIndex)\"\n          >\n            {{ secondaryAction.label.i18n | translate }}\n          </button>\n          <button\n            *ngIf=\"canAdd && (viewonly$ | async) === false\"\n            class=\"secondary-actions\"\n            (click)=\"removeRow(rowIndex)\"\n          >\n            {{ \"i18n.qd.quick.edit.removeButtonLabel\" | translate }}\n          </button>\n        </ng-template>\n      </td>\n    </div>\n  </div>\n  <div class=\"empty-body\" *ngIf=\"config.emptyStateView && !config.emptyStateView.disabled && templateData.length === 0\">\n    <p>{{ config.emptyStateView.i18n | translate }}</p>\n  </div>\n</div>\n", styles: [".table{display:flex;width:100%;flex-direction:column;margin:1.25rem auto;background-color:#fff;font-size:.875rem}.table ::ng-deep .qd-input-input{margin-bottom:0!important}.table-header .table-row{padding-top:.125rem;padding-bottom:.125rem;background-color:#e5e5e5;font-weight:700}.table-header .table-row .actions-column{flex:0;border-right:none;visibility:hidden}.table-header,.table-body{display:flex;flex-direction:column}.table-row{display:flex;flex-direction:row;padding:.25rem 1rem;border-bottom:.0625rem solid rgb(213,213,213);gap:1rem}.table-row ::ng-deep qd-form-label{display:none!important}.table-row ::ng-deep qd-input{margin-bottom:0!important}.table-cell{display:flex;height:37px;flex:1;align-items:center;text-align:left}.table-cell:has(.qd-input-error),.table-cell:has(.qd-dropdown-error){height:auto;align-items:flex-start}.table-cell.actions{flex:0}.table-row:last-child{border-bottom:none}.table-cell:last-child{border-right:none}.editable-actions{display:flex;justify-content:flex-end;margin-right:.625rem;gap:.625rem}.menu-button{display:flex;padding:0 .625rem 0 .375rem;background:unset;color:#454545;font-size:2rem;vertical-align:middle}.menu-button:hover,.menu-button:focus{color:#000;outline:0!important}.secondary-actions{display:block;width:100%;min-height:2rem;padding:0 1rem;background:#fff0;font-size:.75rem;text-align:left}.secondary-actions:hover{background-color:#f2f7fa}.secondary-actions.disabled{color:#b4b4b4;cursor:not-allowed}.secondary-actions.disabled:hover{background-color:#fff0}.dropdown{min-width:160px}.empty-body{padding:1.5rem;background:#fff}.empty-body p{margin:0 0 .5rem}.additional-info{align-self:center;margin-left:.25rem;color:#069;cursor:pointer;font-size:1rem;font-weight:400;transform:translateY(.0625rem)}.additional-info:hover,.additional-info:focus,.additional-info:active{color:#14516f}\n"] }]
+            args: [{ selector: 'qd-quick-edit', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"editable-actions\" *ngIf=\"showStandaloneCreate\">\n  <button\n    qdButton\n    qdButtonGhost\n    icon=\"plus\"\n    (click)=\"createRow()\"\n    [data-test-id]=\"testId + '-button-add-new'\"\n    class=\"create-button-standalone\"\n  >\n    {{ config.standaloneCreateLabel?.i18n ?? \"i18n.qd.quick.edit.createButtonLabel\" | translate }}\n  </button>\n</div>\n\n<div class=\"table\" [formGroup]=\"control\">\n  <div class=\"table-header\" *ngIf=\"!config.canAdd || templateData.length > 0 || config.emptyStateView\">\n    <div class=\"table-row\">\n      <div class=\"table-cell\" *ngFor=\"let header of visibleColumns\">\n        {{ header?.i18n | translate }}\n        <qd-tooltip-icon [tooltip]=\"header?.tooltip\"></qd-tooltip-icon>\n      </div>\n      <div class=\"table-cell actions-column\" *ngIf=\"hasVisibleActions$ | async\">\n        <button class=\"menu-button\">\n          <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  <div class=\"table-body\">\n    <div\n      class=\"table-row\"\n      *qdCustomFor=\"let row of templateData; let rowIndex = index; toggler: togglerDrawing\"\n      [formGroupName]=\"rowIndex\"\n    >\n      <ng-container *ngFor=\"let column of visibleColumns; trackBy: trackByColumnName\">\n        <div class=\"table-cell\">\n          <qd-dropdown\n            [config]=\"{\n              filter: column.filter,\n              options: column.options,\n              placeholder: column.placeholder,\n              placeholderPrefix: column.placeholderPrefix,\n              viewonly: (viewonly$ | async) === true || !column.isEditable(row, column.name)\n            }\"\n            [data-test-id]=\"column.name + rowIndex\"\n            *ngIf=\"column.type === 'enum'; else otherTypes\"\n            [dense]=\"true\"\n            [formControl]=\"$any(control.controls[rowIndex])?.controls[column.name]\"\n            qdFocusable\n            class=\"dropdown\"\n          >\n          </qd-dropdown>\n\n          <ng-template #otherTypes>\n            <qd-input\n              [data-test-id]=\"column.name + rowIndex\"\n              [formControlName]=\"column.name\"\n              *ngIf=\"column.type !== 'enum' && $any(control.controls[rowIndex])?.controls[column.name]\"\n              [config]=\"{\n                inputType: column.type === 'integer' ? 'number' : 'text',\n                viewonly: (viewonly$ | async) === true || !column.isEditable(row, column.name)\n              }\"\n              qdFocusable\n            ></qd-input>\n          </ng-template>\n        </div>\n      </ng-container>\n      <td\n        *ngIf=\"hasVisibleActions$ | async\"\n        class=\"table-cell actions\"\n        [attr.data-test-id]=\"testId + '-cell-inline-actions'\"\n      >\n        <button\n          type=\"button\"\n          [qdPopoverOnClick]=\"menu\"\n          [qdPopoverCloseStrategy]=\"'onEveryClick'\"\n          [qdPopoverStopPropagation]=\"true\"\n          class=\"menu-button\"\n          data-test=\"secondary-actions-toggler\"\n        >\n          <qd-icon icon=\"overflowMenuHorizontal\"></qd-icon>\n        </button>\n\n        <ng-template #menu>\n          <button\n            *ngFor=\"let secondaryAction of actions$ | async\"\n            class=\"secondary-actions\"\n            [ngClass]=\"{ disabled: isActionDisabled(secondaryAction, row) }\"\n            [attr.disabled]=\"isActionDisabled(secondaryAction, row) || null\"\n            (click)=\"handleSecondaryAction(secondaryAction, rowIndex)\"\n          >\n            {{ secondaryAction.label.i18n | translate }}\n          </button>\n          <button\n            *ngIf=\"canAdd && (viewonly$ | async) === false\"\n            class=\"secondary-actions\"\n            (click)=\"removeRow(rowIndex)\"\n          >\n            {{ \"i18n.qd.quick.edit.removeButtonLabel\" | translate }}\n          </button>\n        </ng-template>\n      </td>\n    </div>\n  </div>\n  <div class=\"empty-body\" *ngIf=\"config.emptyStateView && !config.emptyStateView.disabled && templateData.length === 0\">\n    <p>{{ config.emptyStateView.i18n | translate }}</p>\n  </div>\n</div>\n", styles: [".table{display:flex;width:100%;flex-direction:column;margin:1.25rem auto;background-color:#fff;font-size:.875rem}.table ::ng-deep .qd-input-input{margin-bottom:0!important}.table-header .table-row{padding-top:.125rem;padding-bottom:.125rem;background-color:#e5e5e5;font-weight:700}.table-header .table-row .actions-column{flex:0;border-right:none;visibility:hidden}.table-header,.table-body{display:flex;flex-direction:column}.table-row{display:flex;flex-direction:row;padding:.25rem 1rem;border-bottom:.0625rem solid rgb(213,213,213);gap:1rem}.table-row ::ng-deep qd-form-label{display:none!important}.table-row ::ng-deep qd-input{margin-bottom:0!important}.table-cell{display:flex;height:37px;flex:1;align-items:center;text-align:left}.table-cell:has(.qd-input-error),.table-cell:has(.qd-dropdown-error){height:auto;align-items:flex-start}.table-cell.actions{flex:0}.table-row:last-child{border-bottom:none}.table-cell:last-child{border-right:none}.editable-actions{display:flex;justify-content:flex-end;margin-right:.625rem;gap:.625rem}.menu-button{display:flex;padding:0 .625rem 0 .375rem;background:unset;color:#454545;font-size:2rem;vertical-align:middle}.menu-button:hover,.menu-button:focus{color:#000;outline:0!important}.secondary-actions{display:block;width:100%;min-height:2rem;padding:0 1rem;background:#fff0;font-size:.75rem;text-align:left}.secondary-actions:hover{background-color:#f2f7fa}.secondary-actions.disabled{color:#b4b4b4;cursor:not-allowed}.secondary-actions.disabled:hover{background-color:#fff0}.dropdown{min-width:160px}.empty-body{padding:1.5rem;background:#fff}.empty-body p{margin:0 0 .5rem}\n"] }]
         }], ctorParameters: () => [], propDecorators: { config: [{
                 type: Input,
                 args: [{ required: true }]
@@ -33112,5 +33205,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { APP_ENVIRONMENT, AVAILABLE_ICONS, BACKEND_ERROR_CODES, MockLocaleDatePipe, NavigationTileComponent, NavigationTilesComponent, QD_DIALOG_CONFIRMATION_RESOLVER_TOKEN, QD_FILE_MANAGER_TOKEN, QD_FILE_UPLOAD_MANAGER_TOKEN, QD_FORM_OPTIONS_RESOLVER, QD_PAGE_OBJECT_RESOLVER_TOKEN, QD_PAGE_STEP_RESOLVER_TOKEN, QD_POPOVER_TOP_FIRST, QD_SAFE_BOTTOM_OFFSET, QD_TABLE_DATA_RESOLVER_TOKEN, QD_UPLOAD_HTTP_OPTIONS, QdButtonComponent, QdButtonGhostDirective, QdButtonGridComponent, QdButtonLinkDirective, QdButtonModule, QdButtonStackButtonComponent, QdButtonStackComponent, QdCheckboxChipsComponent, QdCheckboxComponent, QdCheckboxesComponent, QdChipComponent, QdChipModule, QdColumnAutoFillDirective, QdColumnBreakBeforeDirective, QdColumnDirective, QdColumnDisableResponsiveColspansDirective, QdColumnFullGridWidthDirective, QdColumnNextInSameRowDirective, QdColumnsDirective, QdColumnsDisableAutoFillDirective, QdColumnsDisableResponsiveColspansDirective, QdColumnsMaxDirective, QdCommentsComponent, QdCommentsModule, QdConnectFormStateToPageDirective, QdConnectorTableContextDirective, QdConnectorTableFilterDirective, QdConnectorTableSearchDirective, QdContactCardComponent, QdContactCardModule, QdContainerPairsCaptionComponent, QdContainerPairsContainerComponent, QdContainerPairsHeaderComponent, QdContainerPairsItemComponent, QdContainerPairsValueComponent, QdContextService, QdCoreModule, QdDatepickerComponent, QdDialogActionComponent, QdDialogAuthSessionEndComponent, QdDialogAuthSessionEndService, QdDialogComponent, QdDialogConfirmationComponent, QdDialogConfirmationErrorDirective, QdDialogConfirmationInfoDirective, QdDialogConfirmationSuccessDirective, QdDialogModule, QdDialogRecordStepperComponent, QdDialogService, QdDialogSize, QdDisabledDirective, QdDropdownComponent, QdFileCollectorComponent, QdFileCollectorModule, QdFileSizePipe$1 as QdFileSizePipe, QdFileUploadComponent, QdFileUploadService, QdFilterComponent, QdFilterFormItemsComponent, QdFilterModule, QdFilterRestParamBuilder, QdFilterService, QdFormArray, QdFormBuilder, QdFormControl, QdFormGroup, QdFormModule, QdGridComponent, QdGridModule, QdHorizontalPairsCaptionComponent, QdHorizontalPairsComponent, QdHorizontalPairsItemComponent, QdHorizontalPairsValueComponent, QdIconButtonComponent, QdIconComponent, QdIconModule, QdImageComponent, QdImageModule, QdIndeterminateProgressBarComponent, QdInputComponent, QdListModule, QdMenuButtonComponent, QdMockBreakpointService, QdMockButtonComponent, QdMockButtonGhostDirective, QdMockButtonGridComponent, QdMockButtonLinkDirective, QdMockButtonModule, QdMockButtonStackButtonComponent, QdMockButtonStackComponent, QdMockCalendarComponent, QdMockCheckboxChipsComponent, QdMockCheckboxComponent, QdMockCheckboxesComponent, QdMockChipComponent, QdMockChipModule, QdMockColumnDirective, QdMockColumnsDirective, QdMockContactCardComponent, QdMockContactCardModule, QdMockContainerPairsCaptionComponent, QdMockContainerPairsContainerComponent, QdMockContainerPairsHeaderComponent, QdMockContainerPairsItemComponent, QdMockContainerPairsValueComponent, QdMockCoreModule, QdMockCounterBadgeComponent, QdMockDatepickerComponent, QdMockDisabledDirective, QdMockDropdownComponent, QdMockFileCollectorComponent, QdMockFileCollectorModule, QdMockFilterCategoryBooleanComponent, QdMockFilterCategoryComponent, QdMockFilterCategoryDateComponent, QdMockFilterCategoryDateRangeComponent, QdMockFilterCategoryFreeTextComponent, QdMockFilterCategorySelectComponent, QdMockFilterComponent, QdMockFilterFormItemsComponent, QdMockFilterItemBooleanComponent, QdMockFilterItemDateComponent, QdMockFilterItemDateRangeComponent, QdMockFilterItemFreeTextComponent, QdMockFilterItemMultiSelectComponent, QdMockFilterItemSingleSelectComponent, QdMockFilterModule, QdMockFilterService, QdMockFormErrorComponent, QdMockFormGroupErrorComponent, QdMockFormHintComponent, QdMockFormLabelComponent, QdMockFormReadonlyComponent, QdMockFormViewonlyComponent, QdMockFormsModule, QdMockGridModule, QdMockIconButtonComponent, QdMockIconComponent, QdMockIconModule, QdMockImageComponent, QdMockImageModule, QdMockIndeterminateProgressBarComponent, QdMockInputComponent, QdMockListModule, QdMockNavigationTileComponent, QdMockNavigationTilesComponent, QdMockNavigationTilesModule, QdMockNotificationComponent, QdMockNotificationContentComponent, QdMockNotificationsComponent, QdMockNotificationsModule, QdMockNotificationsService, QdMockPageComponent, QdMockPageModule, QdMockPercentageProgressBarComponent, QdMockPinCodeComponent, QdMockPlaceHolderModule, QdMockPopoverOnClickDirective, QdMockProgressBarModule, QdMockQdPlaceHolderComponent, QdMockRadioButtonsComponent, QdMockRwdDisabledDirective, QdMockSearchComponent, QdMockSearchModule, QdMockSectionComponent, QdMockSectionModule, QdMockShellComponent, QdMockShellFooterComponent, QdMockShellHeaderBannerComponent, QdMockShellHeaderComponent, QdMockShellHeaderSearchComponent, QdMockShellHeaderWidgetComponent, QdMockShellModule, QdMockShellToolbarComponent, QdMockShellToolbarItemComponent, QdMockStatusIndicatorCaptionComponent, QdMockStatusIndicatorComponent, QdMockStatusIndicatorItemComponent, QdMockStatusIndicatorModule, QdMockStatusPairsCaptionComponent, QdMockStatusPairsComponent, QdMockStatusPairsErrorComponent, QdMockStatusPairsItemComponent, QdMockStatusPairsValueComponent, QdMockSwitchComponent, QdMockSwitchesComponent, QdMockTableComponent, QdMockTableModule, QdMockTextSectionComponent, QdMockTextSectionHeadlineComponent, QdMockTextSectionModule, QdMockTextSectionParagraphComponent, QdMockTextareaComponent, QdMockTileButtonListComponent, QdMockTileComponent, QdMockTileTextListComponent, QdMockTileTextListItemComponent, QdMockTileTitleComponent, QdMockTilesContainerComponent, QdMockTilesContainerTitleComponent, QdMockTilesModule, QdMockTranslatePipe, QdMockVisuallyHiddenDirective, QdMultiInputComponent, QdNavigationTilesModule, QdNotificationComponent, QdNotificationContentComponent, QdNotificationsComponent, QdNotificationsHttpInterceptorService, QdNotificationsModule, QdNotificationsService, QdNotificationsSnackbarListenerDirective, QdPageComponent, QdPageControlPanelComponent, QdPageFooterComponent, QdPageFooterCustomContentDirective, QdPageInfoBannerComponent, QdPageModule, QdPageStepComponent, QdPageStepperAdapterDirective, QdPageStepperComponent, QdPageStepperModule, QdPageStoreService, QdPageTabComponent, QdPageTabsAdapterDirective, QdPageTabsComponent, QdPageTabsModule, QdPanelSectionActionsComponent, QdPanelSectionComponent, QdPanelSectionModule, QdPanelSectionStatusComponent, QdPanelSectionTextParagraphComponent, QdPendingChangesGuardDirective, QdPercentageProgressBarComponent, QdPinCodeComponent, QdPlaceHolderComponent, QdPlaceHolderModule, QdPlaceholderPipe, QdProgressBarModule, QdProjectionGuardComponent, QdPushEventsService, QdQuickEditComponent, QdQuickEditModule, QdRadioButtonsComponent, QdRichtextComponent, QdRwdDisabledDirective, QdSearchComponent, QdSearchModule, QdSectionAdapterDirective, QdSectionComponent, QdSectionModule, QdSectionToolbarComponent, QdShellComponent, QdShellModule, QdSortDirection, QdSpinnerComponent, QdSpinnerModule, QdStatusIndicatorComponent, QdStatusIndicatorModule, QdStatusPairsCaptionComponent, QdStatusPairsComponent, QdStatusPairsErrorComponent, QdStatusPairsItemComponent, QdStatusPairsValueComponent, QdSubgridComponent, QdSwitchComponent, QdSwitchesComponent, QdTableComponent, QdTableModule, QdTableSpringTools, QdTextSectionComponent, QdTextSectionHeadlineComponent, QdTextSectionModule, QdTextSectionParagraphComponent, QdTextareaComponent, QdTileButtonListComponent, QdTileComponent, QdTileTextListComponent, QdTileTextListItemComponent, QdTileTitleComponent, QdTilesComponent, QdTilesModule, QdTilesTitleComponent, QdTooltipAtIntersectionDirective, QdTreeComponent, QdTreeModule, QdTreeRowExpanderService, QdUiMockModule, QdUiModule, QdUploadErrorType, QdValidators, QdViewportAdaptiveDirective, QdVisuallyHiddenDirective, chipColorDefault, updateHtmlLang };
+export { APP_ENVIRONMENT, AVAILABLE_ICONS, BACKEND_ERROR_CODES, MockLocaleDatePipe, NavigationTileComponent, NavigationTilesComponent, QD_DIALOG_CONFIRMATION_RESOLVER_TOKEN, QD_FILE_MANAGER_TOKEN, QD_FILE_UPLOAD_MANAGER_TOKEN, QD_FORM_OPTIONS_RESOLVER, QD_PAGE_OBJECT_RESOLVER_TOKEN, QD_PAGE_STEP_RESOLVER_TOKEN, QD_POPOVER_TOP_FIRST, QD_SAFE_BOTTOM_OFFSET, QD_TABLE_DATA_RESOLVER_TOKEN, QD_UPLOAD_HTTP_OPTIONS, QdButtonComponent, QdButtonGhostDirective, QdButtonGridComponent, QdButtonLinkDirective, QdButtonModule, QdButtonStackButtonComponent, QdButtonStackComponent, QdCheckboxChipsComponent, QdCheckboxComponent, QdCheckboxesComponent, QdChipComponent, QdChipModule, QdColumnAutoFillDirective, QdColumnBreakBeforeDirective, QdColumnDirective, QdColumnDisableResponsiveColspansDirective, QdColumnFullGridWidthDirective, QdColumnNextInSameRowDirective, QdColumnsDirective, QdColumnsDisableAutoFillDirective, QdColumnsDisableResponsiveColspansDirective, QdColumnsMaxDirective, QdCommentsComponent, QdCommentsModule, QdConnectFormStateToPageDirective, QdConnectorTableContextDirective, QdConnectorTableFilterDirective, QdConnectorTableSearchDirective, QdContactCardComponent, QdContactCardModule, QdContainerPairsCaptionComponent, QdContainerPairsContainerComponent, QdContainerPairsHeaderComponent, QdContainerPairsItemComponent, QdContainerPairsValueComponent, QdContextService, QdCoreModule, QdDatepickerComponent, QdDialogActionComponent, QdDialogAuthSessionEndComponent, QdDialogAuthSessionEndService, QdDialogComponent, QdDialogConfirmationComponent, QdDialogConfirmationErrorDirective, QdDialogConfirmationInfoDirective, QdDialogConfirmationSuccessDirective, QdDialogModule, QdDialogRecordStepperComponent, QdDialogService, QdDialogSize, QdDisabledDirective, QdDropdownComponent, QdFileCollectorComponent, QdFileCollectorModule, QdFileSizePipe$1 as QdFileSizePipe, QdFileUploadComponent, QdFileUploadService, QdFilterComponent, QdFilterFormItemsComponent, QdFilterModule, QdFilterRestParamBuilder, QdFilterService, QdFormArray, QdFormBuilder, QdFormControl, QdFormGroup, QdFormModule, QdGridComponent, QdGridModule, QdHorizontalPairsCaptionComponent, QdHorizontalPairsComponent, QdHorizontalPairsItemComponent, QdHorizontalPairsValueComponent, QdIconButtonComponent, QdIconComponent, QdIconModule, QdImageComponent, QdImageModule, QdIndeterminateProgressBarComponent, QdInputComponent, QdListModule, QdMenuButtonComponent, QdMockBreakpointService, QdMockButtonComponent, QdMockButtonGhostDirective, QdMockButtonGridComponent, QdMockButtonLinkDirective, QdMockButtonModule, QdMockButtonStackButtonComponent, QdMockButtonStackComponent, QdMockCalendarComponent, QdMockCheckboxChipsComponent, QdMockCheckboxComponent, QdMockCheckboxesComponent, QdMockChipComponent, QdMockChipModule, QdMockColumnDirective, QdMockColumnsDirective, QdMockContactCardComponent, QdMockContactCardModule, QdMockContainerPairsCaptionComponent, QdMockContainerPairsContainerComponent, QdMockContainerPairsHeaderComponent, QdMockContainerPairsItemComponent, QdMockContainerPairsValueComponent, QdMockCoreModule, QdMockCounterBadgeComponent, QdMockDatepickerComponent, QdMockDisabledDirective, QdMockDropdownComponent, QdMockFileCollectorComponent, QdMockFileCollectorModule, QdMockFilterCategoryBooleanComponent, QdMockFilterCategoryComponent, QdMockFilterCategoryDateComponent, QdMockFilterCategoryDateRangeComponent, QdMockFilterCategoryFreeTextComponent, QdMockFilterCategorySelectComponent, QdMockFilterComponent, QdMockFilterFormItemsComponent, QdMockFilterItemBooleanComponent, QdMockFilterItemDateComponent, QdMockFilterItemDateRangeComponent, QdMockFilterItemFreeTextComponent, QdMockFilterItemMultiSelectComponent, QdMockFilterItemSingleSelectComponent, QdMockFilterModule, QdMockFilterService, QdMockFormErrorComponent, QdMockFormGroupErrorComponent, QdMockFormHintComponent, QdMockFormLabelComponent, QdMockFormReadonlyComponent, QdMockFormViewonlyComponent, QdMockFormsModule, QdMockGridModule, QdMockIconButtonComponent, QdMockIconComponent, QdMockIconModule, QdMockImageComponent, QdMockImageModule, QdMockIndeterminateProgressBarComponent, QdMockInputComponent, QdMockListModule, QdMockNavigationTileComponent, QdMockNavigationTilesComponent, QdMockNavigationTilesModule, QdMockNotificationComponent, QdMockNotificationContentComponent, QdMockNotificationsComponent, QdMockNotificationsModule, QdMockNotificationsService, QdMockPageComponent, QdMockPageModule, QdMockPercentageProgressBarComponent, QdMockPinCodeComponent, QdMockPlaceHolderModule, QdMockPopoverOnClickDirective, QdMockProgressBarModule, QdMockQdPlaceHolderComponent, QdMockRadioButtonsComponent, QdMockRwdDisabledDirective, QdMockSearchComponent, QdMockSearchModule, QdMockSectionComponent, QdMockSectionModule, QdMockShellComponent, QdMockShellFooterComponent, QdMockShellHeaderBannerComponent, QdMockShellHeaderComponent, QdMockShellHeaderSearchComponent, QdMockShellHeaderWidgetComponent, QdMockShellModule, QdMockShellToolbarComponent, QdMockShellToolbarItemComponent, QdMockStatusIndicatorCaptionComponent, QdMockStatusIndicatorComponent, QdMockStatusIndicatorItemComponent, QdMockStatusIndicatorModule, QdMockStatusPairsCaptionComponent, QdMockStatusPairsComponent, QdMockStatusPairsErrorComponent, QdMockStatusPairsItemComponent, QdMockStatusPairsValueComponent, QdMockSwitchComponent, QdMockSwitchesComponent, QdMockTableComponent, QdMockTableModule, QdMockTextSectionComponent, QdMockTextSectionHeadlineComponent, QdMockTextSectionModule, QdMockTextSectionParagraphComponent, QdMockTextareaComponent, QdMockTileButtonListComponent, QdMockTileComponent, QdMockTileTextListComponent, QdMockTileTextListItemComponent, QdMockTileTitleComponent, QdMockTilesContainerComponent, QdMockTilesContainerTitleComponent, QdMockTilesModule, QdMockTranslatePipe, QdMockVisuallyHiddenDirective, QdMultiInputComponent, QdNavigationTilesModule, QdNotificationComponent, QdNotificationContentComponent, QdNotificationsComponent, QdNotificationsHttpInterceptorService, QdNotificationsModule, QdNotificationsService, QdNotificationsSnackbarListenerDirective, QdPageComponent, QdPageControlPanelComponent, QdPageFooterComponent, QdPageFooterCustomContentDirective, QdPageInfoBannerComponent, QdPageModule, QdPageStepComponent, QdPageStepperAdapterDirective, QdPageStepperComponent, QdPageStepperModule, QdPageStoreService, QdPageTabComponent, QdPageTabsAdapterDirective, QdPageTabsComponent, QdPageTabsModule, QdPanelSectionActionsComponent, QdPanelSectionComponent, QdPanelSectionModule, QdPanelSectionStatusComponent, QdPanelSectionTextParagraphComponent, QdPendingChangesGuardDirective, QdPercentageProgressBarComponent, QdPinCodeComponent, QdPlaceHolderComponent, QdPlaceHolderModule, QdPlaceholderPipe, QdProgressBarModule, QdProjectionGuardComponent, QdPushEventsService, QdQuickEditComponent, QdQuickEditModule, QdRadioButtonsComponent, QdRichtextComponent, QdRwdDisabledDirective, QdSearchComponent, QdSearchModule, QdSectionAdapterDirective, QdSectionComponent, QdSectionModule, QdSectionToolbarComponent, QdShellComponent, QdShellModule, QdSortDirection, QdSpinnerComponent, QdSpinnerModule, QdStatusIndicatorComponent, QdStatusIndicatorModule, QdStatusPairsCaptionComponent, QdStatusPairsComponent, QdStatusPairsErrorComponent, QdStatusPairsItemComponent, QdStatusPairsValueComponent, QdSubgridComponent, QdSwitchComponent, QdSwitchesComponent, QdTableComponent, QdTableModule, QdTableSpringTools, QdTextSectionComponent, QdTextSectionHeadlineComponent, QdTextSectionModule, QdTextSectionParagraphComponent, QdTextareaComponent, QdTileButtonListComponent, QdTileComponent, QdTileTextListComponent, QdTileTextListItemComponent, QdTileTitleComponent, QdTilesComponent, QdTilesModule, QdTilesTitleComponent, QdTooltipAtIntersectionDirective, QdTooltipIconComponent, QdTreeComponent, QdTreeModule, QdTreeRowExpanderService, QdUiMockModule, QdUiModule, QdUploadErrorType, QdValidators, QdViewportAdaptiveDirective, QdVisuallyHiddenDirective, chipColorDefault, updateHtmlLang };
 //# sourceMappingURL=quadrel-enterprise-ui-framework.mjs.map